SlideShare uma empresa Scribd logo
1 de 37
Baixar para ler offline
chi:
  paper prototyping
  Prof. erik duval

                         1
Saturday 19 March 2011
http://www.slideshare.net/erik.duval




Saturday 19 March 2011
                         2
http://www.cs.berkeley.edu/~landay/research/publications/SILK_CHI/jal1bdy.html
                         329 secs.
Schetsen




                                                                                            3
                                                               70 secs.



                                                                                                Saturday 19 March 2011
http://www.cognetics.com/ui.html
Schetsen




                                       4
                                           Saturday 19 March 2011
Transition Diagram




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


                                      5
Saturday 19 March 2011
http://www.alistapart.com/articles/paperprototyping
Saturday 19 March 2011
http://www.alistapart.com/articles/paperprototyping
Saturday 19 March 2011
http://www.alistapart.com/articles/paperprototyping
Saturday 19 March 2011
http://www.alistapart.com/articles/paperprototyping
Saturday 19 March 2011
http://www.alistapart.com/articles/paperprototyping
Saturday 19 March 2011
http://www.alistapart.com/articles/paperprototyping
Saturday 19 March 2011
http://www.alistapart.com/articles/paperprototyping
Saturday 19 March 2011
prototypes
                    • Vroege feedback
                    • Soorten
                     • Papier
                     • Script (Director, flash, powerpoint, …)
                     • Visueel programmeren (visual basic, …)
                     • Web (html+scripts, …)

                                        7
Saturday 19 March 2011
Paper prototype




                                           http://www.paperprototyping.com/
                                8
Saturday 19 March 2011
http://www.nngroup.com/reports/prototyping/video_stills.html
Paper prototyping




                                                                             9
                                                                                 Saturday 19 March 2011
http://www.nngroup.com/reports/prototyping/video_stills.html
Paper prototyping




                                                                             9
                                                                                 Saturday 19 March 2011
http://www.nngroup.com/reports/prototyping/video_stills.html
Paper prototyping




                                                                             9
                                                                                 Saturday 19 March 2011
http://www.nngroup.com/reports/prototyping/video_stills.html
Paper prototyping




                                                                             9
                                                                                 Saturday 19 March 2011
http://www.nngroup.com/reports/prototyping/video_stills.html
Paper prototyping




                                                                             9
                                                                                 Saturday 19 March 2011
http://www.nngroup.com/reports/prototyping/video_stills.html
Paper prototyping




                                                                             9
                                                                                 Saturday 19 March 2011
http://www.nngroup.com/reports/prototyping/video_stills.html
Paper prototyping




                                                                             9
                                                                                 Saturday 19 March 2011
http://www.nngroup.com/reports/prototyping/video_stills.html
Paper prototyping




                                                                             9
                                                                                 Saturday 19 March 2011
Voor…/Na…




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



                                    10
Saturday 19 March 2011
Voor…/Na…




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



                                    10
Saturday 19 March 2011
Voor…/Na…




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



                                    10
Saturday 19 March 2011
Voor/Na
                                   http://www.rsiprogram.com/uinst/beforeAndAfter/travelrack/travelrack.htm




                            11
Saturday 19 March 2011
Voor/Na
                                   http://www.rsiprogram.com/uinst/beforeAndAfter/travelrack/travelrack.htm




                            11
Saturday 19 March 2011
Voor/Na
                                   http://www.rsiprogram.com/uinst/beforeAndAfter/travelrack/travelrack.htm




                            11
Saturday 19 March 2011
Voor/Na




                            12
Saturday 19 March 2011
Voor/Na




                            12
Saturday 19 March 2011
Voor/Na




                            12
Saturday 19 March 2011
Screen estate!




                               13
Saturday 19 March 2011
Essentie

  •Wie zijn de gebruikers?
  •Wat willen ze doen?
  •Wat wil je bereiken
   en hoe ga je dat meten?
                            14
Saturday 19 March 2011
Saturday 19 March 2011
Dank!
Saturday 19 March 2011
Vragen?
                           Dank!
Saturday 19 March 2011
Vragen?
                   http://www.cs.kuleuven.ac.be/~erikd


                              Dank!
Saturday 19 March 2011

Mais conteúdo relacionado

Destaque

CHI status update
CHI status updateCHI status update
CHI status update
Erik Duval
 
Learning in times of abundance - the snowflake effect, Presented at TEL Summe...
Learning in times of abundance - the snowflake effect, Presented at TEL Summe...Learning in times of abundance - the snowflake effect, Presented at TEL Summe...
Learning in times of abundance - the snowflake effect, Presented at TEL Summe...
Erik Duval
 
