SlideShare a Scribd company logo
1 of 25
Download to read offline
Prototyping Overview
Philip van Allen, Media Design Practices,Art Center College of Design
Prototyping Overview Why Prototype?
Thinking through making
Divergent, not convergent thinking
Problem setting, not solving
test fitting a range of approaches, ideas, strategies, assumptions to
invent an interesting question/problem from a context
Discovering what you are interested in for this context
Why Prototype?
Prototyping Overview Why Prototype?
Take risks. Fail early and often.
“If you don't fail at least 90 percent of the time, you're not aiming
high enough.” -Alan Kay
You have to experience interaction & behavior
Instantiate ideas in the real world to see if they stick
Get bad/obvious ideas out of the way before you invest time/
money/commitment in production
Why Prototype?
Prototyping Overview Why Prototype?
Explore a design space
Multiple iterations/variations
One or more of, but not all of:
Interaction
Form
Technology
Concepts
Content
A Form of Sketching
Prototyping Overview Why Prototype?
Yourself
Client
Funder
Demo a concept to
Prototyping Overview Why Prototype?
Test concepts/assumptions/ideas
Thinking & designing through making
Identify and Prioritize most important features
Iterate quickly
Develop the design
Prototyping Overview Why Prototype?
Different from interviewing
Get more objective feedback - designer is biased!
How do people actually perceive it and use it?
Does it address needs?
Identify opportunities & problems
Participatory design
User Testing
Prototyping Overview Why Prototype?
Prototypes help designers and engineers balance
between rationality and intuition.A prototype can
help you take a decision that involves ergonomics,
shape, function, production… at the same time.A
decision that can’t be described in parameters.A
decision that can’t be simulated by a computer…
http://www.slideshare.net/IndustrialDesignCenter/20110829-intro-prototypingmethodology slide #10
Howest School Perspective
Prototyping Overview Kinds of Prototypes
A wide range of approaches
Use what works for your goals
Low Fidelity <==> High Fidelity
Fast = low fidelity
Slow = high fidelity
Kinds of Prototypes
Prototyping Overview Kinds of Prototypes
Drawing, Foam Core, Diagram, Photoshop, etc.
Quick
Cheap
Sketchy
Many iterations/versions
“Paper”
Prototyping Overview Kinds of Prototypes
Quick or Complicated
Sketchy or polished
Tells a story
Live action video + After Effects
Shows people, context, scenario, function, form
Demo impossible/costly technologies or situations
Video
Sketch video - Christiane Holzheid & Julia Tsao - http://vimeo.com/3571717
Polished video - Sebastian Bettencourt - http://vimeo.com/12783337
Prototyping Overview Kinds of Prototypes
Doesn’t “work” but shows form
Rough or refined
How will object/system live in the world
Allows handling the thing directly
Story of Palm Pilot 

http://pretotyping.blogspot.com/2010/08/one-of-my-favorite-pretotype-stories.html
Form Model
Prototyping Overview Kinds of Prototypes
Refined - ACCD Trans - Leon Paz
Rough - Palm Pilot - Jeff Hawkins
Prototyping Overview Kinds of Prototypes
Schematic of information architecture
Shows relationships and scope of content/navigation
Non-visual design
http://speckyboy.com/2011/05/29/20-effective-examples-
of-web-and-mobile-wireframe-sketches/
Wireframe
Prototyping Overview Kinds of Prototypes
Simple demo of a use scenario
Schematic of interaction
Shows navigation
Defines scope
Can be “wizard of oz-ed” where it seems to do more than it
really does
Click-through demo
Prototyping Overview Kinds of Prototypes
Interactive, not scripted
May be limited in features
Shows how actual use plays out
Form may not be accurate
Can be combined with Form model and/or video to tell full
story
Working prototype
Prototyping Overview Kinds of Prototypes
Douglas Engelbart - inventor of the first mouse - prototype built in 1963
Prototyping Overview Prototyping Tools
Can be used in combination
Use whatever gets the job done
Don’t be religious about them
New ones coming out all the time - it’s part of your job to
stay up-to-date on them
Prototyping Tools
Prototyping Overview Prototyping Tools
Paper/Photoshop/Illustrator
Keynote/Powerpoint
Pop
Invision
Pixate
HTML/CSS/JavaScript
Unity (for 3D environments)
Screen Design
Prototyping Overview Prototyping Tools
Foam models, foam-core
Hacking toys & other electronics
NETLab Toolkit
Arduino/Intel Edison/Raspberry PI
3D Printing, parametric fabrication
Tangible Interaction
Prototyping Overview
Prototyping is a humble craft
Thank You

