1. i213: User Interface Design & Development Marti Hearst Thurs, Jan 25, 2007

2. Today Finish Project Team Formation View Xerox Star video Start User Centered Design

3. User Interface TimeLine –Xerox Alto Circa ’73 http://www.digibarn.com/collections/syste ms/xerox-alto/http://www.digibarn.com/collections/syste ms/xerox-alto/ –Xerox Star Circa ‘81 http://members.fortunecity.com/pcmuseu m/alto.htmlhttp://members.fortunecity.com/pcmuseu m/alto.html –Unofficial Apple timeline: http://fp3.antelecom.net/gcifu/applemuseu m/index.htmlhttp://fp3.antelecom.net/gcifu/applemuseu m/index.html –Apple Lisa: Lisa 1 and 2, circa ’83-’85 http://en.wikipedia.org/wiki/Apple_Lisa#S oftwarehttp://en.wikipedia.org/wiki/Apple_Lisa#S oftware http://fp3.antelecom.net/gcifu/applemuseu m/lisa2.htmlhttp://fp3.antelecom.net/gcifu/applemuseu m/lisa2.html http://www.digibarn.com/collections/scree nshots/Apple%20Lisa/http://www.digibarn.com/collections/scree nshots/Apple%20Lisa/ –Apple Macintosh ’84-’86 http://www.digibarn.com/collections/screenshot s/Apple%20Macintosh%20v1-1%20-%201984/http://www.digibarn.com/collections/screenshot s/Apple%20Macintosh%20v1-1%20-%201984/ –Apple 2gs ’86-’92 http://fp3.antelecom.net/gcifu/applemuseum/iig s.htmlhttp://fp3.antelecom.net/gcifu/applemuseum/iig s.html –Mac II Circa ’87-90 http://fp3.antelecom.net/gcifu/applemuseum/m ac2.htmlhttp://fp3.antelecom.net/gcifu/applemuseum/m ac2.html –Windows 3.0 Released ’90 http://en.wikipedia.org/wiki/Image:Windows_3. 11_workspace.pnghttp://en.wikipedia.org/wiki/Image:Windows_3. 11_workspace.png –Windows 95 Released ’95 http://en.wikipedia.org/wiki/Windows_95

4. Slide by James Landay Why User-Centered Design? System will fail if it: –does not do what the user needs –is not appropriate for the user Why don’t we just define a “good interface”? –There is a huge variety of users and tasks –Guidelines are usually too vague e.g. “Provide feedback”, “Be intuitive”

5. User-Centered Design Overview Needs assessment –Find out who users are what their goals are what tasks they need to perform –Task Analysis Characterize what steps users need to take Create scenarios of actual use Decide which users and tasks to support Design based on this Evaluation –Test interface by “walking through” tasks –Do this before implementation

6. Slide adapted from Ben Shneiderman Participatory Design A subset of user-centered design User actively participates in design of the system Pros: –potentially more accurate information about the tasks –more opportunity for users to influence the design decisions –buy-in from sense of participation –potential greater acceptance of final system

7. Slide adapted from Ben Shneiderman Participatory Design Cons (potential): –more costly –lengthier implementation period –antagonism from those whose suggestion are not incorporated –force designers to compromise design –exacerbate personality conflicts between designers and users –highlight organizational politics

8. Example: Student Course Enrollment: How to Help Students Achieve their Goals? enroll in i213 learn to build useful systems become successful IT manager achieve lifetime of success

9. Help Users Achieve Goals Example: Course Enrollment Software –What matters from the programmers’ point of view? –What matters from users’ point of view? –What about the course administrators?

10. Next Week Project Proposal Due Readings: – Cooper (Inmates, Chs. 9-11) – Holtzblatt (in reader) – Newman & Landay Topics: – Tuesday: Personas – Thursday: Resume user-centered design