MET CS 405/605MET CS 405/605

Human Computer Interface Human Computer Interface DesignDesign

Week 5 – DesignWeek 5 – Design

Interaction Style ~Interaction Style ~

Command LineCommand LineMenu SelectionMenu SelectionForm FillForm FillDirect ManipulationDirect ManipulationAnthropomorphicAnthropomorphic

Week 5 – DesignWeek 5 – Design

Interaction Style ~Interaction Style ~

Command LineCommand Line

Week 5 – DesignWeek 5 – Design

Interaction Style ~Interaction Style ~

Command LineCommand LinePowerful – access to system functionalityPowerful – access to system functionalityFlexible – options and parametersFlexible – options and parametersLimitationsLimitations

Commands must be rememberedCommands must be remembered Commands are obscure and crypticCommands are obscure and cryptic

Better for experts to useBetter for experts to useError rates are highError rates are high

Week 5 – DesignWeek 5 – Design

Interaction Style ~Interaction Style ~

Menu SelectionMenu SelectionA set of options from which the user must A set of options from which the user must

choosechooseOffer cues for user recognitionOffer cues for user recognitionBreaks the complex into small stepsBreaks the complex into small steps

Week 5 – DesignWeek 5 – Design

Interaction Style ~Interaction Style ~

Menu SelectionMenu Selection

Week 5 – DesignWeek 5 – Design

Interaction Style ~Interaction Style ~

Form FillForm FillCapture user informationCapture user informationEasy movement around the formEasy movement around the formProvide for error correctionProvide for error correctionIndicate required fieldsIndicate required fieldsProvide explanatory messages for fieldsProvide explanatory messages for fields

Week 5 – DesignWeek 5 – Design

Interaction Style ~Interaction Style ~

Form FillForm Fill

Week 5 – DesignWeek 5 – Design

Interaction Style ~Interaction Style ~

Direct ManipulationDirect ManipulationAllows direct interaction with the UIAllows direct interaction with the UI

Visible and continuous representation of task objectsVisible and continuous representation of task objects Requires physical actions to manipulateRequires physical actions to manipulate Operations are rapid, incremental, reversibleOperations are rapid, incremental, reversible Users “feel” directly involvedUsers “feel” directly involved Easy to learnEasy to learn

Click Click herehere to go to the class web page to go to the class web pageGet rid of your files by dropping them into the trash!Get rid of your files by dropping them into the trash!

Week 5 – DesignWeek 5 – Design

Interaction Style ~Interaction Style ~

AnthropomorphicAnthropomorphicFor example - gestures, facialFor example - gestures, facial

expressions, or eye movements expressions, or eye movements

Week 5 – DesignWeek 5 – Design

Interaction Style ~Interaction Style ~

Blending Interaction StylesBlending Interaction Styles

Choosing the Most Appropriate Choosing the Most Appropriate Interaction StyleInteraction Style