More Related Content

What's hot

What Is Interaction Design
What Is Interaction DesignWhat Is Interaction Design
What Is Interaction Design
Graeme Smith
 
MHIT 603: Lecture 3 - Prototyping Tools
MHIT 603: Lecture 3 - Prototyping ToolsMHIT 603: Lecture 3 - Prototyping Tools
MHIT 603: Lecture 3 - Prototyping Tools
Mark Billinghurst
 
Software Architectures, Week 1 - Monolithic Architectures
Software Architectures, Week 1 - Monolithic ArchitecturesSoftware Architectures, Week 1 - Monolithic Architectures
Software Architectures, Week 1 - Monolithic Architectures
Angelos Kapsimanis
 

What's hot (20)

Ubiquitous computing applications
Ubiquitous computing applicationsUbiquitous computing applications
Ubiquitous computing applications
 
Models of SDLC (Software Development Life Cycle / Program Development Life Cy...
Models of SDLC (Software Development Life Cycle / Program Development Life Cy...Models of SDLC (Software Development Life Cycle / Program Development Life Cy...
Models of SDLC (Software Development Life Cycle / Program Development Life Cy...
 
Chapter 01 software engineering pressman
Chapter 01  software engineering pressmanChapter 01  software engineering pressman
Chapter 01 software engineering pressman
 
Human Computer Interaction Chapter 5 Universal Design and User Support - Dr....
Human Computer Interaction Chapter 5 Universal Design and User Support -  Dr....Human Computer Interaction Chapter 5 Universal Design and User Support -  Dr....
Human Computer Interaction Chapter 5 Universal Design and User Support - Dr....
 
Prototyping
PrototypingPrototyping
Prototyping
 
Personas, Scenarios, User Stories, Use Cases (IxDworks.com)
Personas, Scenarios, User Stories, Use Cases (IxDworks.com)Personas, Scenarios, User Stories, Use Cases (IxDworks.com)
Personas, Scenarios, User Stories, Use Cases (IxDworks.com)
 
What Is Interaction Design
What Is Interaction DesignWhat Is Interaction Design
What Is Interaction Design
 
MHIT 603: Lecture 3 - Prototyping Tools
MHIT 603: Lecture 3 - Prototyping ToolsMHIT 603: Lecture 3 - Prototyping Tools
MHIT 603: Lecture 3 - Prototyping Tools
 
Evaluation in hci
Evaluation in hciEvaluation in hci
Evaluation in hci
 
Agile software development
Agile software developmentAgile software development
Agile software development
 
Good bad design
Good bad designGood bad design
Good bad design
 
Design Thinking
Design ThinkingDesign Thinking
Design Thinking
 
HCI 3e - Ch 15: Task analysis
HCI 3e - Ch 15:  Task analysisHCI 3e - Ch 15:  Task analysis
HCI 3e - Ch 15: Task analysis
 
Interaction Design
Interaction DesignInteraction Design
Interaction Design
 
User Research 101
User Research 101User Research 101
User Research 101
 
hci in software development process
hci in software development processhci in software development process
hci in software development process
 
Software Architectures, Week 1 - Monolithic Architectures
Software Architectures, Week 1 - Monolithic ArchitecturesSoftware Architectures, Week 1 - Monolithic Architectures
Software Architectures, Week 1 - Monolithic Architectures
 
Introduction to User Experience Design
Introduction to User Experience DesignIntroduction to User Experience Design
Introduction to User Experience Design
 
Design Fiction presentation
Design Fiction presentation Design Fiction presentation
Design Fiction presentation
 
Chapter1(hci)
Chapter1(hci)Chapter1(hci)
Chapter1(hci)
 

Viewers also liked

Matychak future of_retail
Matychak future of_retailMatychak future of_retail
Matychak future of_retail
Xanthe
 

Viewers also liked (13)

Prototyping & Testing - Design Thinking Experience Day
Prototyping & Testing - Design Thinking Experience DayPrototyping & Testing - Design Thinking Experience Day
Prototyping & Testing - Design Thinking Experience Day
 
Matychak future of_retail
Matychak future of_retailMatychak future of_retail
Matychak future of_retail
 
Show, don't tell! Mit Prototyping interne Stakeholder überzeugen.
Show, don't tell! Mit Prototyping interne Stakeholder überzeugen.Show, don't tell! Mit Prototyping interne Stakeholder überzeugen.
Show, don't tell! Mit Prototyping interne Stakeholder überzeugen.
 
Prototyping Social Design in Namibia and in Finland
Prototyping Social Design in Namibia and in FinlandPrototyping Social Design in Namibia and in Finland
Prototyping Social Design in Namibia and in Finland
 
Really Rapid Prototyping - Erfolgsfaktoren für iterative Usability-Tests mit ...
Really Rapid Prototyping - Erfolgsfaktoren für iterative Usability-Tests mit ...Really Rapid Prototyping - Erfolgsfaktoren für iterative Usability-Tests mit ...
Really Rapid Prototyping - Erfolgsfaktoren für iterative Usability-Tests mit ...
 
Prototyping digitaler Geschäftsmodelle - Übertragen auf Marketing / PR
Prototyping digitaler Geschäftsmodelle - Übertragen auf Marketing / PRPrototyping digitaler Geschäftsmodelle - Übertragen auf Marketing / PR
Prototyping digitaler Geschäftsmodelle - Übertragen auf Marketing / PR
 
Rapid design prototyping
Rapid design prototypingRapid design prototyping
Rapid design prototyping
 
Bringing ideas to life – the dimensions of prototyping
Bringing ideas to life – the dimensions of prototypingBringing ideas to life – the dimensions of prototyping
Bringing ideas to life – the dimensions of prototyping
 
Design Thinking Hands-on - Innovationen erleben!
Design Thinking Hands-on - Innovationen erleben!Design Thinking Hands-on - Innovationen erleben!
Design Thinking Hands-on - Innovationen erleben!
 
Embodiment Design and Prototyping
Embodiment Design and PrototypingEmbodiment Design and Prototyping
Embodiment Design and Prototyping
 
StartingBloc 2012: Design Thinking & Prototyping Workshop
StartingBloc 2012: Design Thinking & Prototyping WorkshopStartingBloc 2012: Design Thinking & Prototyping Workshop
StartingBloc 2012: Design Thinking & Prototyping Workshop
 
Design Thinking - die wichtigsten Grundlagen für Einsteiger
Design Thinking - die wichtigsten Grundlagen für EinsteigerDesign Thinking - die wichtigsten Grundlagen für Einsteiger
Design Thinking - die wichtigsten Grundlagen für Einsteiger
 
Prototyping is an attitude
Prototyping is an attitudePrototyping is an attitude
Prototyping is an attitude
 

Similar to Prototyping for Interaction Design

Similar to Prototyping for Interaction Design (20)

Behind the demo, Alexey Syrotyuk
Behind the demo, Alexey SyrotyukBehind the demo, Alexey Syrotyuk
Behind the demo, Alexey Syrotyuk
 
MHIT 603: Introduction to Prototyping
MHIT 603: Introduction to PrototypingMHIT 603: Introduction to Prototyping
MHIT 603: Introduction to Prototyping
 
The Art Of Design
The Art Of DesignThe Art Of Design
The Art Of Design
 
ElefantJessica
ElefantJessicaElefantJessica
ElefantJessica
 
Digital technology to generate save money gem conf cambridge 2014 reduced for...
Digital technology to generate save money gem conf cambridge 2014 reduced for...Digital technology to generate save money gem conf cambridge 2014 reduced for...
Digital technology to generate save money gem conf cambridge 2014 reduced for...
 
UX Prototyping and Personas 4-25-14
UX Prototyping and Personas 4-25-14UX Prototyping and Personas 4-25-14
UX Prototyping and Personas 4-25-14
 
Rapid Prototyping in UX Design
Rapid Prototyping in UX DesignRapid Prototyping in UX Design
Rapid Prototyping in UX Design
 
Using Training to up your Ante by Julian Weiss
Using Training to up your Ante by Julian WeissUsing Training to up your Ante by Julian Weiss
Using Training to up your Ante by Julian Weiss
 
Using Training to Up Your Ante
Using Training to Up Your AnteUsing Training to Up Your Ante
Using Training to Up Your Ante
 
Ltms 510 Class
Ltms 510   ClassLtms 510   Class
Ltms 510 Class
 
UX Prototyping and Personas 9-5-14
UX Prototyping and Personas 9-5-14UX Prototyping and Personas 9-5-14
UX Prototyping and Personas 9-5-14
 
Prototyping in the design process
Prototyping in the design processPrototyping in the design process
Prototyping in the design process
 
Lecture 07 new1
Lecture 07 new1Lecture 07 new1
Lecture 07 new1
 
UX Prototyping and Personas 9 25-15
UX Prototyping and Personas 9 25-15UX Prototyping and Personas 9 25-15
UX Prototyping and Personas 9 25-15
 
PowerPointless
PowerPointlessPowerPointless
PowerPointless
 
UX Prototyping and Personas 11-14-14
UX Prototyping and Personas 11-14-14UX Prototyping and Personas 11-14-14
UX Prototyping and Personas 11-14-14
 
bringing design to life with lean ux & lean engineering - Lean Day West 2013
bringing design to life with  lean ux & lean engineering - Lean Day West 2013bringing design to life with  lean ux & lean engineering - Lean Day West 2013
bringing design to life with lean ux & lean engineering - Lean Day West 2013
 
Week 12
Week 12Week 12
Week 12
 
Handling User Requirements in Technology Projects
Handling User Requirements in Technology ProjectsHandling User Requirements in Technology Projects
Handling User Requirements in Technology Projects
 
21Things4Students - Tips for Creating a Screencast
21Things4Students - Tips for Creating a Screencast21Things4Students - Tips for Creating a Screencast
21Things4Students - Tips for Creating a Screencast
 

More from Philip van Allen

Curriculum & pedagogy april 12
Curriculum & pedagogy april 12Curriculum & pedagogy april 12
Curriculum & pedagogy april 12
Philip van Allen
 

More from Philip van Allen (9)

Embedded computing
Embedded computingEmbedded computing
Embedded computing
 
Creative Technology Practice
Creative Technology PracticeCreative Technology Practice
Creative Technology Practice
 
Embedded Computing Overview
Embedded Computing OverviewEmbedded Computing Overview
Embedded Computing Overview
 
Seams and Superpowers Student Projects Overview
Seams and Superpowers Student Projects OverviewSeams and Superpowers Student Projects Overview
Seams and Superpowers Student Projects Overview
 
Wearable Ecologies - Insights From Intel Sponsored Course
Wearable Ecologies - Insights From Intel Sponsored CourseWearable Ecologies - Insights From Intel Sponsored Course
Wearable Ecologies - Insights From Intel Sponsored Course
 
AniThings: Animism and Heterogeneous Multiplicity
AniThings: Animism and  Heterogeneous MultiplicityAniThings: Animism and  Heterogeneous Multiplicity
AniThings: Animism and Heterogeneous Multiplicity
 
Supersense! Studio Context
Supersense! Studio ContextSupersense! Studio Context
Supersense! Studio Context
 
Curriculum & pedagogy april 12
Curriculum & pedagogy april 12Curriculum & pedagogy april 12
Curriculum & pedagogy april 12
 
March 15 preliminary
March 15 preliminaryMarch 15 preliminary
March 15 preliminary
 

Recently uploaded

一比一原版格林威治大学毕业证成绩单如何办理
一比一原版格林威治大学毕业证成绩单如何办理一比一原版格林威治大学毕业证成绩单如何办理
一比一原版格林威治大学毕业证成绩单如何办理
cyebo
 
Presentation on 3D Printing.pptx presentation
Presentation on 3D Printing.pptx presentationPresentation on 3D Printing.pptx presentation
Presentation on 3D Printing.pptx presentation
ajroy0196
 
如何办理(UAL毕业证书)伦敦艺术大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(UAL毕业证书)伦敦艺术大学毕业证成绩单本科硕士学位证留信学历认证如何办理(UAL毕业证书)伦敦艺术大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(UAL毕业证书)伦敦艺术大学毕业证成绩单本科硕士学位证留信学历认证
ugzga
 
挂科办理天主教大学毕业证成绩单一模一样品质
挂科办理天主教大学毕业证成绩单一模一样品质挂科办理天主教大学毕业证成绩单一模一样品质
挂科办理天主教大学毕业证成绩单一模一样品质
yzeoq
 
一模一样英国德比大学毕业证(derby毕业证书)本科学历-国外大学文凭办理
一模一样英国德比大学毕业证(derby毕业证书)本科学历-国外大学文凭办理一模一样英国德比大学毕业证(derby毕业证书)本科学历-国外大学文凭办理
一模一样英国德比大学毕业证(derby毕业证书)本科学历-国外大学文凭办理
thubko
 
100^%)( KATLEHONG))(*((+27838792658))*))௹ )Abortion Pills for Sale in Doha, D...
100^%)( KATLEHONG))(*((+27838792658))*))௹ )Abortion Pills for Sale in Doha, D...100^%)( KATLEHONG))(*((+27838792658))*))௹ )Abortion Pills for Sale in Doha, D...
100^%)( KATLEHONG))(*((+27838792658))*))௹ )Abortion Pills for Sale in Doha, D...
pillahdonald
 
