Prototyping
INTERACTION DESIGN | APR. 19, 2016
WEEK 12
What is Prototyping?
A prototype is anything a person
can look at and respond to.
(A prototype doesn’t usually have to be
very complex in order to learn what
you need to know.)
A communication exercise that tests ideas
A simulation of how a product could work
The most compelling way to demonstrate interaction
Has many levels of fidelity and cost
PROTOTYPING
LUCIUS FOX
Designer
BRUCE WAYNE
Client
Week 12
It’s just a
prototype.
Week 12
Why Do We Prototype?
TO FIGURE SHIT OUT
SIMULATE THE EXPERIENCE
FIND & FIX PROBLEMS
PREVENT NEEDLESS SPENDING
SELL AN IDEA
Different Methods of Prototyping
PAPER
INTERACTIVE
PHYSICAL
Least expensive and quickest form of prototyping
Gives the impression that the idea is unfinished, and thus editable
Pieces can be adjusted on the fly because they’re easily disposable
Useful as a shared activity with participants
PAPER PROTOTYPING
Week 12
https://www.youtube.com/watch?v=9wQkLthhHKA
Range in fidelity, but are typically medium-high fidelity
Simulates digital experiences well by incorporating animation
Can be easily distributed through online channels
INTERACTIVE
PROTOTYPING
Works well for physical products or environmental designs
Allows testing of materials that could become a design factor
Researching physical behaviors related to a product can be done
Often the most expensive or least accessible form of prototyping
PHYSICAL
PROTOTYPING
Week 12
Week 12
How do I make a prototype?
Draw sketches (already done)
Make a storyboard (already done)
Figure out what you need to prototype
(any open questions?)
Figure out how you’re going to make
the prototype (as efficiently as possible)
What software should I use if I’m
creating a digital prototype?
Invision - more info
What software should I use if I’m
creating a digital prototype?
Apple Keynote - more info
There are lots of other options, too.
See here
How to usability test a prototype with users
Assignment
Keep working on your group projects.
Build a prototype to test your screen
dimensions, behaviors, and the overall
experience. Conduct a quick usability
test with users.

More Related Content

PDF
Week 14
PDF
Week 8
PDF
Week10
PPTX
Micro Feedback – Maximum Insights? UX Camp Europe 2015, Berlin, #uxce15
PPTX
10 Ways to Improve Your UX Now
PPTX
Prototyping for effective UX
PDF
Bringing ideas to life – the dimensions of prototyping
PDF
Prototyping for Interaction Design
Week 14
Week 8
Week10
Micro Feedback – Maximum Insights? UX Camp Europe 2015, Berlin, #uxce15
10 Ways to Improve Your UX Now
Prototyping for effective UX
Bringing ideas to life – the dimensions of prototyping
Prototyping for Interaction Design

What's hot (20)

PDF
UX Prototyping (UXiD) - Slide by Anton Chandra and Bahni Mahariasha
PDF
Lean Usability
PDF
THE UX INTERVIEW – 3 Quick Questions. 3 Short Answers.
PDF
UX Tools for Agile Teams – Design Mission
PPTX
GHA Lean UX presentation
PDF
Essential Prototyping for Entrepreneurs
PDF
Lean prototyping for entrepreneurs
PDF
UX Design With Distributed Teams
PDF
Paper Prototyping
PDF
UX Prototyping (UXiD) - Handout by Anton Chandra and Bahni Mahariasha
PDF
The Full Stack Deisgner Manifesto
PPT
Web Design Without Politics
PDF
Copywriting for UX
DOCX
2.proposal
PDF
Prototyping with Framer.js
PPTX
Introduction to user-centric design process
PPTX
10 Remote Testing Tips
PDF
Lean UX Workshop
PDF
Citrix Labs Rapid Prototyping Workshop
PDF
The Impact of Brand User Experience Design
UX Prototyping (UXiD) - Slide by Anton Chandra and Bahni Mahariasha
Lean Usability
THE UX INTERVIEW – 3 Quick Questions. 3 Short Answers.
UX Tools for Agile Teams – Design Mission
GHA Lean UX presentation
Essential Prototyping for Entrepreneurs
Lean prototyping for entrepreneurs
UX Design With Distributed Teams
Paper Prototyping
UX Prototyping (UXiD) - Handout by Anton Chandra and Bahni Mahariasha
The Full Stack Deisgner Manifesto
Web Design Without Politics
Copywriting for UX
2.proposal
Prototyping with Framer.js
Introduction to user-centric design process
10 Remote Testing Tips
Lean UX Workshop
Citrix Labs Rapid Prototyping Workshop
The Impact of Brand User Experience Design
Ad

Viewers also liked (11)

PPTX
23 de abril, Día del Libro: Platero y yo
PDF
Sample language to offer reasonable accommodations
PPTX
[LT]モグラたたきを作った時のLTのスライド
PPTX
El tema de la violencia de género en la música
PPTX
Mach tu
PDF
2017 E-commerce v České republice
PDF
Radiografske metode u ispitivanju građevinskih materijala
PDF
Neeksplozivna sredsrva za rušenje stena i betona miniranje bez potresa
PDF
Iso standardi kod_gradenja_objekata_tehn
DOCX
Kultura dhe civilizimi
23 de abril, Día del Libro: Platero y yo
Sample language to offer reasonable accommodations
[LT]モグラたたきを作った時のLTのスライド
El tema de la violencia de género en la música
Mach tu
2017 E-commerce v České republice
Radiografske metode u ispitivanju građevinskih materijala
Neeksplozivna sredsrva za rušenje stena i betona miniranje bez potresa
Iso standardi kod_gradenja_objekata_tehn
Kultura dhe civilizimi
Ad

