SlideShare une entreprise Scribd logo
1  sur  33
Télécharger pour lire hors ligne
ontwerp


                                      erik duval
                                     K.U.Leuven
                           http://www.cs.kuleuven.be/~erikd
                                          1
Tuesday 24 February 2009
http://www.cs.berkeley.edu/~landay/research/publications/SILK_CHI/jal1bdy.html
                         329 secs.
Schetsen




                                                                                            2
                                                               70 secs.



                                                                                                Tuesday 24 February 2009
Schetsen




                                      http://www.cognetics.com/ui.html
                              3
Tuesday 24 February 2009
Transition Diagram




                                  http://www.cc.gatech.edu/people/home/dzook/JavaVis.htm


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

                                       6
Tuesday 24 February 2009
Paper prototype




                                             http://www.paperprototyping.com/
                                  7
Tuesday 24 February 2009
http://www.nngroup.com/reports/prototyping/video_stills.html
Paper prototyping




                                                                             8
                                                                                 Tuesday 24 February 2009
http://www.nngroup.com/reports/prototyping/video_stills.html
Paper prototyping




                                                                             8
                                                                                 Tuesday 24 February 2009
http://www.nngroup.com/reports/prototyping/video_stills.html
Paper prototyping




                                                                             8
                                                                                 Tuesday 24 February 2009
http://www.nngroup.com/reports/prototyping/video_stills.html
Paper prototyping




                                                                             8
                                                                                 Tuesday 24 February 2009
http://www.nngroup.com/reports/prototyping/video_stills.html
Paper prototyping




                                                                             8
                                                                                 Tuesday 24 February 2009
http://www.nngroup.com/reports/prototyping/video_stills.html
Paper prototyping




                                                                             8
                                                                                 Tuesday 24 February 2009
http://www.nngroup.com/reports/prototyping/video_stills.html
Paper prototyping




                                                                             8
                                                                                 Tuesday 24 February 2009
http://www.nngroup.com/reports/prototyping/video_stills.html
Paper prototyping




                                                                             8
                                                                                 Tuesday 24 February 2009
Voor…/Na…




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



                                       9
Tuesday 24 February 2009
Voor…/Na…




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



                                       9
Tuesday 24 February 2009
Voor…/Na…




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



                                       9
Tuesday 24 February 2009
Voor/Na
                                     http://www.rsiprogram.com/uinst/beforeAndAfter/travelrack/travelrack.htm




                              10
Tuesday 24 February 2009
Voor/Na
                                     http://www.rsiprogram.com/uinst/beforeAndAfter/travelrack/travelrack.htm




                              10
Tuesday 24 February 2009
Voor/Na
                                     http://www.rsiprogram.com/uinst/beforeAndAfter/travelrack/travelrack.htm




                              10
Tuesday 24 February 2009
Voor/Na




                              11
Tuesday 24 February 2009
Voor/Na




                              11
Tuesday 24 February 2009
Voor/Na




                              11
Tuesday 24 February 2009
Screen estate!




                                 12
Tuesday 24 February 2009
Essentie

  •Wie zijn de gebruikers?
  •Wat willen ze doen?
  •Wat wil je bereiken
   en hoe ga je dat meten?
                              13
Tuesday 24 February 2009
Questions?
                       http://www.ariadne-eu.org
    http://www.cs.kuleuven.ac.be/~erikd
                      http://www.prolearn-project.org/



                           Thanks!   14

Tuesday 24 February 2009

Contenu connexe

Similaire à CHI: paper prototyping

Similaire à CHI: paper prototyping (9)

CHI: sessie 2
CHI: sessie 2CHI: sessie 2
CHI: sessie 2
 
Web 2.0 Tools to Inspire
Web 2.0 Tools to InspireWeb 2.0 Tools to Inspire
Web 2.0 Tools to Inspire
 
Tech Forum Ne09
Tech Forum Ne09Tech Forum Ne09
Tech Forum Ne09
 
How to Bring Your Blog to Life
How to Bring Your Blog to LifeHow to Bring Your Blog to Life
How to Bring Your Blog to Life
 
Bring Your Blog to Life
Bring Your Blog to LifeBring Your Blog to Life
Bring Your Blog to Life
 
"Mozilla Labs" by Pascal Finette @ eLiberatica 2009
"Mozilla Labs" by Pascal Finette @ eLiberatica 2009"Mozilla Labs" by Pascal Finette @ eLiberatica 2009
"Mozilla Labs" by Pascal Finette @ eLiberatica 2009
 
Realtime 3D on the web - a toy or a useful tool?
Realtime 3D on the web - a toy or a useful tool?Realtime 3D on the web - a toy or a useful tool?
Realtime 3D on the web - a toy or a useful tool?
 
