SlideShare a Scribd company logo
UX Prototyping
How to make it & define the success metrics
UX Prototyping (UXiD) - Slide by Anton Chandra and Bahni Mahariasha
What’s prototyping?
A prototype is not the actual product
that is ready for the prime time and
certainly not something the company
would try to sell and stand behind.
But it is intended to learn fast and
cheap.
hypothesis
wireframe
UI
development release
hypothesis
wireframe
UI
development releaseprototype
Goals
● To learn
● To solve disagreements
● To ideate quickly and cheaply
Types of prototype
There are several types of prototypes, each has different risks and situation
Paper vs Digital vs Coded
Paper
● Focus on function and system rather than beauty
● Static, with minimal visual aesthetics
● Rough sketches is ok
Pros
● Fastest and cheapest
● Least effort
● The most flexible
● Less precise
● Can't present it’s actual
experience
● Limits user interaction
Cons
UX Prototyping (UXiD) - Slide by Anton Chandra and Bahni Mahariasha
Digital
● Closest to resemblance its final form
● Can be interactive
● Added visual aesthetics through colors, typography, etc
eg. InVision, Marvel, Sketch, Figma, XD, Axure, Balsamiq, Principle, Flinto, and Protopie
● Precise and attractive
● More adaptive to change
● Coherent
Pros
● Slow and costly
Cons
UX Prototyping (UXiD) - Slide by Anton Chandra and Bahni Mahariasha
Coded
● So realistic, (technically) close to final production app
● They have numerous advantages, yet costly
eg. HTML - Framer JS
Pros
● I’d say, super realistic
● Robust
● Extra efforts needed
● Limits creativity
● Any changes will cost you even
more
Cons
UX Prototyping (UXiD) - Slide by Anton Chandra and Bahni Mahariasha
How do you select which fidelity level
to prototype on?
Tips from the pros
● Involve all the team members and stakeholders
● Avoid "lorem ipsum" and "John Doe"
● If you’re making a digital or coded prototyping, make it realistic so they
can compare it to the final production
● Actual users = less biases
Be aware of these pitfalls
1. Diving into the first good idea
2. Falling in love with your prototype
3. No purpose
4. Feeling down with the failed prototype
5. Seeing prototype as a waste of time
6. Selecting wrong fidelity of prototype
Success Metrics
Things to measure
● Effectiveness - can users complete tasks, achieve goals with the product,
i.e. do what they want to do?
● Efficiency - how much effort do users require to do this? (often measured
in time)
● Satisfaction - what do users think about the products ease of use?
Most importantly,
these aspects give us an
opportunity to discover
pain points that users
face.
Let’s get dirty, shall we?
Exercise 1
•
Paper prototyping
E-commerce • Add to wishlist
UX Prototyping (UXiD) - Slide by Anton Chandra and Bahni Mahariasha
Exercise 2
•
Digital Prototyping
Feel free to ask yeah..

More Related Content

PDF
UX 101: A quick & dirty introduction to user experience strategy & design
Morgan McKeagney
 
PDF
Usability testing
Priyanka Rana
 
PDF
UX Design + UI Design: Injecting a brand persona!
Jayan Narayanan
 
PDF
UX Usability Heuristics
Tiago Gonçalves MA - Msc
 
PDF
An Introduction to Usability Testing
Lennart Overkamp
 
PPT
User Centered Design 101
Experience Dynamics
 
PDF
Soapmaking 101
West Africa Trade Hub
 
PDF
Low-fidelity Prototyping
Hans Põldoja
 
UX 101: A quick & dirty introduction to user experience strategy & design
Morgan McKeagney
 
Usability testing
Priyanka Rana
 
UX Design + UI Design: Injecting a brand persona!
Jayan Narayanan
 
UX Usability Heuristics
Tiago Gonçalves MA - Msc
 
An Introduction to Usability Testing
Lennart Overkamp
 
User Centered Design 101
Experience Dynamics
 
Soapmaking 101
West Africa Trade Hub
 
Low-fidelity Prototyping
Hans Põldoja
 

What's hot (20)

PDF
UI UX in depth
Shrestha Raaz
 
PDF
UX Lesson 1: User Centered Design
Joan Lumanauw
 
PDF
UX Experience Design: Processes and Strategy
CHI UX Indonesia
 
PPTX
UI vs UX workshop
Inova LLC
 
PDF
UX Lesson 2: User Research
Joan Lumanauw
 
PDF
UX/UI Workshop Slides
GDSC UofT Mississauga
 
PDF
Introduction to UX Research
Josh (Adi Tedjasaputra)
 
PPTX
UI UX Introductory session
Sooraj P R
 
PPTX
i/o extended: Intro to <UX> Design
GDGKuwaitGoogleDevel
 
PDF
UX design
Tanay Kumar
 
PDF
What is UX?
David Carr
 
PPTX
The Importance of UX
Bart Van Hecke
 
PDF
UX & UI Design - Differentiate through design
DMI
 
PPTX
UX Design process, #UX, #Design Process, #Agile UX
Murali Krishna
 
PDF
Ux design process
Junying Chang
 
PPTX
UX is not UI!
Nicolas Demange
 
PPTX
Fundamentals of UX Design
The Wisdom Daily
 
PPT
UX - User Experience Design and Principles
Peeyush Sahu CAPM®
 
PPTX
UX/UI design process - Studio CreativeMe
Madhuri Garg
 
PDF
UX Best Practices
Theresa Neil
 
UI UX in depth
Shrestha Raaz
 
UX Lesson 1: User Centered Design
Joan Lumanauw
 
UX Experience Design: Processes and Strategy
CHI UX Indonesia
 
UI vs UX workshop
Inova LLC
 
UX Lesson 2: User Research
Joan Lumanauw
 
UX/UI Workshop Slides
GDSC UofT Mississauga
 
Introduction to UX Research
Josh (Adi Tedjasaputra)
 
UI UX Introductory session
Sooraj P R
 
i/o extended: Intro to <UX> Design
GDGKuwaitGoogleDevel
 
UX design
Tanay Kumar
 
What is UX?
David Carr
 
The Importance of UX
Bart Van Hecke
 
UX & UI Design - Differentiate through design
DMI
 
UX Design process, #UX, #Design Process, #Agile UX
Murali Krishna
 
Ux design process
Junying Chang
 
UX is not UI!
Nicolas Demange
 
Fundamentals of UX Design
The Wisdom Daily
 
UX - User Experience Design and Principles
Peeyush Sahu CAPM®
 
UX/UI design process - Studio CreativeMe
Madhuri Garg
 
UX Best Practices
Theresa Neil
 
Ad

Similar to UX Prototyping (UXiD) - Slide by Anton Chandra and Bahni Mahariasha (20)

PDF
UX Prototyping (UXiD) - Handout by Anton Chandra and Bahni Mahariasha
Anton Chandra
 
PDF
The ultimate guide to prototyping
Marcelo Graciolli
 
PDF
UX class presentation
Theo V
 
PPTX
Product Management
Attila Ulbert
 
PPTX
UXUI Shanghai Meetup March 21st
Clément LEDORMEUR
 
PDF
User Centered Design: guarantee that your business process automation project...
Bonitasoft
 
PPTX
Prototyping in the design process
Industrial Design Center
 
PPTX
Introduction & Course Overview: Design Thinking for User Experience Design, P...
MahirMahbubSrizon
 
PDF
Starting your career as UX designer during pandemic
Arnold Saputra
 
PPT
What every developer can learn from startups
Oleg Podsechin
 
PDF
User Experience 101 - A Practical Guide
Adrian Bunge
 
PPTX
How to use Ai for UX UI Design | ChatGPT
Think 360 Studio
 
PPTX
2011.08.29 intro prototyping_methodology
Industrial Design Center
 
PPTX
Tech4goodPGH – Rapid Prototyping Workshop
NetSquared
 
PDF
[DevDay2019] Lean UX - By Bryant Castro, Bryant Castro at Wizeline
DevDay Da Nang
 
PPTX
16 Practical Insights from Designing Software
Kok Chiann
 
PDF
Biz Product Learnings
Kinshuk Adhikary
 
PPT
UX: Interaction Design
Angela Duggan
 
PDF
IoT Product Design and Prototyping
Dr. Shivananda Koteshwar
 
PPTX
UX and UI Workshops - User Journey
Inwedo
 
UX Prototyping (UXiD) - Handout by Anton Chandra and Bahni Mahariasha
Anton Chandra
 
The ultimate guide to prototyping
Marcelo Graciolli
 
UX class presentation
Theo V
 
Product Management
Attila Ulbert
 
UXUI Shanghai Meetup March 21st
Clément LEDORMEUR
 
User Centered Design: guarantee that your business process automation project...
Bonitasoft
 
Prototyping in the design process
Industrial Design Center
 
Introduction & Course Overview: Design Thinking for User Experience Design, P...
MahirMahbubSrizon
 
Starting your career as UX designer during pandemic
Arnold Saputra
 
