SlideShare a Scribd company logo
1 of 36
Download to read offline
Paper prototyping

 #chikul12
 Leuven, 20 March 2012




 Erik Duval
 http://erikduval.wordpress.com
 @ErikDuval




                                  1
Thursday 28 February 13
http://www.slideshare.net/erik.duval




Thursday 28 February 13
                          2
3
Thursday 28 February 13
https://class.coursera.org/hci//lecture/preview
                                           4
Thursday 28 February 13
5
Thursday 28 February 13
6
Thursday 28 February 13
7
Thursday 28 February 13
http://www.cs.berkeley.edu/~landay/research/publications/SILK_CHI/jal1bdy.html
                         329 secs.
Schetsen




                                                                                            8
                                                               70 secs.



                                                                                                Thursday 28 February 13
http://www.alistapart.com/articles/paperprototyping
Thursday 28 February 13
http://www.alistapart.com/articles/paperprototyping
Thursday 28 February 13
http://www.alistapart.com/articles/paperprototyping
Thursday 28 February 13
http://www.alistapart.com/articles/paperprototyping
Thursday 28 February 13
http://www.alistapart.com/articles/paperprototyping
Thursday 28 February 13
http://www.alistapart.com/articles/paperprototyping
Thursday 28 February 13
http://www.alistapart.com/articles/paperprototyping
Thursday 28 February 13
prototypes
                    • Vroege feedback
                    • Soorten
                     • Papier
                     • Script (Director, flash, powerpoint, …)
                     • Visueel programmeren (visual basic, …)
                     • Web (html+scripts, …)

                                        10
Thursday 28 February 13
Paper prototype




                                            http://www.paperprototyping.com/
                                 11
Thursday 28 February 13
http://www.nngroup.com/reports/prototyping/video_stills.html
Paper prototyping




                                                                             12
                                                                                  Thursday 28 February 13
http://www.nngroup.com/reports/prototyping/video_stills.html
Paper prototyping




                                                                             12
                                                                                  Thursday 28 February 13
http://www.nngroup.com/reports/prototyping/video_stills.html
Paper prototyping




                                                                             12
                                                                                  Thursday 28 February 13
http://www.nngroup.com/reports/prototyping/video_stills.html
Paper prototyping




                                                                             12
                                                                                  Thursday 28 February 13
http://www.nngroup.com/reports/prototyping/video_stills.html
Paper prototyping




                                                                             12
                                                                                  Thursday 28 February 13
http://www.nngroup.com/reports/prototyping/video_stills.html
Paper prototyping




                                                                             12
                                                                                  Thursday 28 February 13
http://www.nngroup.com/reports/prototyping/video_stills.html
Paper prototyping




                                                                             12
                                                                                  Thursday 28 February 13
http://www.nngroup.com/reports/prototyping/video_stills.html
Paper prototyping




                                                                             12
                                                                                  Thursday 28 February 13
Voor…/Na…




                             http://www.addwise.co.il/presentations/usability/Usability_Examples_E.pdf



                                     13
Thursday 28 February 13
Voor…/Na…




                             http://www.addwise.co.il/presentations/usability/Usability_Examples_E.pdf



                                     13
Thursday 28 February 13
Voor…/Na…




                             http://www.addwise.co.il/presentations/usability/Usability_Examples_E.pdf



                                     13
Thursday 28 February 13
Voor/Na
                                    http://www.rsiprogram.com/uinst/beforeAndAfter/travelrack/travelrack.htm




                             14
Thursday 28 February 13
Voor/Na
                                    http://www.rsiprogram.com/uinst/beforeAndAfter/travelrack/travelrack.htm




                             14
Thursday 28 February 13
Voor/Na
                                    http://www.rsiprogram.com/uinst/beforeAndAfter/travelrack/travelrack.htm




                             14
Thursday 28 February 13
Voor/Na




                             15
Thursday 28 February 13
Voor/Na




                             15
Thursday 28 February 13
Voor/Na




                             15
Thursday 28 February 13
Thursday 28 February 13
Questions?
                          http://erikduval.wordpress.com/
                                 twitter: @ErikDuval
                                         17
Thursday 28 February 13

More Related Content

More from Erik Duval

eCloud newspapers
eCloud newspaperseCloud newspapers
eCloud newspapersErik Duval
 
