Oplægget blev holdt ved InfinIT-arrangementet "temadag om interaktionsdesign", der blev afholdt den 20. januar 2011. Læs mere om arrangementet her: http://www.infinit.dk/dk/hvad_kan_vi_goere_for_dig/viden/reportager/goer_brugernes_behov_til_gode_produkter_02.htm

1. Mock-ups in Design
Infinit Interessegruppemøde
CSC Scandihealth 20/1 2011
Lars Bo Larsen
lbl@es.aau.dk

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 Badetøj Fint tøj
Håndklæder Cowboy-tøj Tørklæder
Karklude Bukser Nederdele
Sengelinned Lingeri Uld
Sokker Nylonstrømper
Træningstøj Sko
Undertøj Overtøj
Viskestykker
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
http://dub.washington.edu:2007/projects/fidelity/pubs/Walker_HFES_2002.pdf

10. Making early stage prototypes
Paper Computer
Medium
Medium
Low- Sketched with Scanned in
paper pages
fidelity paper and
pens
High- Printed Coded in
screens HTML
fidelity
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 Usefulness of Paper Prototyping
usability professionals Useless:
were asked the 0%
question: “What is the
importance of paper Essential Marginal
30%
prototyping to your 15%
work”?
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 http://www.nngroup.com/) 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)
 http://www.paperprototyping.com
p.16

17. Projektsamarbejder
 Infinit støtter (mindre) projektsamarbejder mellem
medlemmerne – institutioner og firmaer
 Budget op til et par 100.000 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