Similar to Week 12 (20)

PDF
Paper Prototyping for Agile Development
PDF
Rapid Prototyping for XR: Lecture 1 Introduction to Prototyping
PPT
Lecture 07 new1
PDF
COMP 4026 Lecture3 Prototyping and Evaluation
PPT
Interface prototyping 2014
PDF
UX/Design Thinking Prototyping Workshop
PDF
The ultimate guide to prototyping
PDF
MHIT 603: Introduction to Prototyping
PDF
COMP 4026 Lecture2: Design and Prototype
PPTX
20210821151927_ISYS6619-UX for Digital Business Topik 09.pptx
PDF
L8_COMP1649_Prototyping_1819.pdf
PPTX
User Vision Breakfast Briefing - Prototyping
PPTX
Paper Prototyping
PPTX
2014 Paper Prototyping by David Lamas
PPT
prototyping-chap-03.ppt
PPT
Designing and prototyping
PPTX
Rapid Prototyping in UX Design
PPTX
Prototyping and storyboarding.pptx
PPTX
sketching the User Interfaces.ppptx irst
PDF
APIA2018 - Zahra Tashakorinia - Design Hacks & Paper Prototyping
Paper Prototyping for Agile Development
Rapid Prototyping for XR: Lecture 1 Introduction to Prototyping
Lecture 07 new1
COMP 4026 Lecture3 Prototyping and Evaluation
Interface prototyping 2014
UX/Design Thinking Prototyping Workshop
The ultimate guide to prototyping
MHIT 603: Introduction to Prototyping
COMP 4026 Lecture2: Design and Prototype
20210821151927_ISYS6619-UX for Digital Business Topik 09.pptx
L8_COMP1649_Prototyping_1819.pdf
User Vision Breakfast Briefing - Prototyping
Paper Prototyping
2014 Paper Prototyping by David Lamas
prototyping-chap-03.ppt
Designing and prototyping
Rapid Prototyping in UX Design
Prototyping and storyboarding.pptx
sketching the User Interfaces.ppptx irst
APIA2018 - Zahra Tashakorinia - Design Hacks & Paper Prototyping

More from Tamara Olson (12)

PDF
Week 15
PDF
Week13
PDF
Week11
PDF
PDF
Week 7
PDF
PDF
Week 5
PDF
Week 4
PDF
Week 3
PDF
Week 2
PDF
Intro to Interaction Design - Week 1
PDF
Sac usability study_report
Week 15
Week13
Week11
Week 7
Week 5
Week 4
Week 3
Week 2
Intro to Interaction Design - Week 1
Sac usability study_report

Recently uploaded (20)

PPTX
22CDH01-V3-UNIT III-UX-UI for Immersive Design
PDF
trenching-standard-drawings procedure rev
PPTX
Bitcoin predictor project presentation
PPTX
ENG4-Q2-W5-PPT (1).pptx nhdedhhehejjedheh
PPTX
2. Competency Based Interviewing - September'16.pptx
PPTX
Presentation1.pptxnmnmnmnjhjhkjkjkkjkjjk
PDF
The Basics of Presentation Design eBook by VerdanaBold
PPTX
a group casestudy on architectural aesthetic and beauty
PDF
Designing Through Complexity - Four Perspectives.pdf
PPTX
Project_Presentation Bitcoin Price Prediction
PPTX
Evolution_of_Computing_Presentation (1).pptx
PDF
1 Introduction to Networking (06).pdfbsbsbsb
PPTX
Presentation.pptx anemia in pregnancy in
PDF
Trends That Shape Graphic Design Services
PDF
2025CategoryRanking of technology university
PPT
robotS AND ROBOTICSOF HUMANS AND MACHINES
PPTX
timber basics in structure mechanics (dos)
PDF
Social Media USAGE .............................................................
PDF
analisis snsistem etnga ahrfahfffffffffffffffffffff
PPTX
22CDO02-IMGD-UNIT-I-MOBILE GAME DESIGN PROCESS
22CDH01-V3-UNIT III-UX-UI for Immersive Design
trenching-standard-drawings procedure rev
Bitcoin predictor project presentation
ENG4-Q2-W5-PPT (1).pptx nhdedhhehejjedheh
2. Competency Based Interviewing - September'16.pptx
Presentation1.pptxnmnmnmnjhjhkjkjkkjkjjk
The Basics of Presentation Design eBook by VerdanaBold
a group casestudy on architectural aesthetic and beauty
Designing Through Complexity - Four Perspectives.pdf
Project_Presentation Bitcoin Price Prediction
Evolution_of_Computing_Presentation (1).pptx
1 Introduction to Networking (06).pdfbsbsbsb
Presentation.pptx anemia in pregnancy in
Trends That Shape Graphic Design Services
2025CategoryRanking of technology university
robotS AND ROBOTICSOF HUMANS AND MACHINES
timber basics in structure mechanics (dos)
Social Media USAGE .............................................................
analisis snsistem etnga ahrfahfffffffffffffffffffff
22CDO02-IMGD-UNIT-I-MOBILE GAME DESIGN PROCESS

Week 12