SlideShare una empresa de Scribd logo
1 de 13
Descargar para leer sin conexión
present by Summer Zhang
PAPER PROTOTYPING
What is Prototyping?
> Tangibility, experiencing and testing of results
> Prototypes allows end-users to participate early in the innovation process.
> Surface feel allows earliest understanding of complex challenges.
What kinds of interface can you prototype?
The Power of Prototyping
What is Paper Prototyping?
Why Paper Prototyping?
Easy iterations
Built for your budget
Easy documentation
Where does paper prototyping fit into
the design process?
1. The design team uses paper for their presentation to a larger group of people who have
a vested interest in the product.
2. Users run through a set of existing paper mock-ups or are given blank paper and asked
to represent a concept by sketching it.
Paper Prototyping Steps
1. Determine the key interactions
2. Sketch screen layouts:
3. Determine the screen flow/sequencing:
4. Prepare interactive elements
5. Take your prototype for a test run
“Any design based on a written spec is
a design based on theory.
A design based on a prototype is
a design based on experience and practice.”
-- Prototyping: A Practitioners guide
Tools to use
DIY Wirephone-holder
POP - Prototyping on paper
UI Stencils
UXPin – Paper prototyping notepads
USABILITY TESTING WITH PAPER PROTOTYPES
> Allow users to mock up ideas they think would solve a problem.
> Mark on the prototype where a user attempted to “click” or otherwise interact with the interface
> Ask users to draw what they expect to happen next.
> Keep going even if you don’t have access to a testing lab or if computers, networks, or high-tech
prototypes don’t work as expected.
Fin. Thank you!

Más contenido relacionado

La actualidad más candente

Where to find better ideas? +10 categories to explore with examples
Where to find better ideas? +10 categories to explore with examplesWhere to find better ideas? +10 categories to explore with examples
Where to find better ideas? +10 categories to explore with examplesBoard of Innovation
 
UX STRAT Online 2021 Presentation by Rina Tambo Jensen
UX STRAT Online 2021 Presentation by Rina Tambo JensenUX STRAT Online 2021 Presentation by Rina Tambo Jensen
UX STRAT Online 2021 Presentation by Rina Tambo JensenUX STRAT
 
Design Thinking 101
Design Thinking 101Design Thinking 101
Design Thinking 101Merixstudio
 
The Innovator's DNA - An Interpretation of the Five Skills of Disruptive Inno...
The Innovator's DNA - An Interpretation of the Five Skills of Disruptive Inno...The Innovator's DNA - An Interpretation of the Five Skills of Disruptive Inno...
The Innovator's DNA - An Interpretation of the Five Skills of Disruptive Inno...Luc Lalande
 
1. Design - Intro UIUX Design.pdf
1. Design - Intro UIUX Design.pdf1. Design - Intro UIUX Design.pdf
1. Design - Intro UIUX Design.pdfJejeCans
 
Visual Interface Design
Visual Interface DesignVisual Interface Design
Visual Interface DesignJonathan Speh
 
Startup Product Development
Startup Product DevelopmentStartup Product Development
Startup Product DevelopmentAaron Stannard
 
Ic ws-2-design-thinking-ppt
Ic ws-2-design-thinking-pptIc ws-2-design-thinking-ppt
Ic ws-2-design-thinking-pptEmanHamad4
 
Design Thinking
Design Thinking Design Thinking
Design Thinking Provectus
 
UX Maturity Models
UX Maturity Models   UX Maturity Models
UX Maturity Models Gena Drahun
 

La actualidad más candente (20)

Design thinking
Design thinkingDesign thinking
Design thinking
 
What is UX design?
What is UX design? What is UX design?
What is UX design?
 
Where to find better ideas? +10 categories to explore with examples
Where to find better ideas? +10 categories to explore with examplesWhere to find better ideas? +10 categories to explore with examples
Where to find better ideas? +10 categories to explore with examples
 