InfoVis1415: slides sessie 12, 18 mei 2015
InfoVis1415: slides sessie 12, 18 mei 2015InfoVis1415: slides sessie 12, 18 mei 2015
InfoVis1415: slides sessie 12, 18 mei 2015Erik Duval
 
InfoVis1415: slides sessie 11, 11 mei 2015
InfoVis1415: slides sessie 11, 11 mei 2015InfoVis1415: slides sessie 11, 11 mei 2015
InfoVis1415: slides sessie 11, 11 mei 2015Erik Duval
 
InfoVis1415: slides sessie 10, 4 mei 2015
InfoVis1415: slides sessie 10, 4 mei 2015InfoVis1415: slides sessie 10, 4 mei 2015
InfoVis1415: slides sessie 10, 4 mei 2015Erik Duval
 
Evaluation
 of information visualisation
Evaluation
 of information visualisationEvaluation
 of information visualisation
Evaluation
 of information visualisationErik Duval
 
InfoVis1415: slides sessie 9, 27 april 2015
InfoVis1415: slides sessie 9, 27 april 2015InfoVis1415: slides sessie 9, 27 april 2015
InfoVis1415: slides sessie 9, 27 april 2015Erik Duval
 
Social Media and Science a wedding made in Heaven...
 or in Hell?
Social Media and Science a wedding made in Heaven...
 or in Hell?Social Media and Science a wedding made in Heaven...
 or in Hell?
Social Media and Science a wedding made in Heaven...
 or in Hell?Erik Duval
 
Information visualisation: 
Data ink design principles
Information visualisation: 
Data ink design principlesInformation visualisation: 
Data ink design principles
Information visualisation: 
Data ink design principlesErik Duval
 
InfoVis1415: slides sessie 8, 20 april 2015
InfoVis1415: slides sessie 8, 20 april 2015InfoVis1415: slides sessie 8, 20 april 2015
InfoVis1415: slides sessie 8, 20 april 2015Erik Duval
 
A short history (and even shorter future)
 of information visualisation
A short history (and even shorter future)
 of information visualisationA short history (and even shorter future)
 of information visualisation
A short history (and even shorter future)
 of information visualisationErik Duval
 
InfoVis1415: slides sessie 7, 30 March 2015
InfoVis1415: slides sessie 7, 30 March 2015InfoVis1415: slides sessie 7, 30 March 2015
InfoVis1415: slides sessie 7, 30 March 2015Erik Duval
 
InfoVis1415: slides sessie 6, 23 March 2015
InfoVis1415: slides sessie 6, 23 March 2015InfoVis1415: slides sessie 6, 23 March 2015
InfoVis1415: slides sessie 6, 23 March 2015Erik Duval
 
History of Human Computer Interaction
History of Human Computer InteractionHistory of Human Computer Interaction
History of Human Computer InteractionErik Duval
 
InfoVis1415: slides sessie 5, 9 March 2015
InfoVis1415: slides sessie 5, 9 March 2015InfoVis1415: slides sessie 5, 9 March 2015
InfoVis1415: slides sessie 5, 9 March 2015Erik Duval
 
InfoVis1415: slides sessie 4, 2 March 2015
InfoVis1415: slides sessie 4, 2 March 2015InfoVis1415: slides sessie 4, 2 March 2015
InfoVis1415: slides sessie 4, 2 March 2015Erik Duval
 
InfoVis1415: slides sessie 3, 23 Feb 2015
InfoVis1415: slides sessie 3, 23 Feb 2015InfoVis1415: slides sessie 3, 23 Feb 2015
InfoVis1415: slides sessie 3, 23 Feb 2015Erik Duval
 
InfoVis1415: slides sessie 2, 16 Feb 2015
InfoVis1415: slides sessie 2, 16 Feb 2015InfoVis1415: slides sessie 2, 16 Feb 2015
InfoVis1415: slides sessie 2, 16 Feb 2015Erik Duval
 
Technology that makes HUMANS smarter
Technology that makes HUMANS smarterTechnology that makes HUMANS smarter
Technology that makes HUMANS smarterErik Duval
 
InfoVis1415: slides sessie 1, 10 Feb 2015
InfoVis1415: slides sessie 1, 10 Feb 2015InfoVis1415: slides sessie 1, 10 Feb 2015
InfoVis1415: slides sessie 1, 10 Feb 2015Erik Duval
 
201502010 pen ocw_les1_erik
201502010 pen ocw_les1_erik201502010 pen ocw_les1_erik
201502010 pen ocw_les1_erikErik Duval
 

