Sketching Interfaces: Toward More Human Interface Design

1
Sketching Interfaces Toward More Human Interface
Design
James A. Landay University of California, Berkeley
Brad A. Myers Carnegie Mellon University

• Human Computer Interaction
• CSG 170
• Presenter AJ Ferrigno

2
Overview Sketching Intefaces

• Goal To provide developers with a better way to
  sketch interface designs
• Proposed solution SILK

3
Outline

• Why Is Sketching Necessary?
• Why Is Electronic Sketching Preferred?
• Proposed Solution SILK
• Evaluation Results
• Evaluation Analysis
• Extending SILK

4
Why Is Sketching Necessary?

• Using a polished interface seems to preclude
  making changes
• Developing a polished interface puts too much
  emphasis on unimportant details

5
Obvious Solution
6
Why is Paper Unhelpful?

• Cumbersome to convert to an electronic format
• Impossible to make paper prototypes interactive
  to the customer
• Hard to edit

7
Main Goal of SILK
8
How SILK Works

• Uses display tablet (stylus, tablet, LCD)
• Recognizes simple widgets via gestures
• Recognizes component widgets via combinations of
  simple widgets
• Learns gestures to improve recognition
• Links screens of widgets together via Storyboard
  Editor
• Uses run mode to test everything

9
How SILK Works Interface
10
How SILK Works Interface
11
SILK Evaluation

• Two groups designers customers
• Designers had four hours to use SILK, solving a
  set problem
• Afterwards, designers discussed with engineers
  for feedback
• Designers were given a questionnaire

12
SILK Evaluation Results

• SILK rated 6.2 (out of 10) overall
• SILK recognized editing gestures 89 of the time
• SILK recognized widgets 69 of the time
• Several designers misunderstood mouse
  implementation (which was non-standard)

13
SILK Evaluation Analysis

• Good (enough) sampling of population
• Recognition algorithms need improvement
• What if this helps too much?
• No customer evaluation
• Only solved one problem, known to have a simple
  solution

14
Extending SILK

• Ask customer for feedback
• Solve more than one problem
• Put SILK into real domains to possibly solve
  problem designs

15
Questions?