UX STRAT Online 2021 Presentation by Rina Tambo Jensen
UX STRAT Online 2021 Presentation by Rina Tambo JensenUX STRAT Online 2021 Presentation by Rina Tambo Jensen
UX STRAT Online 2021 Presentation by Rina Tambo Jensen
 
Design Thinking 101
Design Thinking 101Design Thinking 101
Design Thinking 101
 
UX is not UI!
UX is not UI!UX is not UI!
UX is not UI!
 
Ux design
Ux designUx design
Ux design
 
What is UX?
What is UX?What is UX?
What is UX?
 
Introduction to UI UX
Introduction to UI UXIntroduction to UI UX
Introduction to UI UX
 
Design thinking
Design thinkingDesign thinking
Design thinking
 
The Innovator's DNA - An Interpretation of the Five Skills of Disruptive Inno...
The Innovator's DNA - An Interpretation of the Five Skills of Disruptive Inno...The Innovator's DNA - An Interpretation of the Five Skills of Disruptive Inno...
The Innovator's DNA - An Interpretation of the Five Skills of Disruptive Inno...
 
1. Design - Intro UIUX Design.pdf
1. Design - Intro UIUX Design.pdf1. Design - Intro UIUX Design.pdf
1. Design - Intro UIUX Design.pdf
 
Design Thinking
Design ThinkingDesign Thinking
Design Thinking
 
UX design
UX designUX design
UX design
 
Visual Interface Design
Visual Interface DesignVisual Interface Design
Visual Interface Design
 
Startup Product Development
Startup Product DevelopmentStartup Product Development
Startup Product Development
 
UI/UX Design in Agile process
UI/UX Design in Agile process  UI/UX Design in Agile process
UI/UX Design in Agile process
 
Ic ws-2-design-thinking-ppt
Ic ws-2-design-thinking-pptIc ws-2-design-thinking-ppt
Ic ws-2-design-thinking-ppt
 
Design Thinking
Design Thinking Design Thinking
Design Thinking
 
UX Maturity Models
UX Maturity Models   UX Maturity Models
UX Maturity Models
 

Destacado

Low Fidelity Prototyping with Paper
Low Fidelity Prototyping with PaperLow Fidelity Prototyping with Paper
Low Fidelity Prototyping with PaperValeria Gasik
 
Rapid Prototyping Paper
Rapid Prototyping PaperRapid Prototyping Paper
Rapid Prototyping PaperDan Rockwell
 
Chris Johnson Digital Radio Prototypes Presentation
Chris Johnson   Digital Radio Prototypes PresentationChris Johnson   Digital Radio Prototypes Presentation
Chris Johnson Digital Radio Prototypes Presentationcbaacomms
 
How To Design a Logo in 7 Steps
How To Design a Logo in 7 StepsHow To Design a Logo in 7 Steps
How To Design a Logo in 7 StepsDariaTok
 
HCI Studies (Tallinn University Institute of Informatics)
HCI Studies (Tallinn University Institute of Informatics)HCI Studies (Tallinn University Institute of Informatics)
HCI Studies (Tallinn University Institute of Informatics)InteractionDesign
 
Testing Paper Prototypes (IxDworks)
Testing Paper Prototypes (IxDworks)Testing Paper Prototypes (IxDworks)
Testing Paper Prototypes (IxDworks)InteractionDesign
 
Approaches to Interaction Design
Approaches to Interaction DesignApproaches to Interaction Design
Approaches to Interaction DesignInteractionDesign
 
Tallinn summerschool 21.07.2015
Tallinn summerschool 21.07.2015Tallinn summerschool 21.07.2015
Tallinn summerschool 21.07.2015Vladimir Tomberg
 
Digital Prototypes: Work Smarter, Not Harder
Digital Prototypes: Work Smarter, Not HarderDigital Prototypes: Work Smarter, Not Harder
Digital Prototypes: Work Smarter, Not HarderMichelle Chin
 