More from Erik Duval (20)

eCloud newspapers
eCloud newspaperseCloud newspapers
eCloud newspapers
 
InfoVis1415: slides sessie 12, 18 mei 2015
InfoVis1415: slides sessie 12, 18 mei 2015InfoVis1415: slides sessie 12, 18 mei 2015
InfoVis1415: slides sessie 12, 18 mei 2015
 
InfoVis1415: slides sessie 11, 11 mei 2015
InfoVis1415: slides sessie 11, 11 mei 2015InfoVis1415: slides sessie 11, 11 mei 2015
InfoVis1415: slides sessie 11, 11 mei 2015
 
InfoVis1415: slides sessie 10, 4 mei 2015
InfoVis1415: slides sessie 10, 4 mei 2015InfoVis1415: slides sessie 10, 4 mei 2015
InfoVis1415: slides sessie 10, 4 mei 2015
 
Evaluation
 of information visualisation
Evaluation
 of information visualisationEvaluation
 of information visualisation
Evaluation
 of information visualisation
 
InfoVis1415: slides sessie 9, 27 april 2015
InfoVis1415: slides sessie 9, 27 april 2015InfoVis1415: slides sessie 9, 27 april 2015
InfoVis1415: slides sessie 9, 27 april 2015
 
Social Media and Science a wedding made in Heaven...
 or in Hell?
Social Media and Science a wedding made in Heaven...
 or in Hell?Social Media and Science a wedding made in Heaven...
 or in Hell?
Social Media and Science a wedding made in Heaven...
 or in Hell?
 
Information visualisation: 
Data ink design principles
Information visualisation: 
Data ink design principlesInformation visualisation: 
Data ink design principles
Information visualisation: 
Data ink design principles
 
InfoVis1415: slides sessie 8, 20 april 2015
InfoVis1415: slides sessie 8, 20 april 2015InfoVis1415: slides sessie 8, 20 april 2015
InfoVis1415: slides sessie 8, 20 april 2015
 
A short history (and even shorter future)
 of information visualisation
A short history (and even shorter future)
 of information visualisationA short history (and even shorter future)
 of information visualisation
A short history (and even shorter future)
 of information visualisation
 
InfoVis1415: slides sessie 7, 30 March 2015
InfoVis1415: slides sessie 7, 30 March 2015InfoVis1415: slides sessie 7, 30 March 2015
InfoVis1415: slides sessie 7, 30 March 2015
 
InfoVis1415: slides sessie 6, 23 March 2015
InfoVis1415: slides sessie 6, 23 March 2015InfoVis1415: slides sessie 6, 23 March 2015
InfoVis1415: slides sessie 6, 23 March 2015
 
History of Human Computer Interaction
History of Human Computer InteractionHistory of Human Computer Interaction
History of Human Computer Interaction
 
InfoVis1415: slides sessie 5, 9 March 2015
InfoVis1415: slides sessie 5, 9 March 2015InfoVis1415: slides sessie 5, 9 March 2015
InfoVis1415: slides sessie 5, 9 March 2015
 
InfoVis1415: slides sessie 4, 2 March 2015
InfoVis1415: slides sessie 4, 2 March 2015InfoVis1415: slides sessie 4, 2 March 2015
InfoVis1415: slides sessie 4, 2 March 2015
 
InfoVis1415: slides sessie 3, 23 Feb 2015
InfoVis1415: slides sessie 3, 23 Feb 2015InfoVis1415: slides sessie 3, 23 Feb 2015
InfoVis1415: slides sessie 3, 23 Feb 2015
 
InfoVis1415: slides sessie 2, 16 Feb 2015
InfoVis1415: slides sessie 2, 16 Feb 2015InfoVis1415: slides sessie 2, 16 Feb 2015
InfoVis1415: slides sessie 2, 16 Feb 2015
 
Technology that makes HUMANS smarter
Technology that makes HUMANS smarterTechnology that makes HUMANS smarter
Technology that makes HUMANS smarter
 
InfoVis1415: slides sessie 1, 10 Feb 2015
InfoVis1415: slides sessie 1, 10 Feb 2015InfoVis1415: slides sessie 1, 10 Feb 2015
InfoVis1415: slides sessie 1, 10 Feb 2015
 
201502010 pen ocw_les1_erik
201502010 pen ocw_les1_erik201502010 pen ocw_les1_erik
201502010 pen ocw_les1_erik
 

20130226 chi paper_prototype