100^%)( MAYIBUYE))(*((+27838792658))*))௹ )Abortion Pills for Sale in Soweto, ...
100^%)( MAYIBUYE))(*((+27838792658))*))௹ )Abortion Pills for Sale in Soweto, ...100^%)( MAYIBUYE))(*((+27838792658))*))௹ )Abortion Pills for Sale in Soweto, ...
100^%)( MAYIBUYE))(*((+27838792658))*))௹ )Abortion Pills for Sale in Soweto, ...
drjose256
 
NO1 Best Vashikaran Specialist in Uk Black Magic Specialist in Uk Black Magic...
NO1 Best Vashikaran Specialist in Uk Black Magic Specialist in Uk Black Magic...NO1 Best Vashikaran Specialist in Uk Black Magic Specialist in Uk Black Magic...
NO1 Best Vashikaran Specialist in Uk Black Magic Specialist in Uk Black Magic...
Amil baba
 
在线购买田纳西大学毕业证(utk毕业证)硕士学历证书留信网认证原版一模一样
在线购买田纳西大学毕业证(utk毕业证)硕士学历证书留信网认证原版一模一样在线购买田纳西大学毕业证(utk毕业证)硕士学历证书留信网认证原版一模一样
在线购买田纳西大学毕业证(utk毕业证)硕士学历证书留信网认证原版一模一样
ykucop
 
