sbd interaction design l.
Download
Skip this Video
Loading SlideShow in 5 Seconds..
SBD: Interaction Design PowerPoint Presentation
Download Presentation
SBD: Interaction Design

Loading in 2 Seconds...

play fullscreen
1 / 28

SBD: Interaction Design - PowerPoint PPT Presentation


  • 113 Views
  • Uploaded on

SBD: Interaction Design. Chris North cs3724: HCI. ANALYZE. analysis of stakeholders, field studies. claims about current practice. Problem scenarios. DESIGN. Activity scenarios. metaphors, information technology, HCI theory, guidelines. iterative analysis of usability

loader
I am the owner, or an agent authorized to act on behalf of the owner, of the copyrighted work described.
capcha
Download Presentation

PowerPoint Slideshow about 'SBD: Interaction Design' - marlo


An Image/Link below is provided (as is) to download presentation

Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author.While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server.


- - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - -
Presentation Transcript
sbd interaction design

SBD:Interaction Design

Chris North

cs3724: HCI

slide2

ANALYZE

analysis of

stakeholders,

field studies

claims about current

practice

Problem scenarios

DESIGN

Activity

scenarios

metaphors,

information

technology,

HCI theory,

guidelines

iterative

analysis of

usability

claims and

re-design

Information scenarios

Interaction scenarios

PROTOTYPE & EVALUATE

summative

evaluation

formative

evaluation

Usability specifications

interaction design
Interaction Design
  • Specify the action sequences for planning and achieving one or more task goals
  • System goals
  • Action plans
  • Execution
  • Output: Storyboards

Activity design scenarios:

transform current activities to use new design ideas

Information design scenarios:

Elaborate to include visual presentation details

Interaction design scenarios:

Elaborate to include physical actions and system responses

slide4

Interpretation

Perception

Making

sense

GULF OF

EVALUATION

Last month’s

budget... ?

GULF OF

EXECUTION

Execution

System

goal

Action plan

Stages of Action in HCI

Information

design

Human-computer

interaction

Task

goal

Interaction

design

example
Example
  • Task goal: Give great idea to Pres. Steger
3 interaction styles
3 Interaction Styles
  • Direct manipulation
  • Command language
  • Menus & Forms
example file management
Example: File Management

% rm myfile.txt

% _

direct manipulation
Direct Manipulation
  • Examples:
      • Drag-n-drop file icons
direct manipulation9
Direct Manipulation
  • Examples:
      • Drag-n-drop file icons
      • visualization
      • Keyboard
      • Games
      • Powerpoint slide sorter, word
      • Media player, files
direct manipulation principles
Direct Manipulation Principles
  • Visual representation
  • Rapid, incremental, reversible actions
  • Pointing and directly selecting
  • Immediate feedback

“Just do it”

direct manipulation13
Direct Manipulation
  • Good:
      • see what your doing, wysiwig
      • Back, undo
      • Learning time good, natural, metaphors
  • Bad:
      • wildcards, macros
      • Slow for Experts
      • Limited options
      • Difficult implementation?
command language
Command Language
  • Examples:
      • Unix, DOS
command language15
Command Language
  • Examples:
      • Unix, DOS
      • matlab
      • autoCAD
      • Emacs, word shortcuts, vi
      • programming
command language17
Command Language
  • Good:
      • fast for experts
      • Fast performance, no graphics
      • Customizable, macros
      • Piping, scripts,
  • Bad:
      • complexity, arguments
      • Huge learning brick wall
      • Requires fast typing
      • Indirect referring to stuff, hard to select
      • Requires knowing the names
speech input and output
Speech Input and Output
  • Speech I/O inherently linear, relatively slow
    • trades off with familiarity, naturalness
    • restricted vocabulary, commands
  • Speech recognition accuracy still limited
    • depends on speaker, amount of training up front
  • Synthetic speech output quality also limited
    • biggest challenge is prosody (intonation contours)
    • digitized natural speech snippets
    • useful for alerts, warnings (why?)
  • Biggest benefit: parallel processing, multi-modal
    • also critical for hands-busy, heads-up tasks
menus forms
Menus & Forms
  • Examples:
      • App pull-down menus
menus forms21
Menus & Forms
  • Examples:
      • App pull-down menus
      • Dialog boxes
      • task bar
      • Desktop
      • Start menu
      • Restaurant menus
      • Web pages
      • Phone menus
menu guidelines
Menu Guidelines

2 level look ahead

Meaningless labels?

menu guidelines23
Menu Guidelines
  • Broad-shallow vs. narrow-deep
  • Depth = logbranchingFactor numPages
  • Usability: max depth  3-4
menus
Menus
  • Good:
  • Bad:
menus25
Menus
  • Good:
      • fast for novice
      • Customizable
      • Fast learn time
      • Recognition instead of recall
  • Bad:
      • slow for expert
      • labeling is critical, consistency
      • Limit options
      • Just a pointer?
combined strategies
Combined Strategies
  • Word Cut-n-Paste:
      • Drag-n-drop
      • Ctrl-x, ctrl-p
      • Edit menu
slide27

Interpretation

Perception

Making

sense

GULF OF

EVALUATION

Last month’s

budget... ?

GULF OF

EXECUTION

Execution

System

goal

Action plan

Stages of Action in HCI

Information

design

Human-computer

interaction

Task

goal

Interaction

design

cruise control
Cruise Control
  • Users:
  • Tasks:
  • Current systems: