SlideShare a Scribd company logo
Prototyping
Get the right tools and workflow
Aurelien Labonne
Executive summary
• Why should you prototype
• Current landscape of prototyping tools
• Depending of what you want to do, which tool to use
What is prototyping?
Definition please
A prototype is an early sample, model, or release of a
product or system built to test a concept or
assumption or to act as a thing to be tested and
learned from.
The process of prototyping bridges the gap between
conceptual ideas and real, workable solutions.
Prototyping allows designers to answer questions
and validate/invalidate assumptions leading to the
iterative testing, learning, and refinement of elements
and complete solutions.
5 Reasons why you
need to prototype
• Communication & collaboration
• Gauge feasibility while reducing waste
• Sell your idea
• Test usability earlier

• Set your design priorities
CompletePartial
Low fidelity
High fidelity
SELL AN IDEA USER TESTING
PROOF OF CONCEPT TEST LOGIC
Audience: Stakeholders
Goal: Demo the product
Audience: Users
Goal: Get feedback
Audience: Team
Goal: Collaborate
Audience: Team
Goal: Validate
Prototyping
methodologies
• Add powerpoint, google doc and keynote
High complexity
Low fidelity
Paper prototype
Wizard of Oz
Code
Presentation software
Prototyping software & apps
High fidelity
Low complexity
What questions to ask?
• Who is the audience of your prototype?
• Do you need a prototyping tool?
• Prototyping flows vs interactions?
• Collaboration features needed?
• Integration with other software in your workflow?
• Level of fidelity required?
1970 1986 1990 2000 2003 2008 2011 2012 2013 2014 2015
Waterfall
methodology
Evaluate a tool
• learning curve
• ease of use / speed
• affordability
• ease of iterations
• reusability
• integration with your existing workflow
Interactions
Speed
Fast
Slow
Simple Advanced
Ideal for click-through prototypes
Great for static wireframes
Layer interaction tools
Interactions
Speed
Fast
Slow
Simple Advanced
Ideal for click-through prototypes
Great for static wireframes
Layer interaction tools
Find your way through the
many existing tools
• http://www.prototypr.io/prototyping-tools/
• https://www.cooper.com/prototyping-tools
Want to create a low-fidelity prototype
Want to create an advanced prototype
without code with code
Want to create a high-fidelity prototype
offline
from scratch from existing assets
online
Further readings
• https://www.smashingmagazine.com/2016/06/picking-the-best-
prototyping-software-for-your-project/ ease of use
• https://next.smashingmagazine.com/2016/09/choosing-the-right-
prototyping-tool/
• http://www.unhcr.org/innovation/what-is-prototyping-anyway/
• https://www.infragistics.com/community/blogs/devtoolsguy/archive/
2015/08/13/the-history-of-wireframing-amp-prototyping.aspx
• https://designmodo.com/wireframing-prototyping/
• Book: Prototyping: A Practitioner's Guide
Conclusion
• Know the aim of your prototype
• Pick the right method/tool for the job
• Prototype, test, iterate
Aurelien Labonne
Thank you for your attention
aurelien.labonne@gmail.com

More Related Content

What's hot

Exploring design with Agile
Exploring design with AgileExploring design with Agile
Exploring design with Agile
Michael Le
 
Jakub Laskowski - Prototyping: a successful IT project recipe
Jakub Laskowski - Prototyping: a successful IT project recipeJakub Laskowski - Prototyping: a successful IT project recipe
Jakub Laskowski - Prototyping: a successful IT project recipe
ecommerce poland expo
 
Agile Testing 20021015
Agile Testing 20021015Agile Testing 20021015
Agile Testing 20021015
Raghu Karnati
 
Why everything is an A/B Test at Pinterest
Why everything is an A/B Test at PinterestWhy everything is an A/B Test at Pinterest
Why everything is an A/B Test at Pinterest
Krishna Gade
 
Behavior Driven Development—A Guide to Agile Practices by Josh Eastman
Behavior Driven Development—A Guide to Agile Practices by Josh EastmanBehavior Driven Development—A Guide to Agile Practices by Josh Eastman
Behavior Driven Development—A Guide to Agile Practices by Josh Eastman
QA or the Highway
 
Technovation challenge workplan for week 5
Technovation challenge workplan for week 5Technovation challenge workplan for week 5
Technovation challenge workplan for week 5
wetech_global
 
The Test Coverage Outline: Your Testing Road Map
The Test Coverage Outline: Your Testing Road MapThe Test Coverage Outline: Your Testing Road Map
The Test Coverage Outline: Your Testing Road Map
TechWell
 
Test Strategy-The real silver bullet in testing by Matthew Eakin
Test Strategy-The real silver bullet in testing by Matthew EakinTest Strategy-The real silver bullet in testing by Matthew Eakin
Test Strategy-The real silver bullet in testing by Matthew Eakin
QA or the Highway
 
Become a Quality Enabler
Become a Quality EnablerBecome a Quality Enabler
Become a Quality Enabler
99X Technology
 
Live Conversation: Cut your customer interview costs by up to 90%
Live Conversation: Cut your customer interview costs by up to 90%Live Conversation: Cut your customer interview costs by up to 90%
Live Conversation: Cut your customer interview costs by up to 90%
UserTesting
 
Gustav Olsson - Agile - Common Sense with a New Name Tag revised
Gustav Olsson - Agile - Common Sense with a New Name Tag revisedGustav Olsson - Agile - Common Sense with a New Name Tag revised
Gustav Olsson - Agile - Common Sense with a New Name Tag revised
TEST Huddle
 
Code Review Matters and Manners
Code Review Matters and MannersCode Review Matters and Manners
Code Review Matters and Manners
Trisha Gee
 
Building an Accessible Component Library
Building an Accessible Component LibraryBuilding an Accessible Component Library
Building an Accessible Component Library
Ari Rizzitano
 
Hey You Got Your TDD in my SQL DB by Jeff McKenzie
Hey You Got Your TDD in my SQL DB by Jeff McKenzieHey You Got Your TDD in my SQL DB by Jeff McKenzie
Hey You Got Your TDD in my SQL DB by Jeff McKenzie
QA or the Highway
 
Handling variations in emerging designs
Handling variations in emerging designsHandling variations in emerging designs
Handling variations in emerging designs
Remus Langu
 
Exploratory testing Kari Kakkonen KDS2015
Exploratory testing Kari Kakkonen KDS2015Exploratory testing Kari Kakkonen KDS2015
Exploratory testing Kari Kakkonen KDS2015
Kari Kakkonen
 
Intro to Prototyping
Intro to PrototypingIntro to Prototyping
Intro to Prototyping
Jorge Baltazar
 
Building a testing team
Building a testing teamBuilding a testing team
Building a testing team
SQALab
 
Agile testingandautomation
Agile testingandautomationAgile testingandautomation
Agile testingandautomation
jeisner
 
QA evolution, in pictures
QA evolution, in picturesQA evolution, in pictures
QA evolution, in pictures
Ecommerce Solution Provider SysIQ
 

What's hot (20)

Exploring design with Agile
Exploring design with AgileExploring design with Agile
Exploring design with Agile
 
Jakub Laskowski - Prototyping: a successful IT project recipe
Jakub Laskowski - Prototyping: a successful IT project recipeJakub Laskowski - Prototyping: a successful IT project recipe
Jakub Laskowski - Prototyping: a successful IT project recipe
 
Agile Testing 20021015
Agile Testing 20021015Agile Testing 20021015
Agile Testing 20021015
 
Why everything is an A/B Test at Pinterest
Why everything is an A/B Test at PinterestWhy everything is an A/B Test at Pinterest
Why everything is an A/B Test at Pinterest
 
Behavior Driven Development—A Guide to Agile Practices by Josh Eastman
Behavior Driven Development—A Guide to Agile Practices by Josh EastmanBehavior Driven Development—A Guide to Agile Practices by Josh Eastman
Behavior Driven Development—A Guide to Agile Practices by Josh Eastman
 
Technovation challenge workplan for week 5
Technovation challenge workplan for week 5Technovation challenge workplan for week 5
Technovation challenge workplan for week 5
 
The Test Coverage Outline: Your Testing Road Map
The Test Coverage Outline: Your Testing Road MapThe Test Coverage Outline: Your Testing Road Map
The Test Coverage Outline: Your Testing Road Map
 
Test Strategy-The real silver bullet in testing by Matthew Eakin
Test Strategy-The real silver bullet in testing by Matthew EakinTest Strategy-The real silver bullet in testing by Matthew Eakin
Test Strategy-The real silver bullet in testing by Matthew Eakin
 
Become a Quality Enabler
Become a Quality EnablerBecome a Quality Enabler
Become a Quality Enabler
 
Live Conversation: Cut your customer interview costs by up to 90%
Live Conversation: Cut your customer interview costs by up to 90%Live Conversation: Cut your customer interview costs by up to 90%
Live Conversation: Cut your customer interview costs by up to 90%
 
Gustav Olsson - Agile - Common Sense with a New Name Tag revised
Gustav Olsson - Agile - Common Sense with a New Name Tag revisedGustav Olsson - Agile - Common Sense with a New Name Tag revised
Gustav Olsson - Agile - Common Sense with a New Name Tag revised
 
Code Review Matters and Manners
Code Review Matters and MannersCode Review Matters and Manners
Code Review Matters and Manners
 
Building an Accessible Component Library
Building an Accessible Component LibraryBuilding an Accessible Component Library
Building an Accessible Component Library
 
Hey You Got Your TDD in my SQL DB by Jeff McKenzie
Hey You Got Your TDD in my SQL DB by Jeff McKenzieHey You Got Your TDD in my SQL DB by Jeff McKenzie
Hey You Got Your TDD in my SQL DB by Jeff McKenzie
 
Handling variations in emerging designs
Handling variations in emerging designsHandling variations in emerging designs
Handling variations in emerging designs
 
Exploratory testing Kari Kakkonen KDS2015
Exploratory testing Kari Kakkonen KDS2015Exploratory testing Kari Kakkonen KDS2015
Exploratory testing Kari Kakkonen KDS2015
 
Intro to Prototyping
Intro to PrototypingIntro to Prototyping
Intro to Prototyping
 
Building a testing team
Building a testing teamBuilding a testing team
Building a testing team
 
Agile testingandautomation
Agile testingandautomationAgile testingandautomation
Agile testingandautomation
 
QA evolution, in pictures
QA evolution, in picturesQA evolution, in pictures
QA evolution, in pictures
 

Similar to Prototyping - Get the right tools and workflow

Software prototyping
Software prototyping  Software prototyping
Software prototyping
Huda Seyam
 
Lean UX in an Agency Environment
Lean UX in an Agency EnvironmentLean UX in an Agency Environment
Lean UX in an Agency Environment
Jef Bekes
 
Prototyping & User Testing
Prototyping & User TestingPrototyping & User Testing
Prototyping & User Testing
Laura Levisay
 
L8_COMP1649_Prototyping_1819.pdf
L8_COMP1649_Prototyping_1819.pdfL8_COMP1649_Prototyping_1819.pdf
L8_COMP1649_Prototyping_1819.pdf
Mozxai
 
Prototype model and process
Prototype model  and processPrototype model  and process
Prototype model and process
Danish Musthafa
 
Remote Moderated Usability Testing & Tools
Remote Moderated Usability Testing & ToolsRemote Moderated Usability Testing & Tools
Remote Moderated Usability Testing & Tools
Susan Price
 
Usability Testing for Qualitative Researchers - QRCA NYC Chapter event
Usability Testing for Qualitative Researchers - QRCA NYC Chapter eventUsability Testing for Qualitative Researchers - QRCA NYC Chapter event
Usability Testing for Qualitative Researchers - QRCA NYC Chapter event
Kay Aubrey
 
UX in Action: IBM Watson
UX in Action: IBM WatsonUX in Action: IBM Watson
UX in Action: IBM Watson
UserTesting
 
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
Neil Allison
 
Final year project | Guide
Final year project | GuideFinal year project | Guide
Final year project | Guide
Vestas
 
Final year projects - Step By step Guide
Final year projects - Step By step  Guide Final year projects - Step By step  Guide
Final year projects - Step By step Guide
Vestas
 
IEEE 2015 Final Year Project Steps Guide
IEEE 2015 Final Year Project Steps GuideIEEE 2015 Final Year Project Steps Guide
IEEE 2015 Final Year Project Steps Guide
TTA_TNagar
 
Career of the Software Engineer in Modern Open-Source e-Commerce Company
Career of the Software Engineer in Modern Open-Source e-Commerce CompanyCareer of the Software Engineer in Modern Open-Source e-Commerce Company
Career of the Software Engineer in Modern Open-Source e-Commerce Company
Vrann Tulika
 
體驗劇場_1050524_W14_易用性測試_楊政達
體驗劇場_1050524_W14_易用性測試_楊政達體驗劇場_1050524_W14_易用性測試_楊政達
體驗劇場_1050524_W14_易用性測試_楊政達
Visual Cognition and Modeling Lab
 
Finding the right authoring tool - STC Carolina Event 2018
Finding the right authoring tool - STC Carolina Event 2018Finding the right authoring tool - STC Carolina Event 2018
Finding the right authoring tool - STC Carolina Event 2018
Carolina Chapter of STC
 
New model
New modelNew model
New model
TEST Huddle
 
A New Model For Testing
A New Model For TestingA New Model For Testing
A New Model For Testing
TEST Huddle
 
Designing for efficiency.pdf
Designing for efficiency.pdfDesigning for efficiency.pdf
Designing for efficiency.pdf
Gabriela Véghová
 
Usability testing 2013.12.20.
Usability testing 2013.12.20.Usability testing 2013.12.20.
Usability testing 2013.12.20.
Visual Cognition and Modeling Lab
 
Customer Development Fast Protyping
Customer Development Fast ProtypingCustomer Development Fast Protyping
Customer Development Fast Protyping
Serdar Temiz
 

Similar to Prototyping - Get the right tools and workflow (20)

Software prototyping
Software prototyping  Software prototyping
Software prototyping
 
Lean UX in an Agency Environment
Lean UX in an Agency EnvironmentLean UX in an Agency Environment
Lean UX in an Agency Environment
 
Prototyping & User Testing
Prototyping & User TestingPrototyping & User Testing
Prototyping & User Testing
 
L8_COMP1649_Prototyping_1819.pdf
L8_COMP1649_Prototyping_1819.pdfL8_COMP1649_Prototyping_1819.pdf
L8_COMP1649_Prototyping_1819.pdf
 
Prototype model and process
Prototype model  and processPrototype model  and process
Prototype model and process
 
Remote Moderated Usability Testing & Tools
Remote Moderated Usability Testing & ToolsRemote Moderated Usability Testing & Tools
Remote Moderated Usability Testing & Tools
 
Usability Testing for Qualitative Researchers - QRCA NYC Chapter event
Usability Testing for Qualitative Researchers - QRCA NYC Chapter eventUsability Testing for Qualitative Researchers - QRCA NYC Chapter event
Usability Testing for Qualitative Researchers - QRCA NYC Chapter event
 
UX in Action: IBM Watson
UX in Action: IBM WatsonUX in Action: IBM Watson
UX in Action: IBM Watson
 
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
 
Final year project | Guide
Final year project | GuideFinal year project | Guide
Final year project | Guide
 
Final year projects - Step By step Guide
Final year projects - Step By step  Guide Final year projects - Step By step  Guide
Final year projects - Step By step Guide
 
IEEE 2015 Final Year Project Steps Guide
IEEE 2015 Final Year Project Steps GuideIEEE 2015 Final Year Project Steps Guide
IEEE 2015 Final Year Project Steps Guide
 
Career of the Software Engineer in Modern Open-Source e-Commerce Company
Career of the Software Engineer in Modern Open-Source e-Commerce CompanyCareer of the Software Engineer in Modern Open-Source e-Commerce Company
Career of the Software Engineer in Modern Open-Source e-Commerce Company
 
體驗劇場_1050524_W14_易用性測試_楊政達
體驗劇場_1050524_W14_易用性測試_楊政達體驗劇場_1050524_W14_易用性測試_楊政達
體驗劇場_1050524_W14_易用性測試_楊政達
 
Finding the right authoring tool - STC Carolina Event 2018
Finding the right authoring tool - STC Carolina Event 2018Finding the right authoring tool - STC Carolina Event 2018
Finding the right authoring tool - STC Carolina Event 2018
 
New model
New modelNew model
New model
 
A New Model For Testing
A New Model For TestingA New Model For Testing
A New Model For Testing
 
Designing for efficiency.pdf
Designing for efficiency.pdfDesigning for efficiency.pdf
Designing for efficiency.pdf
 
Usability testing 2013.12.20.
Usability testing 2013.12.20.Usability testing 2013.12.20.
Usability testing 2013.12.20.
 
Customer Development Fast Protyping
Customer Development Fast ProtypingCustomer Development Fast Protyping
Customer Development Fast Protyping
 

Recently uploaded

原版制作(MDIS毕业证书)新加坡管理发展学院毕业证学位证一模一样
原版制作(MDIS毕业证书)新加坡管理发展学院毕业证学位证一模一样原版制作(MDIS毕业证书)新加坡管理发展学院毕业证学位证一模一样
原版制作(MDIS毕业证书)新加坡管理发展学院毕业证学位证一模一样
hw2xf1m
 
一比一原版(Deakin毕业证书)澳洲迪肯大学毕业证文凭如何办理
一比一原版(Deakin毕业证书)澳洲迪肯大学毕业证文凭如何办理一比一原版(Deakin毕业证书)澳洲迪肯大学毕业证文凭如何办理
一比一原版(Deakin毕业证书)澳洲迪肯大学毕业证文凭如何办理
k4krdgxx
 
一比一原版(KPU毕业证)加拿大昆特兰理工大学毕业证如何办理
一比一原版(KPU毕业证)加拿大昆特兰理工大学毕业证如何办理一比一原版(KPU毕业证)加拿大昆特兰理工大学毕业证如何办理
一比一原版(KPU毕业证)加拿大昆特兰理工大学毕业证如何办理
kmzsy4kn
 
一比一原版(UWS毕业证)澳洲西悉尼大学毕业证如何办理
一比一原版(UWS毕业证)澳洲西悉尼大学毕业证如何办理一比一原版(UWS毕业证)澳洲西悉尼大学毕业证如何办理
一比一原版(UWS毕业证)澳洲西悉尼大学毕业证如何办理
t34zod9l
 
一比一原版(LSE毕业证书)伦敦政治经济学院毕业证如何办理
一比一原版(LSE毕业证书)伦敦政治经济学院毕业证如何办理一比一原版(LSE毕业证书)伦敦政治经济学院毕业证如何办理
一比一原版(LSE毕业证书)伦敦政治经济学院毕业证如何办理
340qn0m1
 
一比一原版(USQ毕业证书)南昆士兰大学毕业证如何办理
一比一原版(USQ毕业证书)南昆士兰大学毕业证如何办理一比一原版(USQ毕业证书)南昆士兰大学毕业证如何办理
一比一原版(USQ毕业证书)南昆士兰大学毕业证如何办理
p74xokfq
 
欧洲杯买球-欧洲杯买球买球网好的网站-欧洲杯买球哪里有正规的买球网站|【​网址​🎉ac123.net🎉​】
欧洲杯买球-欧洲杯买球买球网好的网站-欧洲杯买球哪里有正规的买球网站|【​网址​🎉ac123.net🎉​】欧洲杯买球-欧洲杯买球买球网好的网站-欧洲杯买球哪里有正规的买球网站|【​网址​🎉ac123.net🎉​】
欧洲杯买球-欧洲杯买球买球网好的网站-欧洲杯买球哪里有正规的买球网站|【​网址​🎉ac123.net🎉​】
jafiradnan336
 
一比一原版(UoN毕业证书)纽卡斯尔大学毕业证如何办理
一比一原版(UoN毕业证书)纽卡斯尔大学毕业证如何办理一比一原版(UoN毕业证书)纽卡斯尔大学毕业证如何办理
一比一原版(UoN毕业证书)纽卡斯尔大学毕业证如何办理
f22b6g9c
 
一比一原版布兰登大学毕业证(BU毕业证书)如何办理
一比一原版布兰登大学毕业证(BU毕业证书)如何办理一比一原版布兰登大学毕业证(BU毕业证书)如何办理
一比一原版布兰登大学毕业证(BU毕业证书)如何办理
wkip62b
 
一比一原版澳洲查理斯特大学毕业证(CSU学位证)如何办理
一比一原版澳洲查理斯特大学毕业证(CSU学位证)如何办理一比一原版澳洲查理斯特大学毕业证(CSU学位证)如何办理
一比一原版澳洲查理斯特大学毕业证(CSU学位证)如何办理
qa8dk1wm
 
一比一原版(UWE毕业证书)西英格兰大学毕业证如何办理
一比一原版(UWE毕业证书)西英格兰大学毕业证如何办理一比一原版(UWE毕业证书)西英格兰大学毕业证如何办理
一比一原版(UWE毕业证书)西英格兰大学毕业证如何办理
etls06p8
 
一比一原版(NU毕业证书)诺森比亚大学毕业证如何办理
一比一原版(NU毕业证书)诺森比亚大学毕业证如何办理一比一原版(NU毕业证书)诺森比亚大学毕业证如何办理
一比一原版(NU毕业证书)诺森比亚大学毕业证如何办理
21uul8se
 
一比一原版马来西亚世纪大学毕业证成绩单一模一样
一比一原版马来西亚世纪大学毕业证成绩单一模一样一比一原版马来西亚世纪大学毕业证成绩单一模一样
一比一原版马来西亚世纪大学毕业证成绩单一模一样
k4krdgxx
 
一比一原版(CSU毕业证书)查尔斯特大学毕业证如何办理
一比一原版(CSU毕业证书)查尔斯特大学毕业证如何办理一比一原版(CSU毕业证书)查尔斯特大学毕业证如何办理
一比一原版(CSU毕业证书)查尔斯特大学毕业证如何办理
67n7f53
 
一比一原版(LSBU毕业证书)伦敦南岸大学毕业证如何办理
一比一原版(LSBU毕业证书)伦敦南岸大学毕业证如何办理一比一原版(LSBU毕业证书)伦敦南岸大学毕业证如何办理
一比一原版(LSBU毕业证书)伦敦南岸大学毕业证如何办理
k7nm6tk
 
一比一原版(ututaustin毕业证书)美国德克萨斯大学奥斯汀分校毕业证如何办理
一比一原版(ututaustin毕业证书)美国德克萨斯大学奥斯汀分校毕业证如何办理一比一原版(ututaustin毕业证书)美国德克萨斯大学奥斯汀分校毕业证如何办理
一比一原版(ututaustin毕业证书)美国德克萨斯大学奥斯汀分校毕业证如何办理
yqyquge
 
一比一原版肯特大学毕业证UKC成绩单一模一样
一比一原版肯特大学毕业证UKC成绩单一模一样一比一原版肯特大学毕业证UKC成绩单一模一样
一比一原版肯特大学毕业证UKC成绩单一模一样
tobbk6s8
 
一比一原版(OU毕业证)美国俄克拉荷马大学毕业证如何办理
一比一原版(OU毕业证)美国俄克拉荷马大学毕业证如何办理一比一原版(OU毕业证)美国俄克拉荷马大学毕业证如何办理
一比一原版(OU毕业证)美国俄克拉荷马大学毕业证如何办理
67n7f53
 
一比一原版(爱大毕业证)美国爱荷华大学毕业证如何办理
一比一原版(爱大毕业证)美国爱荷华大学毕业证如何办理一比一原版(爱大毕业证)美国爱荷华大学毕业证如何办理
一比一原版(爱大毕业证)美国爱荷华大学毕业证如何办理
ynrtjotp
 
Introduction to User experience design for beginner
Introduction to User experience design for beginnerIntroduction to User experience design for beginner
Introduction to User experience design for beginner
ellemjani
 

Recently uploaded (20)

原版制作(MDIS毕业证书)新加坡管理发展学院毕业证学位证一模一样
原版制作(MDIS毕业证书)新加坡管理发展学院毕业证学位证一模一样原版制作(MDIS毕业证书)新加坡管理发展学院毕业证学位证一模一样
原版制作(MDIS毕业证书)新加坡管理发展学院毕业证学位证一模一样
 
一比一原版(Deakin毕业证书)澳洲迪肯大学毕业证文凭如何办理
一比一原版(Deakin毕业证书)澳洲迪肯大学毕业证文凭如何办理一比一原版(Deakin毕业证书)澳洲迪肯大学毕业证文凭如何办理
一比一原版(Deakin毕业证书)澳洲迪肯大学毕业证文凭如何办理
 
一比一原版(KPU毕业证)加拿大昆特兰理工大学毕业证如何办理
一比一原版(KPU毕业证)加拿大昆特兰理工大学毕业证如何办理一比一原版(KPU毕业证)加拿大昆特兰理工大学毕业证如何办理
一比一原版(KPU毕业证)加拿大昆特兰理工大学毕业证如何办理
 
一比一原版(UWS毕业证)澳洲西悉尼大学毕业证如何办理
一比一原版(UWS毕业证)澳洲西悉尼大学毕业证如何办理一比一原版(UWS毕业证)澳洲西悉尼大学毕业证如何办理
一比一原版(UWS毕业证)澳洲西悉尼大学毕业证如何办理
 