如何办理(Columbia College毕业证书)纽约市哥伦比亚大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(Columbia College毕业证书)纽约市哥伦比亚大学毕业证成绩单本科硕士学位证留信学历认证如何办理(Columbia College毕业证书)纽约市哥伦比亚大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(Columbia College毕业证书)纽约市哥伦比亚大学毕业证成绩单本科硕士学位证留信学历认证
ugzga
 
一比一原版谢菲尔德大学毕业证成绩单如何办理
一比一原版谢菲尔德大学毕业证成绩单如何办理一比一原版谢菲尔德大学毕业证成绩单如何办理
一比一原版谢菲尔德大学毕业证成绩单如何办理
cyebo
 

Recently uploaded (20)

一比一原版格林威治大学毕业证成绩单如何办理
一比一原版格林威治大学毕业证成绩单如何办理一比一原版格林威治大学毕业证成绩单如何办理
一比一原版格林威治大学毕业证成绩单如何办理
 
Presentation on 3D Printing.pptx presentation
Presentation on 3D Printing.pptx presentationPresentation on 3D Printing.pptx presentation
Presentation on 3D Printing.pptx presentation
 
如何办理(UAL毕业证书)伦敦艺术大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(UAL毕业证书)伦敦艺术大学毕业证成绩单本科硕士学位证留信学历认证如何办理(UAL毕业证书)伦敦艺术大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(UAL毕业证书)伦敦艺术大学毕业证成绩单本科硕士学位证留信学历认证
 
挂科办理天主教大学毕业证成绩单一模一样品质
挂科办理天主教大学毕业证成绩单一模一样品质挂科办理天主教大学毕业证成绩单一模一样品质
挂科办理天主教大学毕业证成绩单一模一样品质
 
Heidi Livengood's Professional CADD Portfolio
Heidi Livengood's Professional CADD PortfolioHeidi Livengood's Professional CADD Portfolio
Heidi Livengood's Professional CADD Portfolio
 
Mark Zuckerberg Carthago Delenda Est Shirt
Mark Zuckerberg Carthago Delenda Est ShirtMark Zuckerberg Carthago Delenda Est Shirt
Mark Zuckerberg Carthago Delenda Est Shirt
 
一模一样英国德比大学毕业证(derby毕业证书)本科学历-国外大学文凭办理
一模一样英国德比大学毕业证(derby毕业证书)本科学历-国外大学文凭办理一模一样英国德比大学毕业证(derby毕业证书)本科学历-国外大学文凭办理
一模一样英国德比大学毕业证(derby毕业证书)本科学历-国外大学文凭办理
 
Latest Trends in Home and Building Design
Latest Trends in Home and Building DesignLatest Trends in Home and Building Design
Latest Trends in Home and Building Design
 
Avoid these common UI/UX design mistakes
 Avoid these common UI/UX design mistakes Avoid these common UI/UX design mistakes