Snowflake in music
Snowflake in musicSnowflake in music
Snowflake in music
Erik Duval
 
20130326 chi sessie_4
20130326 chi sessie_420130326 chi sessie_4
20130326 chi sessie_4
Erik Duval
 
Gegevensbanken en gebruikers
Gegevensbanken en gebruikersGegevensbanken en gebruikers
Gegevensbanken en gebruikers
Erik Duval
 
Gegevensbanken: gebruikers
Gegevensbanken: gebruikersGegevensbanken: gebruikers
Gegevensbanken: gebruikers
Erik Duval
 

Destaque (20)

Ariadne at work
Ariadne at workAriadne at work
Ariadne at work
 
Quantified Self
Quantified SelfQuantified Self
Quantified Self
 
CHI status update
CHI status updateCHI status update
CHI status update
 
Chi overview
Chi overviewChi overview
Chi overview
 
wetenschappelijke vorming: HCI topics
wetenschappelijke vorming: HCI topicswetenschappelijke vorming: HCI topics
wetenschappelijke vorming: HCI topics
 
Learning in times of abundance - the snowflake effect, Presented at TEL Summe...
Learning in times of abundance - the snowflake effect, Presented at TEL Summe...Learning in times of abundance - the snowflake effect, Presented at TEL Summe...
Learning in times of abundance - the snowflake effect, Presented at TEL Summe...
 
From scarcity to abundance and a helping hand from the snowflake effect
From scarcity to abundance and a helping hand from the snowflake effectFrom scarcity to abundance and a helping hand from the snowflake effect
From scarcity to abundance and a helping hand from the snowflake effect
 
Multimedia Les 9
Multimedia Les 9Multimedia Les 9
Multimedia Les 9
 
Social media: a disease?
Social media: a disease?Social media: a disease?
Social media: a disease?
 
Multimedia: Les 4
Multimedia: Les 4Multimedia: Les 4
Multimedia: Les 4
 
Intro voor thesisstudenten
Intro voor thesisstudentenIntro voor thesisstudenten
Intro voor thesisstudenten
 
Snowflake in music
Snowflake in musicSnowflake in music
Snowflake in music
 
20130326 chi sessie_4
20130326 chi sessie_420130326 chi sessie_4
20130326 chi sessie_4
 
Open Learning in de Praktijk
Open Learning in de PraktijkOpen Learning in de Praktijk
Open Learning in de Praktijk
 
Gegevensbanken en gebruikers
Gegevensbanken en gebruikersGegevensbanken en gebruikers
Gegevensbanken en gebruikers
 
Fundamentals of HCI: intro and assignment
Fundamentals of HCI: intro and assignmentFundamentals of HCI: intro and assignment
Fundamentals of HCI: intro and assignment
 
De google maatschappij
De google maatschappijDe google maatschappij
De google maatschappij
 
Gegevensbanken: gebruikers
Gegevensbanken: gebruikersGegevensbanken: gebruikers
Gegevensbanken: gebruikers
 
Time to Open Up?
Time to Open Up? Time to Open Up?
Time to Open Up?
 
Multimedia: storyboard
Multimedia: storyboardMultimedia: storyboard
Multimedia: storyboard
 

Semelhante a Paper prototyping

Nigeria & Designing for the Mobile Web
Nigeria & Designing for the Mobile WebNigeria & Designing for the Mobile Web
Nigeria & Designing for the Mobile Web
Zi Bin Cheah
 
The New Power of the [utility] Customer's Voice
The New Power of the [utility] Customer's VoiceThe New Power of the [utility] Customer's Voice
The New Power of the [utility] Customer's Voice
Tom Raftery
 
Intro - Geomob May 2011
Intro - Geomob May 2011 Intro - Geomob May 2011
Intro - Geomob May 2011
GeomobLDN
 

Semelhante a Paper prototyping (20)

Nigeria & Designing for the Mobile Web
Nigeria & Designing for the Mobile WebNigeria & Designing for the Mobile Web
Nigeria & Designing for the Mobile Web
 
Creativity in eLearning
Creativity in eLearningCreativity in eLearning
Creativity in eLearning
 
Digitalwindow keynote london #inspire2011
Digitalwindow keynote london #inspire2011Digitalwindow keynote london #inspire2011
Digitalwindow keynote london #inspire2011
 
Managing Projects on a Mac
Managing Projects on a MacManaging Projects on a Mac
Managing Projects on a Mac
 
