Embedded Design Space Analysis Contextual User-Interface Design for Open User Groups Chris Stary...

transcript

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

Diffusion of SocietyDiffusion of Society

I & C TI & C T

Enrichments & EnlargementsEnrichments & Enlargements

EnvironmentEnvironmentof Useof Use

I & C TI & C T

Scope of UsageScope of Usage

I & C TI & C T

UsersUsers

I & C TI & C T

UsersUsersIntegrationIntegration

I & C TI & C T

Tele-communicationTele-communication

I & C TI & C T

Mobile ComputingMobile Computing

I & C TI & C T

Mobile ComputingMobile Computing Web & MediaWeb & MediaEngineeringEngineering

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

InteractionInteractionSpaceSpace

Components & RelationshipsComponents & Relationships

InteractionInteractionSpaceSpace Task SpaceTask Space

Exploration Exploration SpaceSpace

Task SpaceTask Space

Modality Modality SpecificationSpecification

Cross-modalityCross-modalitySpecificationSpecification

Metapher Metapher AssignmentAssignment

Temporal RelationshipsTemporal Relationships

Modality Modality SpecifcationSpecifcation

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

MenuMenu Title BarTitle BarOption FieldOption Field

A CaseA Case

MenuMenu Title BarTitle Bar OpenOpen ControlControlOption Field CloseOption Field Close NavigationNavigation

HighlightHighlight

A CaseA Case

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

Par. of UsePar. of Use InputInput CodalityCodality Device GuidelineDevice Guideline

A CaseA Case

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.

A CaseA Case

Cross-Modality SpecificationCross-Modality Specification

ModalityModality MenuMenu WindowWindow IconIcon Stylus Stylus

A CaseA Case

VisualVisualTalkTalk

A CaseA Case

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

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

..........

A CaseA Case

Metapher AssignmentMetapher Assignment

Metapher /Metapher / DirectDirect HandyHandy Desktop /Desktop /ModalityModality Manip.Manip. PortalPortal

A CaseA Case

VisualVisual Control /Control / Control /Control / Control /Control /TalkTalk Navigation/Navigation/ DataData DataData

Data InputData Input InputInput In/OutputIn/Output

A CaseA Case

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

Essential Model SpecificationEssential Model Specification

Composite ProcedureComposite Procedure

• Objective(s) identification Objective(s) identification

• 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)

• 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

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

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

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

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

of Optionsof Options• 2 types of Questions2 types of Questions

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

O1: DifferentO1: Different panespanes

A CaseA Case

O2: IdenticalO2: Identical panepane

A CaseA Case

C: Shift of dialogC: Shift of dialog according to according to focus of taskfocus of task

A CaseA Case

C: Minimum ofC: Minimum of required inputrequired input

activitiesactivities

A CaseA Case

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)

Modality Modality SpecifcationSpecifcation

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

Embedded Design Space Analysis Contextual User-Interface Design for Open User Groups Chris Stary...

Documents