Embed Size (px)
DESCRIPTION
This presentation will probably involve audience discussion, which will create action items. Use PowerPoint to keep track of these action items during your presentation In Slide Show, click on the right mouse button Select “Meeting Minder” Select the “Action Items” tab - PowerPoint PPT Presentation
Citation preview
Combining Informal and Tangible Interfaces for Early Stages of Web Site Design
Raecine SapienMentor: Mark Newman
Professor: Dr. James Landay
Where does my system fit into DENIM and web site design?
Taken from Contextual Design
Beyer & Holtzblatt
Design ProcessTasks and Scenarios Initial DesignLo-fi prototypeUser testsModified Design ImplementationSecond user tests
Tasks and ScenariosResearched early web site design
Contextual inquiry Information gathering User goals Card sorting tasks
Design ProcessTasks and ScenariosInitial DesignLo-fi prototypeUser testsModified Design ImplementationSecond user tests
Initial Design Description
Physical components Vision system CrossPad Digital Desk Command Area
System Behavior
System Feedback
Physical vs. Virtual
Design ProcessTasks and Scenarios Initial DesignLo-fi prototypeUser testsModified Design ImplementationSecond user tests
Lo-fi Prototype Testing
Lo-fi Prototype TestingUsers group post-its in many different
shapes.Users want to interact with the system
using one input device.Users feel that underlining group names
and pressing the upload button are tedious tasks.
Design ProcessTasks and Scenarios Initial DesignLo-fi prototypeUser testsModified Design ImplementationSecond user tests
Modified Design Description System Behavior
Recognizes a variety of group shapes Group names shown by color distinction Performs straightening of post-its when requested or
when saving Vision System
More responsibility taken on by vision system System Interaction
Gestures performed on desk Dialog with the system performed on CrossPad LCD Use digital/inking pen for all interaction
Design ProcessTasks and Scenarios Initial DesignLo-fi prototypeUser testsModified DesignImplementationSecond user tests
Implementation Implement virtual portion of the design using
Java Swing and SATINSATIN:
Sheet Style Patch Interpreter
Design ProcessTasks and Scenarios Initial DesignLo-fi prototypeUser testsModified Design ImplementationSecond user tests
Second User Tests
Second User Tests System details the users disliked
Grating sound of pen across the desk when moving
Failed gesture attempts Slow writing
Features users want to see added Copy, erase writing, speech input, modify color
scheme
Memorability Save, Group, and Undo rated highly Redo and Cut not as intuitive
Ease of Learning Gestures rated high overall Grouping rated harder to learn
Ease of Use Similar ratings as ease of learning although
Grouping rated a little higherCut Save Undo Group Redo
memorable 2.80 4.75 5.00 4.8 2.33ease of use 3.67 4.25 3.20 3.6ease of learning 3.33 4.00 3.00 3.8 3.5
Gesture Evaluation by Users
Gesture Evaluation
Gesture Recognition Accuracy
0 10 20 30 40 50
Cut
Save
Group
Failed Attempts
Unsuccessful Attempts
Future WorkProgram the CrossPad to use the LCD
to interact with user Implement the uploading process Vision System
