Your SlideShare is downloading. ×
Mock-ups in design af Lars Bo Larsen, AAU
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Saving this for later?

Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime - even offline.

Text the download link to your phone

Standard text messaging rates apply

Mock-ups in design af Lars Bo Larsen, AAU

266
views

Published on

Oplægget blev holdt ved InfinIT-arrangementet "temadag om interaktionsdesign", der blev afholdt den 20. januar 2011. Læs mere om arrangementet her: …

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

Published in: Technology

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
266
On Slideshare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
1
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Mock-ups in DesignInfinit InteressegruppemødeCSC 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 MachineRedesign of controlsto focus on the clothesto be washed ratherthan programming thesettings of thewashing machine (thanks to grp. ST855a + ST857c 2008) p.6
  • 7. The Washing MachineRedesign of controlsto focus on the clothesto be washed ratherthan programming thesettings of thewashing 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 Berkeleyhttp://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