Agile Development no Yahoo! com Scrum - Campus Party 2009 - em português
Agile Development no Yahoo! com Scrum - Campus Party 2009 - em portuguêsAgile Development no Yahoo! com Scrum - Campus Party 2009 - em português
Agile Development no Yahoo! com Scrum - Campus Party 2009 - em português
 
The ABC of User Testing
The ABC of User TestingThe ABC of User Testing
The ABC of User Testing
 

Plus de Erik 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 2015
Erik Duval
 

Plus de 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
 

Dernier

Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
ZurliaSoop
 
1029 - Danh muc Sach Giao Khoa 10 . pdf
1029 -  Danh muc Sach Giao Khoa 10 . pdf1029 -  Danh muc Sach Giao Khoa 10 . pdf
1029 - Danh muc Sach Giao Khoa 10 . pdf
QucHHunhnh
 
Vishram Singh - Textbook of Anatomy Upper Limb and Thorax.. Volume 1 (1).pdf
Vishram Singh - Textbook of Anatomy  Upper Limb and Thorax.. Volume 1 (1).pdfVishram Singh - Textbook of Anatomy  Upper Limb and Thorax.. Volume 1 (1).pdf
Vishram Singh - Textbook of Anatomy Upper Limb and Thorax.. Volume 1 (1).pdf
ssuserdda66b
 

Dernier (20)

Food safety_Challenges food safety laboratories_.pdf
Food safety_Challenges food safety laboratories_.pdfFood safety_Challenges food safety laboratories_.pdf
Food safety_Challenges food safety laboratories_.pdf
 
Google Gemini An AI Revolution in Education.pptx
Google Gemini An AI Revolution in Education.pptxGoogle Gemini An AI Revolution in Education.pptx
Google Gemini An AI Revolution in Education.pptx
 
Application orientated numerical on hev.ppt
Application orientated numerical on hev.pptApplication orientated numerical on hev.ppt
Application orientated numerical on hev.ppt
 
Accessible Digital Futures project (20/03/2024)
Accessible Digital Futures project (20/03/2024)Accessible Digital Futures project (20/03/2024)
Accessible Digital Futures project (20/03/2024)
 
2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx
2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx
2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx
 
Graduate Outcomes Presentation Slides - English
Graduate Outcomes Presentation Slides - EnglishGraduate Outcomes Presentation Slides - English
Graduate Outcomes Presentation Slides - English
 
Unit-V; Pricing (Pharma Marketing Management).pptx
Unit-V; Pricing (Pharma Marketing Management).pptxUnit-V; Pricing (Pharma Marketing Management).pptx
Unit-V; Pricing (Pharma Marketing Management).pptx
 
Micro-Scholarship, What it is, How can it help me.pdf
Micro-Scholarship, What it is, How can it help me.pdfMicro-Scholarship, What it is, How can it help me.pdf
Micro-Scholarship, What it is, How can it help me.pdf
 
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
 
Mehran University Newsletter Vol-X, Issue-I, 2024
Mehran University Newsletter Vol-X, Issue-I, 2024Mehran University Newsletter Vol-X, Issue-I, 2024
Mehran University Newsletter Vol-X, Issue-I, 2024
 
Key note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdfKey note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdf
 
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...
 
Understanding Accommodations and Modifications
Understanding  Accommodations and ModificationsUnderstanding  Accommodations and Modifications
Understanding Accommodations and Modifications
 
Introduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The BasicsIntroduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The Basics
 
How to Create and Manage Wizard in Odoo 17
How to Create and Manage Wizard in Odoo 17How to Create and Manage Wizard in Odoo 17
How to Create and Manage Wizard in Odoo 17
 
Towards a code of practice for AI in AT.pptx
Towards a code of practice for AI in AT.pptxTowards a code of practice for AI in AT.pptx
Towards a code of practice for AI in AT.pptx
 
1029 - Danh muc Sach Giao Khoa 10 . pdf
1029 -  Danh muc Sach Giao Khoa 10 . pdf1029 -  Danh muc Sach Giao Khoa 10 . pdf
1029 - Danh muc Sach Giao Khoa 10 . pdf
 
Dyslexia AI Workshop for Slideshare.pptx
Dyslexia AI Workshop for Slideshare.pptxDyslexia AI Workshop for Slideshare.pptx
Dyslexia AI Workshop for Slideshare.pptx
 
Vishram Singh - Textbook of Anatomy Upper Limb and Thorax.. Volume 1 (1).pdf
Vishram Singh - Textbook of Anatomy  Upper Limb and Thorax.. Volume 1 (1).pdfVishram Singh - Textbook of Anatomy  Upper Limb and Thorax.. Volume 1 (1).pdf
Vishram Singh - Textbook of Anatomy Upper Limb and Thorax.. Volume 1 (1).pdf
 
ICT role in 21st century education and it's challenges.
ICT role in 21st century education and it's challenges.ICT role in 21st century education and it's challenges.
ICT role in 21st century education and it's challenges.
 

CHI: paper prototyping