一比一原版(LSE毕业证书)伦敦政治经济学院毕业证如何办理
一比一原版(LSE毕业证书)伦敦政治经济学院毕业证如何办理一比一原版(LSE毕业证书)伦敦政治经济学院毕业证如何办理
一比一原版(LSE毕业证书)伦敦政治经济学院毕业证如何办理
 
一比一原版(USQ毕业证书)南昆士兰大学毕业证如何办理
一比一原版(USQ毕业证书)南昆士兰大学毕业证如何办理一比一原版(USQ毕业证书)南昆士兰大学毕业证如何办理
一比一原版(USQ毕业证书)南昆士兰大学毕业证如何办理
 
欧洲杯买球-欧洲杯买球买球网好的网站-欧洲杯买球哪里有正规的买球网站|【​网址​🎉ac123.net🎉​】
欧洲杯买球-欧洲杯买球买球网好的网站-欧洲杯买球哪里有正规的买球网站|【​网址​🎉ac123.net🎉​】欧洲杯买球-欧洲杯买球买球网好的网站-欧洲杯买球哪里有正规的买球网站|【​网址​🎉ac123.net🎉​】
欧洲杯买球-欧洲杯买球买球网好的网站-欧洲杯买球哪里有正规的买球网站|【​网址​🎉ac123.net🎉​】
 
一比一原版(UoN毕业证书)纽卡斯尔大学毕业证如何办理
一比一原版(UoN毕业证书)纽卡斯尔大学毕业证如何办理一比一原版(UoN毕业证书)纽卡斯尔大学毕业证如何办理
一比一原版(UoN毕业证书)纽卡斯尔大学毕业证如何办理
 
一比一原版布兰登大学毕业证(BU毕业证书)如何办理
一比一原版布兰登大学毕业证(BU毕业证书)如何办理一比一原版布兰登大学毕业证(BU毕业证书)如何办理
一比一原版布兰登大学毕业证(BU毕业证书)如何办理
 
一比一原版澳洲查理斯特大学毕业证(CSU学位证)如何办理
一比一原版澳洲查理斯特大学毕业证(CSU学位证)如何办理一比一原版澳洲查理斯特大学毕业证(CSU学位证)如何办理
一比一原版澳洲查理斯特大学毕业证(CSU学位证)如何办理
 
一比一原版(UWE毕业证书)西英格兰大学毕业证如何办理
一比一原版(UWE毕业证书)西英格兰大学毕业证如何办理一比一原版(UWE毕业证书)西英格兰大学毕业证如何办理
一比一原版(UWE毕业证书)西英格兰大学毕业证如何办理
 
一比一原版(NU毕业证书)诺森比亚大学毕业证如何办理
一比一原版(NU毕业证书)诺森比亚大学毕业证如何办理一比一原版(NU毕业证书)诺森比亚大学毕业证如何办理
一比一原版(NU毕业证书)诺森比亚大学毕业证如何办理
 
一比一原版马来西亚世纪大学毕业证成绩单一模一样
一比一原版马来西亚世纪大学毕业证成绩单一模一样一比一原版马来西亚世纪大学毕业证成绩单一模一样
一比一原版马来西亚世纪大学毕业证成绩单一模一样
 
一比一原版(CSU毕业证书)查尔斯特大学毕业证如何办理
一比一原版(CSU毕业证书)查尔斯特大学毕业证如何办理一比一原版(CSU毕业证书)查尔斯特大学毕业证如何办理
一比一原版(CSU毕业证书)查尔斯特大学毕业证如何办理
 
一比一原版(LSBU毕业证书)伦敦南岸大学毕业证如何办理
一比一原版(LSBU毕业证书)伦敦南岸大学毕业证如何办理一比一原版(LSBU毕业证书)伦敦南岸大学毕业证如何办理
一比一原版(LSBU毕业证书)伦敦南岸大学毕业证如何办理
 
一比一原版(ututaustin毕业证书)美国德克萨斯大学奥斯汀分校毕业证如何办理
一比一原版(ututaustin毕业证书)美国德克萨斯大学奥斯汀分校毕业证如何办理一比一原版(ututaustin毕业证书)美国德克萨斯大学奥斯汀分校毕业证如何办理
一比一原版(ututaustin毕业证书)美国德克萨斯大学奥斯汀分校毕业证如何办理
 
