University of Washington HCDE 418 Prototyping 2 HCDE 418 Autumn 2009

University of Washington HCDE 418 Agenda  Announcements  5 minutes  P4 Debrief  5 minutes  Course Eval Debrief  10 minutes  Prototyping Demos  20 minutes  Break  10 minutes  Prototyping Demos  40 minutes  Debrief & Next Class  5 minutes

University of Washington HCDE 418 Announcements  Your questions, comments, issues, appreciations? Upcoming work  Read: Iachello, et al., 2006., Norman, 2004., Buxton, pp (next week)  A2: Storyboarding  Due Today at 5:00 P.M.  P5: Prototypes  Due Tuesday and Thursday next week  3 sketches  1.5 discussion board posts

University of Washington HCDE 418 P5 Due Dates  Tuesday, Nov. 17 th  Microsoft UX Team  Foot Soldiers  Thursday, Nov. 19 th  Team Cool Horse  CHI 2010  Winter Olympics Voting  2 day Extension Policy

University of Washington HCDE 418 Announcements  Sketch Theme this week:  Transportation  e.g., walking, biking, cars, busses, trains, airplanes  P4 Grades completed  Discussion board mid-term grades  >=8 posts = 40 points  6 posts = 30 points  4 posts = 20 points  Will update at end of quarter

University of Washington HCDE 418 P4 Debrief

University of Washington HCDE 418 Course Eval Debrief  Thanks!  Good:  Website  Lecture presentation/organization  Learning activities/assignments reasonable size  Groups  Assignment descriptions/expectations  Class exercises

University of Washington HCDE 418 Course Eval Debrief  Need to improve  Sketching assignment more thematic  Go-Post – encourage more frequent participation  Encourage more in-class participation

University of Washington HCDE 418 Lecture 20 minutes

University of Washington HCDE 418 Practical Prototyping Tools  Creating Hi-Fi, semi-functional prototypes with minimal effort  PowerPoint Prototyping  UX-Specific Tools  Axure, Balsamiq  Photoshop + HTML/Dreamweaver  Visual Studio

University of Washington HCDE 418 PowerPoint  Advantages:  Almost everyone has it  Ubiquitous format  Fast and easy to use  Can use hyperlinks to simulate interaction  Disadvantages:  Must be used at a computer  e.g., difficult to do mobile-based interactions  Somewhat limited functionality  Cannot be reused for final implementation

University of Washington HCDE 418 Example Prototypes  /interactive/SamplePrototype.ppt /interactive/SamplePrototype.ppt  werpoint-prototype-example.ppt werpoint-prototype-example.ppt

University of Washington HCDE 418 More Info: Tutorial  ctive ctive

University of Washington HCDE 418 BREAK Class will resume in minute(s)

University of Washington HCDE 418 Lecture 40 minutes

University of Washington HCDE 418 Axure  About  A commercially available wireframes maker/prototyping tool  Free license for students!  (Windows only (sorry  ))  Contains good documentation and tutorials  Advantages  Great for websites  Can transition from wireframe->Prototype->Functional system

University of Washington HCDE 418 Axure Demo

University of Washington HCDE 418 Balsamiq  Another commercially available prototyping tool  Free trial  Advantages  Quick and dirty  Can make lo-fi appearing prototypes

University of Washington HCDE 418 Balsamiq video 

University of Washington HCDE 418 Photoshop  Advantages  Can look & feel like real thing  Disadvantages  Needs use of HTML for real interactions

University of Washington HCDE 418 Photoshop Demo  Download iPhone template:   Android Template:   More free PS widgets:  resources-for-designers/ resources-for-designers/  To do screen shots: alt+print screen button  Captures the current window

University of Washington HCDE 418 Visual Studio  Advantages:  Fast to put together windows interfaces  Can evolve into a fully functional prototype  Disadvantages:  Requires programming knowledge to start creating interactivity

University of Washington HCDE 418 Visual Studio Demo

University of Washington HCDE 418 More Resources  Overviews of rapid prototyping tools:  rapid-prototyping-tools/ rapid-prototyping-tools/

University of Washington HCDE 418 Next Class Topics  Thursday, Nov. 12th  Experiments & Field Studies  Reading Assignment for Week 7  Iachello, et al., 2006., Norman, 2004., Buxton, pp  P5 due next week