Reply Labcamp: Test before you Invest, A Guide to Rapid Prototyping (Design D...
Reply Labcamp: Test before you Invest, A Guide to Rapid Prototyping (Design D...Reply Labcamp: Test before you Invest, A Guide to Rapid Prototyping (Design D...
Reply Labcamp: Test before you Invest, A Guide to Rapid Prototyping (Design D...Jay Suthar
 
Paper Prototyping
Paper PrototypingPaper Prototyping
Paper PrototypingDavid Lamas
 
An agile approach to iPhone design: Paper prototyping + user testing
An agile approach to iPhone design:  Paper prototyping + user testingAn agile approach to iPhone design:  Paper prototyping + user testing
An agile approach to iPhone design: Paper prototyping + user testingGinsburg Design
 
Basics of Paper Writing and Publishing in TEL (JTEL 2013)
Basics of Paper Writing and Publishing in TEL (JTEL 2013)Basics of Paper Writing and Publishing in TEL (JTEL 2013)
Basics of Paper Writing and Publishing in TEL (JTEL 2013)Michael Derntl
 
APA Workshop: Writing a Research Paper
APA Workshop: Writing a Research PaperAPA Workshop: Writing a Research Paper
APA Workshop: Writing a Research Paperrallen432
 
Introduction to Prototyping: What, Why, How
Introduction to Prototyping: What, Why, HowIntroduction to Prototyping: What, Why, How
Introduction to Prototyping: What, Why, HowAbdallah El Ali
 
Ejemplo de paper prototyping
Ejemplo de paper prototypingEjemplo de paper prototyping
Ejemplo de paper prototypingEmagister
 
Design for non-designers
Design for non-designersDesign for non-designers
Design for non-designersJonno Cohen
 

Destacado (20)

Low Fidelity Prototyping with Paper
Low Fidelity Prototyping with PaperLow Fidelity Prototyping with Paper
Low Fidelity Prototyping with Paper
 
Paper Prototyping
Paper PrototypingPaper Prototyping
Paper Prototyping
 
Rapid Prototyping Paper
Rapid Prototyping PaperRapid Prototyping Paper
Rapid Prototyping Paper
 
Chris Johnson Digital Radio Prototypes Presentation
Chris Johnson   Digital Radio Prototypes PresentationChris Johnson   Digital Radio Prototypes Presentation
Chris Johnson Digital Radio Prototypes Presentation
 
How To Design a Logo in 7 Steps
How To Design a Logo in 7 StepsHow To Design a Logo in 7 Steps
How To Design a Logo in 7 Steps
 
HCI Studies (Tallinn University Institute of Informatics)
HCI Studies (Tallinn University Institute of Informatics)HCI Studies (Tallinn University Institute of Informatics)
HCI Studies (Tallinn University Institute of Informatics)
 
Testing Paper Prototypes (IxDworks)
Testing Paper Prototypes (IxDworks)Testing Paper Prototypes (IxDworks)
Testing Paper Prototypes (IxDworks)
 
Approaches to Interaction Design
Approaches to Interaction DesignApproaches to Interaction Design
Approaches to Interaction Design
 
6 Thinking Hats
6 Thinking Hats6 Thinking Hats
6 Thinking Hats
 
Tallinn summerschool 21.07.2015
Tallinn summerschool 21.07.2015Tallinn summerschool 21.07.2015
Tallinn summerschool 21.07.2015
 
Digital Prototypes: Work Smarter, Not Harder
Digital Prototypes: Work Smarter, Not HarderDigital Prototypes: Work Smarter, Not Harder
Digital Prototypes: Work Smarter, Not Harder
 
Reply Labcamp: Test before you Invest, A Guide to Rapid Prototyping (Design D...
Reply Labcamp: Test before you Invest, A Guide to Rapid Prototyping (Design D...Reply Labcamp: Test before you Invest, A Guide to Rapid Prototyping (Design D...
Reply Labcamp: Test before you Invest, A Guide to Rapid Prototyping (Design D...
 
Paper Prototyping
Paper PrototypingPaper Prototyping
Paper Prototyping
 
An agile approach to iPhone design: Paper prototyping + user testing
An agile approach to iPhone design:  Paper prototyping + user testingAn agile approach to iPhone design:  Paper prototyping + user testing
An agile approach to iPhone design: Paper prototyping + user testing
 
Basics of Paper Writing and Publishing in TEL (JTEL 2013)
Basics of Paper Writing and Publishing in TEL (JTEL 2013)Basics of Paper Writing and Publishing in TEL (JTEL 2013)
Basics of Paper Writing and Publishing in TEL (JTEL 2013)
 
APA Workshop: Writing a Research Paper
APA Workshop: Writing a Research PaperAPA Workshop: Writing a Research Paper
APA Workshop: Writing a Research Paper
 
Introduction to Prototyping: What, Why, How
Introduction to Prototyping: What, Why, HowIntroduction to Prototyping: What, Why, How
Introduction to Prototyping: What, Why, How
 
Ejemplo de paper prototyping
Ejemplo de paper prototypingEjemplo de paper prototyping
Ejemplo de paper prototyping
 
Let’s sketch!! Paper prototype
Let’s sketch!! Paper prototypeLet’s sketch!! Paper prototype
Let’s sketch!! Paper prototype
 
Design for non-designers
Design for non-designersDesign for non-designers
Design for non-designers
 

Similar a Paper Prototyping: An Easy & Affordable Design Process

Producing design solutions II
Producing design solutions IIProducing design solutions II
Producing design solutions IIEva Durall
 
TP2 Prototyping process tools and methods
TP2 Prototyping process tools and methodsTP2 Prototyping process tools and methods
TP2 Prototyping process tools and methodsIntelligent_Furniture
 
Interface prototyping 2014
Interface prototyping 2014Interface prototyping 2014
Interface prototyping 2014Mariana Salgado
 
MHIT 603: Introduction to Prototyping
MHIT 603: Introduction to PrototypingMHIT 603: Introduction to Prototyping
MHIT 603: Introduction to PrototypingMark Billinghurst
 
UX Prototyping (UXiD) - Handout by Anton Chandra and Bahni Mahariasha
UX Prototyping (UXiD) - Handout by Anton Chandra and Bahni MahariashaUX Prototyping (UXiD) - Handout by Anton Chandra and Bahni Mahariasha
UX Prototyping (UXiD) - Handout by Anton Chandra and Bahni MahariashaAnton Chandra
 
Introduction to Prototyping - Scottish UPA - June 2011
Introduction to Prototyping - Scottish UPA - June 2011Introduction to Prototyping - Scottish UPA - June 2011
Introduction to Prototyping - Scottish UPA - June 2011Neil Allison
 
Prototyping - the what, why and how at the University of Edinburgh
Prototyping - the what, why and how at the University of EdinburghPrototyping - the what, why and how at the University of Edinburgh
Prototyping - the what, why and how at the University of EdinburghNeil Allison
 
Prototyping & User Testing
Prototyping & User TestingPrototyping & User Testing
Prototyping & User TestingLaura Levisay
 
Incorporating UX into Your Projects
Incorporating UX into Your ProjectsIncorporating UX into Your Projects
Incorporating UX into Your ProjectsKarl Kaufmann
 
Rapid Prototyping in UX Design
Rapid Prototyping in UX DesignRapid Prototyping in UX Design
Rapid Prototyping in UX DesignStephen Denning
 
Iteration and prototyping
Iteration and prototypingIteration and prototyping
Iteration and prototypingHafizMImran1
 
Design Thinking : Prototyping & Testing
Design Thinking : Prototyping & TestingDesign Thinking : Prototyping & Testing
Design Thinking : Prototyping & TestingSankarshan D
 
Boost Turku - Prototyping Workshop - Mobile and Web Prototyping
Boost Turku - Prototyping Workshop -  Mobile and Web PrototypingBoost Turku - Prototyping Workshop -  Mobile and Web Prototyping
Boost Turku - Prototyping Workshop - Mobile and Web PrototypingJoni Juup
 
Role of UX Design in Building Products: How I Stopped Designing and Started t...
Role of UX Design in Building Products: How I Stopped Designing and Started t...Role of UX Design in Building Products: How I Stopped Designing and Started t...
Role of UX Design in Building Products: How I Stopped Designing and Started t...Praneet Koppula
 
L8_COMP1649_Prototyping_1819.pdf
L8_COMP1649_Prototyping_1819.pdfL8_COMP1649_Prototyping_1819.pdf
L8_COMP1649_Prototyping_1819.pdfMozxai
 

Similar a Paper Prototyping: An Easy & Affordable Design Process (20)

Producing design solutions II
Producing design solutions IIProducing design solutions II
Producing design solutions II
 
TP2 Prototyping process tools and methods
TP2 Prototyping process tools and methodsTP2 Prototyping process tools and methods
TP2 Prototyping process tools and methods
 
Prototyping.pptx
Prototyping.pptxPrototyping.pptx
Prototyping.pptx
 
Interface prototyping 2014
Interface prototyping 2014Interface prototyping 2014
Interface prototyping 2014
 
Week 12
Week 12Week 12
Week 12
 
MHIT 603: Introduction to Prototyping
MHIT 603: Introduction to PrototypingMHIT 603: Introduction to Prototyping
MHIT 603: Introduction to Prototyping
 
UX Prototyping (UXiD) - Handout by Anton Chandra and Bahni Mahariasha
UX Prototyping (UXiD) - Handout by Anton Chandra and Bahni MahariashaUX Prototyping (UXiD) - Handout by Anton Chandra and Bahni Mahariasha
UX Prototyping (UXiD) - Handout by Anton Chandra and Bahni Mahariasha
 
Introduction to Prototyping - Scottish UPA - June 2011
Introduction to Prototyping - Scottish UPA - June 2011Introduction to Prototyping - Scottish UPA - June 2011
Introduction to Prototyping - Scottish UPA - June 2011
 
Prototyping - the what, why and how at the University of Edinburgh
Prototyping - the what, why and how at the University of EdinburghPrototyping - the what, why and how at the University of Edinburgh
Prototyping - the what, why and how at the University of Edinburgh
 
Prototyping
PrototypingPrototyping
Prototyping
 
Prototyping & User Testing
Prototyping & User TestingPrototyping & User Testing
Prototyping & User Testing
 
EXPERIMENT mixtape
EXPERIMENT mixtapeEXPERIMENT mixtape
EXPERIMENT mixtape
 
Incorporating UX into Your Projects
Incorporating UX into Your ProjectsIncorporating UX into Your Projects
Incorporating UX into Your Projects
 
Prototyping
PrototypingPrototyping
Prototyping
 
Rapid Prototyping in UX Design
Rapid Prototyping in UX DesignRapid Prototyping in UX Design
Rapid Prototyping in UX Design
 
Iteration and prototyping
Iteration and prototypingIteration and prototyping
Iteration and prototyping
 
Design Thinking : Prototyping & Testing
Design Thinking : Prototyping & TestingDesign Thinking : Prototyping & Testing
Design Thinking : Prototyping & Testing
 
Boost Turku - Prototyping Workshop - Mobile and Web Prototyping
Boost Turku - Prototyping Workshop -  Mobile and Web PrototypingBoost Turku - Prototyping Workshop -  Mobile and Web Prototyping
Boost Turku - Prototyping Workshop - Mobile and Web Prototyping
 
Role of UX Design in Building Products: How I Stopped Designing and Started t...
Role of UX Design in Building Products: How I Stopped Designing and Started t...Role of UX Design in Building Products: How I Stopped Designing and Started t...
Role of UX Design in Building Products: How I Stopped Designing and Started t...
 
L8_COMP1649_Prototyping_1819.pdf
L8_COMP1649_Prototyping_1819.pdfL8_COMP1649_Prototyping_1819.pdf
L8_COMP1649_Prototyping_1819.pdf
 

Último

General Simple Guide About AI in Design By: A.L. Samar Hossam ElDin
General Simple Guide About AI in Design By: A.L. Samar Hossam ElDinGeneral Simple Guide About AI in Design By: A.L. Samar Hossam ElDin
General Simple Guide About AI in Design By: A.L. Samar Hossam ElDinSamar Hossam ElDin Ahmed
 
Making and Unmaking of Chandigarh - A City of Two Plans2-4-24.ppt
Making and Unmaking of Chandigarh - A City of Two Plans2-4-24.pptMaking and Unmaking of Chandigarh - A City of Two Plans2-4-24.ppt
Making and Unmaking of Chandigarh - A City of Two Plans2-4-24.pptJIT KUMAR GUPTA
 
Map of St. Louis Parks
Map of St. Louis Parks                              Map of St. Louis Parks
Map of St. Louis Parks CharlottePulte
 
simpson-lee_house_dt20ajshsjsjsjsjj15.pdf
simpson-lee_house_dt20ajshsjsjsjsjj15.pdfsimpson-lee_house_dt20ajshsjsjsjsjj15.pdf
simpson-lee_house_dt20ajshsjsjsjsjj15.pdfLucyBonelli
 
world health day 2024.pptxgbbvggvbhjjjbbbb
world health day 2024.pptxgbbvggvbhjjjbbbbworld health day 2024.pptxgbbvggvbhjjjbbbb
world health day 2024.pptxgbbvggvbhjjjbbbbpreetirao780
 
Niintendo Wii Presentation Template.pptx
Niintendo Wii Presentation Template.pptxNiintendo Wii Presentation Template.pptx
Niintendo Wii Presentation Template.pptxKevinYaelJimnezSanti
 
怎么办理英国Newcastle毕业证纽卡斯尔大学学位证书一手渠道
怎么办理英国Newcastle毕业证纽卡斯尔大学学位证书一手渠道怎么办理英国Newcastle毕业证纽卡斯尔大学学位证书一手渠道
怎么办理英国Newcastle毕业证纽卡斯尔大学学位证书一手渠道yrolcks
 
Giulio Michelon, Founder di @Belka – “Oltre le Stime: Sviluppare una Mentalit...
Giulio Michelon, Founder di @Belka – “Oltre le Stime: Sviluppare una Mentalit...Giulio Michelon, Founder di @Belka – “Oltre le Stime: Sviluppare una Mentalit...
Giulio Michelon, Founder di @Belka – “Oltre le Stime: Sviluppare una Mentalit...Associazione Digital Days
 
CAPITAL GATE CASE STUDY -regional case study.pdf
CAPITAL GATE CASE STUDY -regional case study.pdfCAPITAL GATE CASE STUDY -regional case study.pdf
CAPITAL GATE CASE STUDY -regional case study.pdfAlasAlthaher
 
Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Rndexperts
 
guest bathroom white and blue ssssssssss
guest bathroom white and blue ssssssssssguest bathroom white and blue ssssssssss
guest bathroom white and blue ssssssssssNadaMohammed714321
 
The spirit of digital place - game worlds and architectural phenomenology
The spirit of digital place - game worlds and architectural phenomenologyThe spirit of digital place - game worlds and architectural phenomenology
The spirit of digital place - game worlds and architectural phenomenologyChristopher Totten
 
Karim apartment ideas 01 ppppppppppppppp
Karim apartment ideas 01 pppppppppppppppKarim apartment ideas 01 ppppppppppppppp
Karim apartment ideas 01 pppppppppppppppNadaMohammed714321
 
Unit1_Syllbwbnwnwneneneneneneentation_Sem2.pptx
Unit1_Syllbwbnwnwneneneneneneentation_Sem2.pptxUnit1_Syllbwbnwnwneneneneneneentation_Sem2.pptx
Unit1_Syllbwbnwnwneneneneneneentation_Sem2.pptxNitish292041
 
guest bathroom white and bluesssssssssss
guest bathroom white and bluesssssssssssguest bathroom white and bluesssssssssss
guest bathroom white and bluesssssssssssNadaMohammed714321
 
10 Best WordPress Plugins to make the website effective in 2024
10 Best WordPress Plugins to make the website effective in 202410 Best WordPress Plugins to make the website effective in 2024
10 Best WordPress Plugins to make the website effective in 2024digital learning point
 
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...Rishabh Aryan
 
Piece by Piece Magazine
Piece by Piece Magazine                      Piece by Piece Magazine
Piece by Piece Magazine CharlottePulte
 
FW25-26 Knit Cut & Sew Trend Book Peclers Paris
FW25-26 Knit Cut & Sew Trend Book Peclers ParisFW25-26 Knit Cut & Sew Trend Book Peclers Paris
FW25-26 Knit Cut & Sew Trend Book Peclers ParisPeclers Paris
 
Interior Design for Office a cura di RMG Project Studio
Interior Design for Office a cura di RMG Project StudioInterior Design for Office a cura di RMG Project Studio
Interior Design for Office a cura di RMG Project StudioRMG Project Studio
 

Último (20)

General Simple Guide About AI in Design By: A.L. Samar Hossam ElDin
General Simple Guide About AI in Design By: A.L. Samar Hossam ElDinGeneral Simple Guide About AI in Design By: A.L. Samar Hossam ElDin
General Simple Guide About AI in Design By: A.L. Samar Hossam ElDin
 
Making and Unmaking of Chandigarh - A City of Two Plans2-4-24.ppt
Making and Unmaking of Chandigarh - A City of Two Plans2-4-24.pptMaking and Unmaking of Chandigarh - A City of Two Plans2-4-24.ppt
Making and Unmaking of Chandigarh - A City of Two Plans2-4-24.ppt
 
Map of St. Louis Parks
Map of St. Louis Parks                              Map of St. Louis Parks
Map of St. Louis Parks
 
simpson-lee_house_dt20ajshsjsjsjsjj15.pdf
simpson-lee_house_dt20ajshsjsjsjsjj15.pdfsimpson-lee_house_dt20ajshsjsjsjsjj15.pdf
simpson-lee_house_dt20ajshsjsjsjsjj15.pdf
 
world health day 2024.pptxgbbvggvbhjjjbbbb
world health day 2024.pptxgbbvggvbhjjjbbbbworld health day 2024.pptxgbbvggvbhjjjbbbb
world health day 2024.pptxgbbvggvbhjjjbbbb
 
Niintendo Wii Presentation Template.pptx
Niintendo Wii Presentation Template.pptxNiintendo Wii Presentation Template.pptx
Niintendo Wii Presentation Template.pptx
 
怎么办理英国Newcastle毕业证纽卡斯尔大学学位证书一手渠道
怎么办理英国Newcastle毕业证纽卡斯尔大学学位证书一手渠道怎么办理英国Newcastle毕业证纽卡斯尔大学学位证书一手渠道
怎么办理英国Newcastle毕业证纽卡斯尔大学学位证书一手渠道
 
Giulio Michelon, Founder di @Belka – “Oltre le Stime: Sviluppare una Mentalit...
Giulio Michelon, Founder di @Belka – “Oltre le Stime: Sviluppare una Mentalit...Giulio Michelon, Founder di @Belka – “Oltre le Stime: Sviluppare una Mentalit...
Giulio Michelon, Founder di @Belka – “Oltre le Stime: Sviluppare una Mentalit...
 
CAPITAL GATE CASE STUDY -regional case study.pdf
CAPITAL GATE CASE STUDY -regional case study.pdfCAPITAL GATE CASE STUDY -regional case study.pdf
CAPITAL GATE CASE STUDY -regional case study.pdf
 
Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025
 
guest bathroom white and blue ssssssssss
guest bathroom white and blue ssssssssssguest bathroom white and blue ssssssssss
guest bathroom white and blue ssssssssss
 
The spirit of digital place - game worlds and architectural phenomenology
The spirit of digital place - game worlds and architectural phenomenologyThe spirit of digital place - game worlds and architectural phenomenology
The spirit of digital place - game worlds and architectural phenomenology
 
Karim apartment ideas 01 ppppppppppppppp
Karim apartment ideas 01 pppppppppppppppKarim apartment ideas 01 ppppppppppppppp
Karim apartment ideas 01 ppppppppppppppp
 
Unit1_Syllbwbnwnwneneneneneneentation_Sem2.pptx
Unit1_Syllbwbnwnwneneneneneneentation_Sem2.pptxUnit1_Syllbwbnwnwneneneneneneentation_Sem2.pptx
Unit1_Syllbwbnwnwneneneneneneentation_Sem2.pptx
 
guest bathroom white and bluesssssssssss
guest bathroom white and bluesssssssssssguest bathroom white and bluesssssssssss
guest bathroom white and bluesssssssssss
 
10 Best WordPress Plugins to make the website effective in 2024
10 Best WordPress Plugins to make the website effective in 202410 Best WordPress Plugins to make the website effective in 2024
10 Best WordPress Plugins to make the website effective in 2024
 
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
 
Piece by Piece Magazine
Piece by Piece Magazine                      Piece by Piece Magazine
Piece by Piece Magazine
 
FW25-26 Knit Cut & Sew Trend Book Peclers Paris
FW25-26 Knit Cut & Sew Trend Book Peclers ParisFW25-26 Knit Cut & Sew Trend Book Peclers Paris
FW25-26 Knit Cut & Sew Trend Book Peclers Paris
 
Interior Design for Office a cura di RMG Project Studio
Interior Design for Office a cura di RMG Project StudioInterior Design for Office a cura di RMG Project Studio
Interior Design for Office a cura di RMG Project Studio
 

Paper Prototyping: An Easy & Affordable Design Process

  • 1. present by Summer Zhang PAPER PROTOTYPING
  • 2. What is Prototyping? > Tangibility, experiencing and testing of results > Prototypes allows end-users to participate early in the innovation process. > Surface feel allows earliest understanding of complex challenges.
  • 3. What kinds of interface can you prototype?
  • 4. The Power of Prototyping
  • 5. What is Paper Prototyping?
  • 6. Why Paper Prototyping? Easy iterations Built for your budget Easy documentation
  • 7. Where does paper prototyping fit into the design process? 1. The design team uses paper for their presentation to a larger group of people who have a vested interest in the product. 2. Users run through a set of existing paper mock-ups or are given blank paper and asked to represent a concept by sketching it.
  • 8. Paper Prototyping Steps 1. Determine the key interactions 2. Sketch screen layouts:
  • 9. 3. Determine the screen flow/sequencing: 4. Prepare interactive elements
  • 10. 5. Take your prototype for a test run “Any design based on a written spec is a design based on theory. A design based on a prototype is a design based on experience and practice.” -- Prototyping: A Practitioners guide
  • 11. Tools to use DIY Wirephone-holder POP - Prototyping on paper UI Stencils UXPin – Paper prototyping notepads
  • 12. USABILITY TESTING WITH PAPER PROTOTYPES > Allow users to mock up ideas they think would solve a problem. > Mark on the prototype where a user attempted to “click” or otherwise interact with the interface > Ask users to draw what they expect to happen next. > Keep going even if you don’t have access to a testing lab or if computers, networks, or high-tech prototypes don’t work as expected.