Prof. James A. Landay Richard Davis Kate Everitt University of Washington Autumn 2004 UW Undergraduate HCI Projects A CSE 490jl Overview December 9, 2004

CSE490jl - Autumn 2004User Interface Design, Prototyping, & Evaluation2 Outline Course Overview Final project presentations Lunch & informal demos of projects

CSE490jl - Autumn 2004User Interface Design, Prototyping, & Evaluation3 Defining HCI & Our Course Design Organizational & Social Issues Technology Humans Task

CSE490jl - Autumn 2004User Interface Design, Prototyping, & Evaluation4 Why Study HCI? Major part of work for “real” programs –approximately 50% UW graduates work on “real” software –intended for users other than “us” Bad user interfaces cost –money (5%  satisfaction  85%  in profits) –lives (Therac-25) User interfaces hard to get right –people are unpredictable

CSE490jl - Autumn 2004User Interface Design, Prototyping, & Evaluation5 Goals of CSE 490jl Learn to design, prototype, & evaluate UIs –tasks & work practices of prospective users –cognitive/perceptual constraints affecting design –techniques for evaluating UI designs –importance of iterative design for usability –technology used to prototype & implement UIs –how to work together as a team –communicating results to a group

CSE490jl - Autumn 2004User Interface Design, Prototyping, & Evaluation6 Iterative Design Driven by the variability in human performance Design Prototype Evaluate

CSE490jl - Autumn 2004User Interface Design, Prototyping, & Evaluation7 Project Based Course Iterative design of a real UI Projects this quarter on –Location-enhanced computing –Computing in our personal lives Projects –Quarter long Teams –4-5 members –Mixed disciplines (CS & DXArts) Five major group assignments –40% of course grade Three presentations –one 7-12 minute presentation / team member

CSE490jl - Autumn 2004User Interface Design, Prototyping, & Evaluation8 Timeline Week 1 Contextual Inquiry Prototype 3 User Testing Final Presentation Paper Prototype + User Testing Week 2Week 3Week 5 Week 7Week 8Week 9 Proposal Prototype 2 Heuristic Evaluation

CSE490jl - Autumn 2004User Interface Design, Prototyping, & Evaluation9 User-centered Design “Know thy User” –cognitive abilities perception, physical manipulation, & memory –organizational / job abilities Task Analysis & Contextual Inquiry –observe existing work practices –create examples & scenarios of actual use –try-out new ideas before building software Keep users involved throughout project ?

CSE490jl - Autumn 2004User Interface Design, Prototyping, & Evaluation10 Rapid Prototyping Build a mock-up of design Low fidelity techniques –paper sketches –cut, copy, paste Interactive prototyping tools –Visual Basic, HyperCard, Director, etc. UI builders –Visual Café, Visual Studio Traffic Monitor

CSE490jl - Autumn 2004User Interface Design, Prototyping, & Evaluation11 Sketching & Storyboarding Intelli-Chef

CSE490jl - Autumn 2004User Interface Design, Prototyping, & Evaluation12 Sketching & Storyboarding OTTO

CSE490jl - Autumn 2004User Interface Design, Prototyping, & Evaluation13 Low-fi Prototyping & Testing Bus Buddy

CSE490jl - Autumn 2004User Interface Design, Prototyping, & Evaluation14 Low-fi Prototyping & Testing Bus Buddy

CSE490jl - Autumn 2004User Interface Design, Prototyping, & Evaluation15 Evaluation Test with real users (participants) Build models Low-cost techniques –expert evaluation (HE) –walkthroughs

CSE490jl - Autumn 2004User Interface Design, Prototyping, & Evaluation16 How CSE490jl Fits into the Computer Science Curriculum Most courses teach underlying technology –compilers, operating systems, databases, etc. CSE490jl concerned w/ design & evaluation –assume students can program/learn new languages technology is a tool to evaluate designs by prototyping –build skills that will be important upon graduation design & evaluation creating complex systems working on large teams communicating results

CSE490jl - Autumn 2004User Interface Design, Prototyping, & Evaluation17 Community Can Help Attend the quarter-end industry fair Volunteer to mentor a team –visual design skills especially useful Critique a project phase –e.g., heuristic evaluations Seed us with project ideas you would like to see work on

CSE490jl - Autumn 2004User Interface Design, Prototyping, & Evaluation18 Further Information All class material archived ( including previous UCB versions) –CSE490jl UI Design, Prototyping, & Evaluation Short Course, Summer Berkeley –will also offer in Seattle if there is demand

CSE490jl - Autumn 2004User Interface Design, Prototyping, & Evaluation19 The Projects OTTO: A Location-based Photo Organizer Cell Phone Remote Control for Home Traffic Monitor Intelli Chef Bus Navigation Assistant