Avoid these common UI/UX design mistakes
 
Naer VR: Advanced Research and Usability Testing Project
Naer VR: Advanced Research and Usability Testing ProjectNaer VR: Advanced Research and Usability Testing Project
Naer VR: Advanced Research and Usability Testing Project
 
Recycled Modular Low Cost Construction .pdf
Recycled Modular Low Cost Construction .pdfRecycled Modular Low Cost Construction .pdf
Recycled Modular Low Cost Construction .pdf
 
100^%)( KATLEHONG))(*((+27838792658))*))௹ )Abortion Pills for Sale in Doha, D...
100^%)( KATLEHONG))(*((+27838792658))*))௹ )Abortion Pills for Sale in Doha, D...100^%)( KATLEHONG))(*((+27838792658))*))௹ )Abortion Pills for Sale in Doha, D...
100^%)( KATLEHONG))(*((+27838792658))*))௹ )Abortion Pills for Sale in Doha, D...
 
100^%)( MAYIBUYE))(*((+27838792658))*))௹ )Abortion Pills for Sale in Soweto, ...
100^%)( MAYIBUYE))(*((+27838792658))*))௹ )Abortion Pills for Sale in Soweto, ...100^%)( MAYIBUYE))(*((+27838792658))*))௹ )Abortion Pills for Sale in Soweto, ...
100^%)( MAYIBUYE))(*((+27838792658))*))௹ )Abortion Pills for Sale in Soweto, ...
 
NO1 Best Vashikaran Specialist in Uk Black Magic Specialist in Uk Black Magic...
NO1 Best Vashikaran Specialist in Uk Black Magic Specialist in Uk Black Magic...NO1 Best Vashikaran Specialist in Uk Black Magic Specialist in Uk Black Magic...
NO1 Best Vashikaran Specialist in Uk Black Magic Specialist in Uk Black Magic...
 
The Journey of Fashion Designer Sketches - From Concept to Catwalk
The Journey of Fashion Designer Sketches - From Concept to CatwalkThe Journey of Fashion Designer Sketches - From Concept to Catwalk
The Journey of Fashion Designer Sketches - From Concept to Catwalk
 
Week of Action 2022_EIT Climate-KIC_Headers
Week of Action 2022_EIT Climate-KIC_HeadersWeek of Action 2022_EIT Climate-KIC_Headers
Week of Action 2022_EIT Climate-KIC_Headers
 
在线购买田纳西大学毕业证(utk毕业证)硕士学历证书留信网认证原版一模一样
在线购买田纳西大学毕业证(utk毕业证)硕士学历证书留信网认证原版一模一样在线购买田纳西大学毕业证(utk毕业证)硕士学历证书留信网认证原版一模一样
在线购买田纳西大学毕业证(utk毕业证)硕士学历证书留信网认证原版一模一样
 
如何办理(Columbia College毕业证书)纽约市哥伦比亚大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(Columbia College毕业证书)纽约市哥伦比亚大学毕业证成绩单本科硕士学位证留信学历认证如何办理(Columbia College毕业证书)纽约市哥伦比亚大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(Columbia College毕业证书)纽约市哥伦比亚大学毕业证成绩单本科硕士学位证留信学历认证
 
Levi's Advertisement and camapign design
Levi's Advertisement and camapign designLevi's Advertisement and camapign design
Levi's Advertisement and camapign design
 
一比一原版谢菲尔德大学毕业证成绩单如何办理
一比一原版谢菲尔德大学毕业证成绩单如何办理一比一原版谢菲尔德大学毕业证成绩单如何办理
一比一原版谢菲尔德大学毕业证成绩单如何办理
 