Apps4Academics: iPhone/iPad apps & mobile web sites for your Academic Life
Apps4Academics: iPhone/iPad apps & mobile web sites for your Academic LifeApps4Academics: iPhone/iPad apps & mobile web sites for your Academic Life
Apps4Academics: iPhone/iPad apps & mobile web sites for your Academic Life
 
Tech Forum
Tech ForumTech Forum
Tech Forum
 
The New Power of the [utility] Customer's Voice
The New Power of the [utility] Customer's VoiceThe New Power of the [utility] Customer's Voice
The New Power of the [utility] Customer's Voice
 
Dispelling Myths About Competitive Intelligence
Dispelling Myths About Competitive IntelligenceDispelling Myths About Competitive Intelligence
Dispelling Myths About Competitive Intelligence
 
SLA11 CID Division program encore 080211 webinar slides
SLA11 CID Division program encore 080211 webinar slidesSLA11 CID Division program encore 080211 webinar slides
SLA11 CID Division program encore 080211 webinar slides
 
YCE Media Awards Presentation Oct 2011
YCE Media Awards Presentation Oct 2011YCE Media Awards Presentation Oct 2011
YCE Media Awards Presentation Oct 2011
 
Technobabble or Technobrilliance
Technobabble or TechnobrillianceTechnobabble or Technobrilliance
Technobabble or Technobrilliance
 
Intro - Geomob May 2011
Intro - Geomob May 2011 Intro - Geomob May 2011
Intro - Geomob May 2011
 
Digital Marketing Training for Riga
Digital Marketing Training for RigaDigital Marketing Training for Riga
Digital Marketing Training for Riga
 
iPad's in the Class
iPad's in the ClassiPad's in the Class
iPad's in the Class
 
Revolution in Digital Media Consumption
Revolution in Digital Media ConsumptionRevolution in Digital Media Consumption
Revolution in Digital Media Consumption
 
Vinterminglet #SSMX
Vinterminglet #SSMXVinterminglet #SSMX
Vinterminglet #SSMX
 
Integrating ICT in a Junior Classroom
Integrating ICT in a Junior ClassroomIntegrating ICT in a Junior Classroom
Integrating ICT in a Junior Classroom
 
10 Web Development Concepts a Designer Should Know
10 Web Development Concepts a Designer Should Know10 Web Development Concepts a Designer Should Know
10 Web Development Concepts a Designer Should Know
 
Academia and their knowledge safes
Academia and their knowledge safesAcademia and their knowledge safes
Academia and their knowledge safes
 
Presentation Orange ftgroup the future of mobile
Presentation Orange ftgroup the future of mobilePresentation Orange ftgroup the future of mobile
Presentation Orange ftgroup the future of mobile
 

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

Último (20)

Application orientated numerical on hev.ppt
Application orientated numerical on hev.pptApplication orientated numerical on hev.ppt
Application orientated numerical on hev.ppt
 
Unit-IV; Professional Sales Representative (PSR).pptx
Unit-IV; Professional Sales Representative (PSR).pptxUnit-IV; Professional Sales Representative (PSR).pptx
Unit-IV; Professional Sales Representative (PSR).pptx
 
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
 
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.
 
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
 
Unit-IV- Pharma. Marketing Channels.pptx
Unit-IV- Pharma. Marketing Channels.pptxUnit-IV- Pharma. Marketing Channels.pptx
Unit-IV- Pharma. Marketing Channels.pptx
 
Kodo Millet PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...
Kodo Millet  PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...Kodo Millet  PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...
Kodo Millet PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...
 
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
 
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
 
Introduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The BasicsIntroduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The Basics
 
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...
 
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
 
UGC NET Paper 1 Mathematical Reasoning & Aptitude.pdf
UGC NET Paper 1 Mathematical Reasoning & Aptitude.pdfUGC NET Paper 1 Mathematical Reasoning & Aptitude.pdf
UGC NET Paper 1 Mathematical Reasoning & Aptitude.pdf
 
Sociology 101 Demonstration of Learning Exhibit
Sociology 101 Demonstration of Learning ExhibitSociology 101 Demonstration of Learning Exhibit
Sociology 101 Demonstration of Learning Exhibit
 
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
 
Understanding Accommodations and Modifications
Understanding  Accommodations and ModificationsUnderstanding  Accommodations and Modifications
Understanding Accommodations and Modifications
 
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
 
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
 
Spatium Project Simulation student brief
Spatium Project Simulation student briefSpatium Project Simulation student brief
Spatium Project Simulation student brief
 
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...
 

Paper prototyping