Mock-ups in Design. Infinit Interessegruppemøde CSC Scandihealth 20/ Lars Bo Larsen

Transkript

1 Mock-ups in Design Infinit Interessegruppemøde CSC Scandihealth 20/ Lars Bo Larsen

2 Outline Different kinds of prototyping low fidelity (aka mock-ups / paper prototypes) high fidelity A few examples Can results on Mock-ups be trusted? Litterature and references p.2

3 What to prototype? Technical issues Work flow, task design Screen layouts and information display Difficult, controversial, critical areas p.3

4 Using prototypes in conceptual design Allow evaluation of emerging ideas Low-fidelity prototypes used early on, high-fidelity prototypes used later Prototypes are used for testing, but are also excellent for communicating ideas! p.4

5 Simulating wall-screen interaction A Lo-Fi prototype for air-traffic controllers p.5

6 The Washing Machine Redesign of controls to focus on the clothes to be washed rather than programming the settings of the washing machine (thanks to grp. ST855a + ST857c 2008) p.6

7 The Washing Machine Redesign of controls to focus on the clothes to be washed rather than programming the settings of the washing machine p.7

8 The Washing Machine VÆLG TØJTYPER Duge Håndklæder Karklude Sengelinned Sokker Træningstøj Undertøj Viskestykker Badetøj Cowboy-tøj Bukser Lingeri Nylonstrømper Sko Overtøj Fint tøj Tørklæder Nederdele Uld Tilbage Videre p.8

9 Hi-fidelity or Lo-fidelity, Paper or Computer? - Choosing attributes when testing web prototypes Experiment and slides by: Miriam Walker Leila Takayama Professor James Landay Group for User Interface Research University of California Berkeley

10 Making early stage prototypes Paper Medium Computer Medium Sketched with paper and pens Scanned in paper pages Lowfidelity Highfidelity Printed screens Coded in HTML 10

11 Low-Fidelity Prototype 11

12 High-Fidelity Prototype 12

13 Quantitative Analysis of Results 1270 comments and 169 issues Low-fidelity vs High-fidelity No significant differences in number of comments or issues Paper vs. computer Average of 5 more comments about computer prototype (Wilcoxon signed ranks test, p = 0.015) Issues no significant differences No differences in severity of issues found No differences in scope of issues Only 10% of comments mentioned aesthetics 13

14 Usefulness of Paper Prototyping In a survey 172 usability professionals were asked the question: What is the importance of paper prototyping to your work? Usefulness of Paper Prototyping Essential 30% Useless: 0% Marginal 15% Useful 55% From Paper Prototyping by C. Snyder p.14

15 Video: Jakob Nielsen and Don Norman s company the Nielsen Norman group (NN/g has produced the video: Paper Prototyping: A How-To Video p.15

16 Book: Carolyn Snyder: Paper Prototyping: The Fast and Easy Way to Design and Refine User Interfaces" (Interactive Technologies) p.16

17 Projektsamarbejder Infinit støtter (mindre) projektsamarbejder mellem medlemmerne institutioner og firmaer Budget op til et par kr Kan lede til større satsninger Udspringer af interessegrupperne Eksempel på projektforslag: Synkronisere smart-phone/ipad/tablet med TV via lydsignalet for at præsentere relevant information tidsmæssigt afstemt med TV udsendelser. Under overvejelse partnere indtil nu: AAU og DR-medier, andre meget velkomne. Diskutere ideer og interesser i grupperne Vi skal melde forventninger ind i februar p.17

18 Studentersamarbejder Forårssemestret starter første februar ideer og forslag til projekter inkl. specialer er velkomne God måde at skabe kontakt og få belyst ideer og problemstillinger Civilingeniør Produkt og Design Psykologi (PDP) Civilingeniør Intelligente Multimedier Datalogi Informatik Praktikmuligheder for PDP-studerende til efteråret. Efteråret 2010: To aftaler. Huge Lawn og Migatronic Efteråret 2011: p.18

19 p.19