一比一原版肯特大学毕业证UKC成绩单一模一样
一比一原版肯特大学毕业证UKC成绩单一模一样一比一原版肯特大学毕业证UKC成绩单一模一样
一比一原版肯特大学毕业证UKC成绩单一模一样
 
一比一原版(OU毕业证)美国俄克拉荷马大学毕业证如何办理
一比一原版(OU毕业证)美国俄克拉荷马大学毕业证如何办理一比一原版(OU毕业证)美国俄克拉荷马大学毕业证如何办理
一比一原版(OU毕业证)美国俄克拉荷马大学毕业证如何办理
 
一比一原版(爱大毕业证)美国爱荷华大学毕业证如何办理
一比一原版(爱大毕业证)美国爱荷华大学毕业证如何办理一比一原版(爱大毕业证)美国爱荷华大学毕业证如何办理
一比一原版(爱大毕业证)美国爱荷华大学毕业证如何办理
 
Introduction to User experience design for beginner
Introduction to User experience design for beginnerIntroduction to User experience design for beginner
Introduction to User experience design for beginner
 

Prototyping - Get the right tools and workflow

  • 1. Prototyping Get the right tools and workflow Aurelien Labonne
  • 2. Executive summary • Why should you prototype • Current landscape of prototyping tools • Depending of what you want to do, which tool to use
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 14. Definition please A prototype is an early sample, model, or release of a product or system built to test a concept or assumption or to act as a thing to be tested and learned from.
  • 15. The process of prototyping bridges the gap between conceptual ideas and real, workable solutions. Prototyping allows designers to answer questions and validate/invalidate assumptions leading to the iterative testing, learning, and refinement of elements and complete solutions.
  • 16. 5 Reasons why you need to prototype • Communication & collaboration • Gauge feasibility while reducing waste • Sell your idea • Test usability earlier
 • Set your design priorities
  • 17. CompletePartial Low fidelity High fidelity SELL AN IDEA USER TESTING PROOF OF CONCEPT TEST LOGIC Audience: Stakeholders Goal: Demo the product Audience: Users Goal: Get feedback Audience: Team Goal: Collaborate Audience: Team Goal: Validate
  • 19.
  • 20.
  • 21. • Add powerpoint, google doc and keynote
  • 22.
  • 23.
  • 24.
  • 25. High complexity Low fidelity Paper prototype Wizard of Oz Code Presentation software Prototyping software & apps High fidelity Low complexity
  • 26. What questions to ask? • Who is the audience of your prototype? • Do you need a prototyping tool? • Prototyping flows vs interactions? • Collaboration features needed? • Integration with other software in your workflow? • Level of fidelity required?
  • 27. 1970 1986 1990 2000 2003 2008 2011 2012 2013 2014 2015 Waterfall methodology
  • 28.
  • 29. Evaluate a tool • learning curve • ease of use / speed • affordability • ease of iterations • reusability • integration with your existing workflow
  • 30. Interactions Speed Fast Slow Simple Advanced Ideal for click-through prototypes Great for static wireframes Layer interaction tools
  • 31. Interactions Speed Fast Slow Simple Advanced Ideal for click-through prototypes Great for static wireframes Layer interaction tools
  • 32. Find your way through the many existing tools • http://www.prototypr.io/prototyping-tools/ • https://www.cooper.com/prototyping-tools
  • 33. Want to create a low-fidelity prototype Want to create an advanced prototype without code with code Want to create a high-fidelity prototype offline from scratch from existing assets online
  • 34. Further readings • https://www.smashingmagazine.com/2016/06/picking-the-best- prototyping-software-for-your-project/ ease of use • https://next.smashingmagazine.com/2016/09/choosing-the-right- prototyping-tool/ • http://www.unhcr.org/innovation/what-is-prototyping-anyway/ • https://www.infragistics.com/community/blogs/devtoolsguy/archive/ 2015/08/13/the-history-of-wireframing-amp-prototyping.aspx • https://designmodo.com/wireframing-prototyping/ • Book: Prototyping: A Practitioner's Guide
  • 35. Conclusion • Know the aim of your prototype • Pick the right method/tool for the job • Prototype, test, iterate
  • 36. Aurelien Labonne Thank you for your attention aurelien.labonne@gmail.com