Date post: | 12-Jan-2016 |
Category: |
Documents |
Upload: | robert-scott |
View: | 212 times |
Download: | 0 times |
Embedded Design Space AnalysisEmbedded Design Space Analysis
Contextual User-Interface Design for Contextual User-Interface Design for Open User GroupsOpen User Groups
Chris StaryChris StaryUniversity of LinzUniversity of Linz
The PresentationThe Presentation
BackgroundBackground Design Knowledge & its Design Knowledge & its
RepresentationRepresentation Design as a ProcessDesign as a Process
>> Decision Making>> Decision Making Embedded Design Space AnalysisEmbedded Design Space Analysis
>> Means for Structured Design>> Means for Structured Design
BackgroundBackground
I & C TI & C T
BackgroundBackground
Diffusion of SocietyDiffusion of Society
I & C TI & C T
Enrichments & EnlargementsEnrichments & Enlargements
BackgroundBackground
Diffusion of SocietyDiffusion of Society
EnvironmentEnvironmentof Useof Use
I & C TI & C T
Enrichments & EnlargementsEnrichments & Enlargements
Scope of UsageScope of Usage
BackgroundBackground
Diffusion of SocietyDiffusion of Society
EnvironmentEnvironmentof Useof Use
I & C TI & C T
Enrichments & EnlargementsEnrichments & Enlargements
Scope of UsageScope of Usage
UsersUsers
BackgroundBackground
Diffusion of SocietyDiffusion of Society
EnvironmentEnvironmentof Useof Use
I & C TI & C T
Enrichments & EnlargementsEnrichments & Enlargements
Scope of UsageScope of Usage
UsersUsersIntegrationIntegration
BackgroundBackground
EnvironmentEnvironmentof Useof Use
I & C TI & C T
Enrichments & EnlargementsEnrichments & Enlargements
Scope of UsageScope of Usage
UsersUsersIntegrationIntegration
Tele-communicationTele-communication
BackgroundBackground
EnvironmentEnvironmentof Useof Use
I & C TI & C T
Enrichments & EnlargementsEnrichments & Enlargements
Scope of UsageScope of Usage
UsersUsersIntegrationIntegration
Tele-communicationTele-communication
Mobile ComputingMobile Computing
BackgroundBackground
EnvironmentEnvironmentof Useof Use
I & C TI & C T
Enrichments & EnlargementsEnrichments & Enlargements
Scope of UsageScope of Usage
UsersUsersIntegrationIntegration
Tele-communicationTele-communication
Mobile ComputingMobile Computing Web & MediaWeb & MediaEngineeringEngineering
BackgroundBackground
Universal accessibility of information Universal accessibility of information
requiresrequires Pro-active product developmentPro-active product development• Shift from engineering to system designShift from engineering to system design• Pragmatics and semantics matterPragmatics and semantics matter• Individualisation & adaptability are crucialIndividualisation & adaptability are crucial
>> Abstract representations>> Abstract representations
Design KnowledgeDesign Knowledge
User characteristicsUser characteristics TechnologyTechnology TasksTasks Mutual relationshipsMutual relationships• diversity of usersdiversity of users• multiple styles of interactionmultiple styles of interaction• changing requirementschanging requirements• adaptation featuresadaptation features
Design as a ProcessDesign as a Process
Transformation of knowledgeTransformation of knowledge• task/object model refinementtask/object model refinement
– background knowledgebackground knowledge– essential modelessential model– user‘s modeluser‘s model– designdesign
Decision makingDecision making• based on a design spacebased on a design space• transparency and rationale explicationtransparency and rationale explication
Embedded Design Space AnalysisEmbedded Design Space Analysis
InteractionInteractionSpaceSpace
Components & RelationshipsComponents & Relationships
Embedded Design Space AnalysisEmbedded Design Space Analysis
InteractionInteractionSpaceSpace Task SpaceTask Space
Components & RelationshipsComponents & Relationships
Embedded Design Space AnalysisEmbedded Design Space Analysis
InteractionInteractionSpaceSpace
Exploration Exploration SpaceSpace
Task SpaceTask Space
Components & RelationshipsComponents & Relationships
Embedded Design Space AnalysisEmbedded Design Space Analysis
InteractionInteractionSpaceSpace
Exploration Exploration SpaceSpace
Modality Modality SpecificationSpecification
Cross-modalityCross-modalitySpecificationSpecification
Metapher Metapher AssignmentAssignment
Task SpaceTask Space
Components & RelationshipsComponents & Relationships
Embedded Design Space AnalysisEmbedded Design Space Analysis
InteractionInteractionSpaceSpace
Exploration Exploration SpaceSpace
Modality Modality SpecificationSpecification
Cross-modalityCross-modalitySpecificationSpecification
Metapher Metapher AssignmentAssignment
Task SpaceTask Space
Temporal RelationshipsTemporal Relationships
Embedded Design Space AnalysisEmbedded Design Space Analysis
InteractionInteractionSpaceSpace
Exploration Exploration SpaceSpace
Modality Modality SpecificationSpecification
Cross-modalityCross-modalitySpecificationSpecification
Metapher Metapher AssignmentAssignment
Task SpaceTask Space
Temporal RelationshipsTemporal Relationships
Embedded Design Space AnalysisEmbedded Design Space Analysis
InteractionInteractionSpaceSpace
Exploration Exploration SpaceSpace
Modality Modality SpecifcationSpecifcation
Cross-modalityCross-modalitySpecificationSpecification
Metapher Metapher AssignmentAssignment
Task SpaceTask Space
Temporal RelationshipsTemporal Relationships
Embedded Design Space AnalysisEmbedded Design Space Analysis
InteractionInteractionSpaceSpace
Exploration Exploration SpaceSpace
Modality Modality SpecificationSpecification
Cross-modalityCross-modalitySpecificationSpecification
Metapher Metapher AssignmentAssignment
Task SpaceTask Space
Temporal RelationshipsTemporal Relationships
Embedded Design Space AnalysisEmbedded Design Space Analysis
InteractionInteractionSpaceSpace
Exploration Exploration SpaceSpace
Modality Modality SpecificationSpecification
Cross-modalityCross-modalitySpecificationSpecification
Metapher Metapher AssignmentAssignment
Task SpaceTask Space
Temporal RelationshipsTemporal Relationships
A CaseA Case
Personal communicator based on a set-top boxPersonal communicator based on a set-top box
• User input facilities: User input facilities: • mobile phonemobile phone• keyboardkeyboard• home remote controlhome remote control
• System output facilitiesSystem output facilities• mobile phonemobile phone• TV-screenTV-screen• printing deviceprinting device
• Internet connectionInternet connection
A CaseA Case
Contextual Modality Specification (key modal)Contextual Modality Specification (key modal)
ModalityModality StructureStructure BehaviourBehaviour Context of UseContext of Use
A CaseA Case
Contextual Modality Specification (key modal)Contextual Modality Specification (key modal)
ModalityModality StructureStructure BehaviourBehaviour Context of UseContext of Use
MenuMenu Title BarTitle BarOption FieldOption Field
A CaseA Case
Contextual Modality Specification (key modal)Contextual Modality Specification (key modal)
ModalityModality StructureStructure BehaviourBehaviour Context of UseContext of Use
MenuMenu Title BarTitle Bar OpenOpen ControlControlOption Field CloseOption Field Close NavigationNavigation
HighlightHighlight
A CaseA Case
Contextual Modality Specification (key modal)Contextual Modality Specification (key modal)
ModalityModality StructureStructure BehaviourBehaviour Context of UseContext of Use
MenuMenu Title BarTitle Bar OpenOpen ControlControlOption Field CloseOption Field Close NavigationNavigation
HighlightHighlight
WindowWindow Title Bar Title Bar FrontFront Data inputData inputScroll BarScroll Bar BackBack Data outputData output
........
A CaseA Case
Contextual Modality Specification (key modal)Contextual Modality Specification (key modal)
Par. of UsePar. of Use InputInput CodalityCodality Device GuidelineDevice Guideline
A CaseA Case
Contextual Modality Specification (key modal)Contextual Modality Specification (key modal)
Par. of UsePar. of Use InputInput CodalityCodality Device GuidelineDevice Guideline
MenuMenu ControlControl TextText Screen #(options)Screen #(options)Data onlyData only GraphicsGraphics (incl.(incl. <9<9as a listas a list AudioAudio touch) for visualtouch) for visual
Keybd. Handy-Keybd. Handy-Stylus output:Stylus output:Speaker #(options)Speaker #(options)Speech <4Speech <4Recog.Recog.
Embedded Design Space AnalysisEmbedded Design Space Analysis
InteractionInteractionSpaceSpace
Modality Modality SpecificationSpecification
Cross-modalityCross-modalitySpecificationSpecification
A CaseA Case
Cross-Modality SpecificationCross-Modality Specification
ModalityModality MenuMenu WindowWindow IconIcon Stylus Stylus
A CaseA Case
Cross-Modality SpecificationCross-Modality Specification
ModalityModality MenuMenu WindowWindow IconIcon Stylus Stylus
VisualVisualTalkTalk
A CaseA Case
Cross-Modality SpecificationCross-Modality Specification
ModalityModality MenuMenu WindowWindow IconIcon Stylus Stylus
Visual-Visual- ModeMode Control/ Control/ Control InputControl InputTalkTalk SelectionSelection Data Data In/Out- DataIn/Out- Data
FeedbackFeedback putput Selection Selection (optional)(optional)
A CaseA Case
Cross-Modality SpecificationCross-Modality Specification
ModalityModality MenuMenu WindowWindow IconIcon Stylus Stylus
Visual-Visual- ModeMode Control/ Control/ Control InputControl InputTalkTalk SelectionSelection Data Data In/Out- DataIn/Out- Data
FeedbackFeedback putput Selection Selection (optional)(optional)
GUIGUI ControlControl DataData Control N.A.Control N.A.In/OuputIn/Ouput In/Output In/OutputIn/Output In/Output
..........
Embedded Design Space AnalysisEmbedded Design Space Analysis
InteractionInteractionSpaceSpace
Modality Modality SpecificationSpecification
Cross-modalityCross-modalitySpecificationSpecification
Metapher Metapher AssignmentAssignment
A CaseA Case
Metapher AssignmentMetapher Assignment
Metapher /Metapher / DirectDirect HandyHandy Desktop /Desktop /ModalityModality Manip.Manip. PortalPortal
A CaseA Case
Metapher AssignmentMetapher Assignment
Metapher /Metapher / DirectDirect HandyHandy Desktop /Desktop /ModalityModality Manip.Manip. PortalPortal
VisualVisual Control /Control / Control /Control / Control /Control /TalkTalk Navigation/Navigation/ DataData DataData
Data InputData Input InputInput In/OutputIn/Output
A CaseA Case
Metapher AssignmentMetapher Assignment
Metapher /Metapher / DirectDirect HandyHandy Desktop /Desktop /ModalityModality Manip.Manip. PortalPortal
VisualVisual Control /Control / Control /Control / Control /Control /TalkTalk Navigation/Navigation/ DataData DataData
Data InputData Input InputInput In/OutputIn/Output
GUIGUI Control /Control / ControlControl Control /Control /Data Data In/Output In/Output DataDataIn/OutputIn/Output In/OutputIn/Output
Embedded Design Space AnalysisEmbedded Design Space Analysis
InteractionInteractionSpaceSpace
Modality Modality SpecificationSpecification
Cross-modalityCross-modalitySpecificationSpecification
Metapher Metapher AssignmentAssignment
Task SpaceTask Space
Essential Model SpecificationEssential Model Specification
Composite ProcedureComposite Procedure
Essential Model SpecificationEssential Model Specification
Composite ProcedureComposite Procedure
• Objective(s) identification Objective(s) identification
Essential Model SpecificationEssential Model Specification
Composite ProcedureComposite Procedure
• Objective(s) identification Objective(s) identification • Restatement of objectives Restatement of objectives • in terms of tasksin terms of tasks
Essential Model SpecificationEssential Model Specification
Composite ProcedureComposite Procedure
• Objective(s) identification Objective(s) identification • Restatement of objectives Restatement of objectives • in terms of tasksin terms of tasks
• Context specification Context specification • of tasksof tasks
Essential Model SpecificationEssential Model Specification
Composite ProcedureComposite Procedure
• Objective(s) identification Objective(s) identification • Restatement of objectives Restatement of objectives • in terms of tasksin terms of tasks
• Context specification Context specification • of tasksof tasks
• Path definition(s)Path definition(s)• of task accomplishmentof task accomplishment
Essential Model SpecificationEssential Model Specification
Composite ProcedureComposite Procedure
• Objective(s) identification Objective(s) identification • Restatement of objectives Restatement of objectives • in terms of tasksin terms of tasks
• Context specification Context specification • of tasksof tasks
• Path definition(s)Path definition(s)• of task accomplishmentof task accomplishment
• Object definition(s)Object definition(s)
Essential Model SpecificationEssential Model Specification
Composite ProcedureComposite Procedure
• Objective(s) identification Objective(s) identification • Restatement of objectives Restatement of objectives • in terms of tasksin terms of tasks
• Context specification Context specification • of tasksof tasks
• Path definition(s)Path definition(s)• of task accomplishmentof task accomplishment
• Object definition(s)Object definition(s)• Operation definition(s)Operation definition(s)• according to objectives and pathsaccording to objectives and paths
A CaseA Case
readread
MAIL FLIGHT TICKETMAIL FLIGHT TICKET
searchsearch
showshow
bookbook
ticketingticketingsendsend
Task Space - Essential Model ElementsTask Space - Essential Model Elements
Embedded Design Space AnalysisEmbedded Design Space Analysis
InteractionInteractionSpaceSpace
Exploration Exploration SpaceSpace
Modality Modality SpecificationSpecification
Cross-modalityCross-modalitySpecificationSpecification
Metapher Metapher AssignmentAssignment
Task SpaceTask Space
Structured Decision MakingStructured Decision Making
Assignment of dialog elements and styles toAssignment of dialog elements and styles totasks and objects is based on structuredtasks and objects is based on structured• Decision making using QOCDecision making using QOC
Structured Decision MakingStructured Decision Making
Assignment of dialog elements and styles toAssignment of dialog elements and styles totasks and objects is based on structuredtasks and objects is based on structured• Decision making using QOC: Decision making using QOC: • Questions - identify key design issuesQuestions - identify key design issues
Structured Decision MakingStructured Decision Making
Assignment of dialog elements and styles toAssignment of dialog elements and styles totasks and objects is based on structuredtasks and objects is based on structured• Decision making using QOC: Decision making using QOC: • Questions - identify key design issuesQuestions - identify key design issues• Options - provide possible answers to Qu‘sOptions - provide possible answers to Qu‘s
Structured Decision MakingStructured Decision Making
Assignment of dialog elements and styles toAssignment of dialog elements and styles totasks and objects is based on structuredtasks and objects is based on structured• Decision making using QOC: Decision making using QOC: • Questions - identify key design issuesQuestions - identify key design issues• Options - provide possible answers to Qu‘sOptions - provide possible answers to Qu‘s• Criteria - enable assessment and comparisonCriteria - enable assessment and comparison
of Optionsof Options
Structured Decision MakingStructured Decision Making
Assignment of dialog elements and styles toAssignment of dialog elements and styles totasks and objects is based on structuredtasks and objects is based on structured• Decision making using QOC: Decision making using QOC: • Questions - identify key design issuesQuestions - identify key design issues• Options - provide possible answers to Qu‘sOptions - provide possible answers to Qu‘s• Criteria - enable assessment and comparisonCriteria - enable assessment and comparison
of Optionsof Options• 2 types of Questions2 types of Questions
Structured Decision MakingStructured Decision Making
Assignment of dialog elements and styles toAssignment of dialog elements and styles totasks and objects is based on structuredtasks and objects is based on structured• Decision making using QOC: Decision making using QOC: • Questions - identify key design issuesQuestions - identify key design issues• Options - provide possible answers to Qu‘sOptions - provide possible answers to Qu‘s• Criteria - enable assessment and comparisonCriteria - enable assessment and comparison
of Optionsof Options• 2 types of Questions2 types of Questions• Fundamental Questions (F-Qu)Fundamental Questions (F-Qu)• context-independentcontext-independent
Structured Decision MakingStructured Decision Making
Assignment of dialog elements and styles toAssignment of dialog elements and styles totasks and objects is based on structuredtasks and objects is based on structured• Decision making using QOC: Decision making using QOC: • Questions - identify key design issuesQuestions - identify key design issues• Options - provide possible answers to Qu‘sOptions - provide possible answers to Qu‘s• Criteria - enable assessment and comparisonCriteria - enable assessment and comparison
of Optionsof Options• 2 types of Questions2 types of Questions• Fundamental Questions (F-Qu)Fundamental Questions (F-Qu)• context-independentcontext-independent
• Specific Questions (S-Qu)Specific Questions (S-Qu)• case-sensitivecase-sensitive
A CaseA Case
S-Qu: Where to lookS-Qu: Where to look for fligths?for fligths?
A CaseA Case
S-Qu: Where to lookS-Qu: Where to look for fligths?for fligths?
O1: DifferentO1: Different panespanes
A CaseA Case
S-Qu: Where to lookS-Qu: Where to look for fligths?for fligths?
O1: DifferentO1: Different panespanes
O2: IdenticalO2: Identical panepane
A CaseA Case
S-Qu: Where to lookS-Qu: Where to look for fligths?for fligths?
O1: DifferentO1: Different panespanes
O2: IdenticalO2: Identical panepane
C: Shift of dialogC: Shift of dialog according to according to focus of taskfocus of task
A CaseA Case
S-Qu: Where to lookS-Qu: Where to look for fligths?for fligths?
O1: DifferentO1: Different panespanes
O2: IdenticalO2: Identical panepane
C: Shift of dialogC: Shift of dialog according to according to focus of taskfocus of task
C: Minimum ofC: Minimum of required inputrequired input
activitiesactivities
A CaseA Case
S-Qu: Where to lookS-Qu: Where to look for fligths?for fligths?
O1: DifferentO1: Different panespanes
O2: IdenticalO2: Identical panepane
C: Shift of dialogC: Shift of dialog according to according to focus of taskfocus of task
C: Minimum ofC: Minimum of required inputrequired input
activitiesactivities
Indicating negaltively assessed optionIndicating negaltively assessed option
A CaseA Case
Final AssignmentsFinal Assignments
TASKTASK DATADATA DEVICEDEVICEModalityModality
MenuMenu mailmail -------- mobile mobile phonephoneTV-screenTV-screen
GUIGUI mailmail mailmail TV-screenTV-screenbooking booking ticketticket (window)(window)
Embedded Design Space AnalysisEmbedded Design Space Analysis
InteractionInteractionSpaceSpace
Exploration Exploration SpaceSpace
Modality Modality SpecifcationSpecifcation
Cross-modalityCross-modalitySpecificationSpecification
Metapher Metapher AssignmentAssignment
Task SpaceTask Space
Components & RelationshipsComponents & Relationships
ConclusionsConclusions
Design knowledge for UI4AllDesign knowledge for UI4All• User characteristicsUser characteristics• TechnologyTechnology• TasksTasks• Mutual relationshipsMutual relationships
– diversity of usersdiversity of users–multiple styles of interactionmultiple styles of interaction– changing requirementschanging requirements– adaptation featuresadaptation features
ConclusionsConclusions
Design as a processDesign as a process• transformation of knowledgetransformation of knowledge– interaction space specificationinteraction space specification– task space specifcationtask space specifcation– exploration and analysisexploration and analysis
Decision makingDecision making• based on a design spacebased on a design space• transparency and rationale explicationtransparency and rationale explication