Prototyping for Interaction Design

  • 1. Prototyping Overview Philip van Allen, Media Design Practices,Art Center College of Design
  • 2. Prototyping Overview Why Prototype? Thinking through making Divergent, not convergent thinking Problem setting, not solving test fitting a range of approaches, ideas, strategies, assumptions to invent an interesting question/problem from a context Discovering what you are interested in for this context Why Prototype?
  • 3. Prototyping Overview Why Prototype? Take risks. Fail early and often. “If you don't fail at least 90 percent of the time, you're not aiming high enough.” -Alan Kay You have to experience interaction & behavior Instantiate ideas in the real world to see if they stick Get bad/obvious ideas out of the way before you invest time/ money/commitment in production Why Prototype?
  • 4. Prototyping Overview Why Prototype? Explore a design space Multiple iterations/variations One or more of, but not all of: Interaction Form Technology Concepts Content A Form of Sketching
  • 5. Prototyping Overview Why Prototype? Yourself Client Funder Demo a concept to
  • 6. Prototyping Overview Why Prototype? Test concepts/assumptions/ideas Thinking & designing through making Identify and Prioritize most important features Iterate quickly Develop the design
  • 7. Prototyping Overview Why Prototype? Different from interviewing Get more objective feedback - designer is biased! How do people actually perceive it and use it? Does it address needs? Identify opportunities & problems Participatory design User Testing
  • 8. Prototyping Overview Why Prototype? Prototypes help designers and engineers balance between rationality and intuition.A prototype can help you take a decision that involves ergonomics, shape, function, production… at the same time.A decision that can’t be described in parameters.A decision that can’t be simulated by a computer… http://www.slideshare.net/IndustrialDesignCenter/20110829-intro-prototypingmethodology slide #10 Howest School Perspective
  • 9. Prototyping Overview Kinds of Prototypes A wide range of approaches Use what works for your goals Low Fidelity <==> High Fidelity Fast = low fidelity Slow = high fidelity Kinds of Prototypes
  • 10. Prototyping Overview Kinds of Prototypes Drawing, Foam Core, Diagram, Photoshop, etc. Quick Cheap Sketchy Many iterations/versions “Paper”
  • 11. Prototyping Overview Kinds of Prototypes Quick or Complicated Sketchy or polished Tells a story Live action video + After Effects Shows people, context, scenario, function, form Demo impossible/costly technologies or situations Video
  • 12. Sketch video - Christiane Holzheid & Julia Tsao - http://vimeo.com/3571717
  • 13. Polished video - Sebastian Bettencourt - http://vimeo.com/12783337
  • 14. Prototyping Overview Kinds of Prototypes Doesn’t “work” but shows form Rough or refined How will object/system live in the world Allows handling the thing directly Story of Palm Pilot 
 http://pretotyping.blogspot.com/2010/08/one-of-my-favorite-pretotype-stories.html Form Model
  • 15. Prototyping Overview Kinds of Prototypes Refined - ACCD Trans - Leon Paz Rough - Palm Pilot - Jeff Hawkins
  • 16. Prototyping Overview Kinds of Prototypes Schematic of information architecture Shows relationships and scope of content/navigation Non-visual design http://speckyboy.com/2011/05/29/20-effective-examples- of-web-and-mobile-wireframe-sketches/ Wireframe
  • 17.
  • 18.
  • 19. Prototyping Overview Kinds of Prototypes Simple demo of a use scenario Schematic of interaction Shows navigation Defines scope Can be “wizard of oz-ed” where it seems to do more than it really does Click-through demo
  • 20. Prototyping Overview Kinds of Prototypes Interactive, not scripted May be limited in features Shows how actual use plays out Form may not be accurate Can be combined with Form model and/or video to tell full story Working prototype
  • 21. Prototyping Overview Kinds of Prototypes Douglas Engelbart - inventor of the first mouse - prototype built in 1963
  • 22. Prototyping Overview Prototyping Tools Can be used in combination Use whatever gets the job done Don’t be religious about them New ones coming out all the time - it’s part of your job to stay up-to-date on them Prototyping Tools
  • 23. Prototyping Overview Prototyping Tools Paper/Photoshop/Illustrator Keynote/Powerpoint Pop Invision Pixate HTML/CSS/JavaScript Unity (for 3D environments) Screen Design
  • 24. Prototyping Overview Prototyping Tools Foam models, foam-core Hacking toys & other electronics NETLab Toolkit Arduino/Intel Edison/Raspberry PI 3D Printing, parametric fabrication Tangible Interaction
  • 25. Prototyping Overview Prototyping is a humble craft Thank You