What every developer can learn from startups
Oleg Podsechin
 
User Experience 101 - A Practical Guide
Adrian Bunge
 
How to use Ai for UX UI Design | ChatGPT
Think 360 Studio
 
2011.08.29 intro prototyping_methodology
Industrial Design Center
 
Tech4goodPGH – Rapid Prototyping Workshop
NetSquared
 
[DevDay2019] Lean UX - By Bryant Castro, Bryant Castro at Wizeline
DevDay Da Nang
 
16 Practical Insights from Designing Software
Kok Chiann
 
Biz Product Learnings
Kinshuk Adhikary
 
UX: Interaction Design
Angela Duggan
 
IoT Product Design and Prototyping
Dr. Shivananda Koteshwar
 
UX and UI Workshops - User Journey
Inwedo
 
Ad

Recently uploaded (20)

PDF
Fashion project1 kebaya reimagined slideshow
reysultane
 
PPTX
DISS-Group-5_110345.pptx Basic Concepts of the major social science
mattygido
 
PPTX
Mini-Project description of design of expert project
peter349484
 
PDF
First-Aid.pdfjavaghavavgahavavavbabavabba
meitohehe
 
PPTX
confluence of tradition in modernity- design approaches and design thinking
madhuvidya7
 
PPTX
MALURI KISHORE-.pptxdsrhbcdsfvvghhhggggfff
sakthick46
 
PPTX
Artificial Intelligence presentation.pptx
snehajana651
 
PDF
Unlimited G+12 Dubai DM exam questions for contractor
saniyashaik2089
 
PDF
Line Sizing presentation about pipe sizes
anniebuzzfeed
 
PPTX
Engagement for marriage life ethics b.pptx
SyedBabar19
 
PDF
SS27 Environments & Design Trend Book Peclers Paris
Peclers Paris
 
PDF
Zidane ben hmida _ Portfolio
Zidane Ben Hmida
 
PPTX
Economics Reforms of Alauddin Khilji.pptx
Kritisharma797381
 
PDF
Top 10 UI/UX Design Agencies in Dubai Shaping Digital Experiences
Tenet UI UX
 
DOCX
Personalized Jewellery Guide: Engraved Rings, Initial Necklaces & Birthstones...
Dishis jewels
 
PPT
UNIT- 2 CARBON FOOT PRINT.ppt yvvuvvvvvvyvy
sriram270905
 
PPTX
Digital Printing presentation-update-26.08.24.pptx
MDFoysalAhmed13
 
PPTX
Web Design: Enhancing User Experience & Brand Value
ashokmakwana0303
 
PPTX
designing in footwear- exploring the art and science behind shoe design
madhuvidya7
 
DOCX
Amplopxxxxxxxxxvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv
Lm Hardin 'Idin'
 
Fashion project1 kebaya reimagined slideshow
reysultane
 
DISS-Group-5_110345.pptx Basic Concepts of the major social science
mattygido
 
Mini-Project description of design of expert project
peter349484
 
First-Aid.pdfjavaghavavgahavavavbabavabba
meitohehe
 
confluence of tradition in modernity- design approaches and design thinking
madhuvidya7
 
MALURI KISHORE-.pptxdsrhbcdsfvvghhhggggfff
sakthick46
 
Artificial Intelligence presentation.pptx
snehajana651
 
Unlimited G+12 Dubai DM exam questions for contractor
saniyashaik2089
 
Line Sizing presentation about pipe sizes
anniebuzzfeed
 
Engagement for marriage life ethics b.pptx
SyedBabar19
 
SS27 Environments & Design Trend Book Peclers Paris
Peclers Paris
 
Zidane ben hmida _ Portfolio
Zidane Ben Hmida
 
Economics Reforms of Alauddin Khilji.pptx
Kritisharma797381
 
Top 10 UI/UX Design Agencies in Dubai Shaping Digital Experiences
Tenet UI UX
 
Personalized Jewellery Guide: Engraved Rings, Initial Necklaces & Birthstones...
Dishis jewels
 
UNIT- 2 CARBON FOOT PRINT.ppt yvvuvvvvvvyvy
sriram270905
 
Digital Printing presentation-update-26.08.24.pptx
MDFoysalAhmed13
 
Web Design: Enhancing User Experience & Brand Value
ashokmakwana0303
 
designing in footwear- exploring the art and science behind shoe design
madhuvidya7
 
Amplopxxxxxxxxxvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv
Lm Hardin 'Idin'
 

UX Prototyping (UXiD) - Slide by Anton Chandra and Bahni Mahariasha