SlideShare uma empresa Scribd logo
1 de 33
Baixar para ler offline
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

Mais conteúdo relacionado

Semelhante a CHI: paper prototyping

Semelhante a 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
 

Mais 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
 

Mais 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
 

Último

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
 
1029-Danh muc Sach Giao Khoa khoi 6.pdf
1029-Danh muc Sach Giao Khoa khoi  6.pdf1029-Danh muc Sach Giao Khoa khoi  6.pdf
1029-Danh muc Sach Giao Khoa khoi 6.pdf
QucHHunhnh
 
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
 
Salient Features of India constitution especially power and functions
Salient Features of India constitution especially power and functionsSalient Features of India constitution especially power and functions
Salient Features of India constitution especially power and functions
KarakKing
 

Último (20)

HMCS Max Bernays Pre-Deployment Brief (May 2024).pptx
HMCS Max Bernays Pre-Deployment Brief (May 2024).pptxHMCS Max Bernays Pre-Deployment Brief (May 2024).pptx
HMCS Max Bernays Pre-Deployment Brief (May 2024).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
 
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
 
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
 
Sociology 101 Demonstration of Learning Exhibit
Sociology 101 Demonstration of Learning ExhibitSociology 101 Demonstration of Learning Exhibit
Sociology 101 Demonstration of Learning Exhibit
 
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
 
On National Teacher Day, meet the 2024-25 Kenan Fellows
On National Teacher Day, meet the 2024-25 Kenan FellowsOn National Teacher Day, meet the 2024-25 Kenan Fellows
On National Teacher Day, meet the 2024-25 Kenan Fellows
 
Dyslexia AI Workshop for Slideshare.pptx
Dyslexia AI Workshop for Slideshare.pptxDyslexia AI Workshop for Slideshare.pptx
Dyslexia AI Workshop for Slideshare.pptx
 
General Principles of Intellectual Property: Concepts of Intellectual Proper...
General Principles of Intellectual Property: Concepts of Intellectual  Proper...General Principles of Intellectual Property: Concepts of Intellectual  Proper...
General Principles of Intellectual Property: Concepts of Intellectual Proper...
 
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
 
Understanding Accommodations and Modifications
Understanding  Accommodations and ModificationsUnderstanding  Accommodations and Modifications
Understanding Accommodations and Modifications
 
Making communications land - Are they received and understood as intended? we...
Making communications land - Are they received and understood as intended? we...Making communications land - Are they received and understood as intended? we...
Making communications land - Are they received and understood as intended? we...
 
1029-Danh muc Sach Giao Khoa khoi 6.pdf
1029-Danh muc Sach Giao Khoa khoi  6.pdf1029-Danh muc Sach Giao Khoa khoi  6.pdf
1029-Danh muc Sach Giao Khoa khoi 6.pdf
 
How to Manage Global Discount in Odoo 17 POS
How to Manage Global Discount in Odoo 17 POSHow to Manage Global Discount in Odoo 17 POS
How to Manage Global Discount in Odoo 17 POS
 
Python Notes for mca i year students osmania university.docx
Python Notes for mca i year students osmania university.docxPython Notes for mca i year students osmania university.docx
Python Notes for mca i year students osmania university.docx
 
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
 
Introduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The BasicsIntroduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The Basics
 
Salient Features of India constitution especially power and functions
Salient Features of India constitution especially power and functionsSalient Features of India constitution especially power and functions
Salient Features of India constitution especially power and functions
 
This PowerPoint helps students to consider the concept of infinity.
This PowerPoint helps students to consider the concept of infinity.This PowerPoint helps students to consider the concept of infinity.
This PowerPoint helps students to consider the concept of infinity.
 
How to Give a Domain for a Field in Odoo 17
How to Give a Domain for a Field in Odoo 17How to Give a Domain for a Field in Odoo 17
How to Give a Domain for a Field in Odoo 17
 

CHI: paper prototyping