ux cookbook for startups
TRANSCRIPT
![Page 1: UX Cookbook for Startups](https://reader034.vdocuments.mx/reader034/viewer/2022042706/58a428cb1a28ab3e3d8b478d/html5/thumbnails/1.jpg)
A UX Design Presentation
UX Cookbook for Startups
Sigit Adinugroho for Tech In Asia DevTalk 2016
Jakarta, Indonesia
![Page 2: UX Cookbook for Startups](https://reader034.vdocuments.mx/reader034/viewer/2022042706/58a428cb1a28ab3e3d8b478d/html5/thumbnails/2.jpg)
A. K. A. How to cook a
“minimum delightful dish”
![Page 3: UX Cookbook for Startups](https://reader034.vdocuments.mx/reader034/viewer/2022042706/58a428cb1a28ab3e3d8b478d/html5/thumbnails/3.jpg)
A little bit about me
2003-2007 Studied design
2007-2012 Started my career in UX design
2012-2014 Left comfort zone and joined multiple startups
2014 Tried corporate once again.
2015—2016 Trying to enjoy life more and share more
2011-2013 Went back to design school
![Page 4: UX Cookbook for Startups](https://reader034.vdocuments.mx/reader034/viewer/2022042706/58a428cb1a28ab3e3d8b478d/html5/thumbnails/4.jpg)
Fast Food (Minimum Viable Product)
vs.
Home-Cooked Food (Minimum Delightful Product)
![Page 5: UX Cookbook for Startups](https://reader034.vdocuments.mx/reader034/viewer/2022042706/58a428cb1a28ab3e3d8b478d/html5/thumbnails/5.jpg)
This is Mom. Mom cooks food everyday. Mom cares about nutrition & taste. Mom doesn’t get Michelin stars, but Mom’s cooking satisfies.
Be like Mom.
![Page 6: UX Cookbook for Startups](https://reader034.vdocuments.mx/reader034/viewer/2022042706/58a428cb1a28ab3e3d8b478d/html5/thumbnails/6.jpg)
The UX Recipe Pyramid
Optimise the job & delight the users
FUNCTION
DELIGHT
Gets the job done & advocates the user
Satisfies appetites.
Business, Technology,
Customer Experience, Product Market Fit
and all that
![Page 7: UX Cookbook for Startups](https://reader034.vdocuments.mx/reader034/viewer/2022042706/58a428cb1a28ab3e3d8b478d/html5/thumbnails/7.jpg)
Why product design fails
Technology PeopleBusiness
Because, these come first… …then this.(either one)
![Page 8: UX Cookbook for Startups](https://reader034.vdocuments.mx/reader034/viewer/2022042706/58a428cb1a28ab3e3d8b478d/html5/thumbnails/8.jpg)
TechnologyBusinessPeople
It should be this
People
Start with this …and continue building with all 3 in mind
![Page 9: UX Cookbook for Startups](https://reader034.vdocuments.mx/reader034/viewer/2022042706/58a428cb1a28ab3e3d8b478d/html5/thumbnails/9.jpg)
Product Myths
![Page 10: UX Cookbook for Startups](https://reader034.vdocuments.mx/reader034/viewer/2022042706/58a428cb1a28ab3e3d8b478d/html5/thumbnails/10.jpg)
#1 My product will be the next big thing
![Page 11: UX Cookbook for Startups](https://reader034.vdocuments.mx/reader034/viewer/2022042706/58a428cb1a28ab3e3d8b478d/html5/thumbnails/11.jpg)
#2 People will know how to use my product.
![Page 12: UX Cookbook for Startups](https://reader034.vdocuments.mx/reader034/viewer/2022042706/58a428cb1a28ab3e3d8b478d/html5/thumbnails/12.jpg)
#3 Technology can solve everything.
![Page 13: UX Cookbook for Startups](https://reader034.vdocuments.mx/reader034/viewer/2022042706/58a428cb1a28ab3e3d8b478d/html5/thumbnails/13.jpg)
The Recipe
![Page 14: UX Cookbook for Startups](https://reader034.vdocuments.mx/reader034/viewer/2022042706/58a428cb1a28ab3e3d8b478d/html5/thumbnails/14.jpg)
#1 Design Sprints/Workshops
![Page 15: UX Cookbook for Startups](https://reader034.vdocuments.mx/reader034/viewer/2022042706/58a428cb1a28ab3e3d8b478d/html5/thumbnails/15.jpg)
1
Understand
2
Ideation
3
Customer Journeys
#1 Design Sprints/Workshops
![Page 16: UX Cookbook for Startups](https://reader034.vdocuments.mx/reader034/viewer/2022042706/58a428cb1a28ab3e3d8b478d/html5/thumbnails/16.jpg)
1
Understand
Stakeholders Pain Cure Aspirations
Users Business
![Page 17: UX Cookbook for Startups](https://reader034.vdocuments.mx/reader034/viewer/2022042706/58a428cb1a28ab3e3d8b478d/html5/thumbnails/17.jpg)
2
Ideation
Product Ideas Brand Ideas
Storyboards Interaction
IA
Identity
Customer Experience
![Page 18: UX Cookbook for Startups](https://reader034.vdocuments.mx/reader034/viewer/2022042706/58a428cb1a28ab3e3d8b478d/html5/thumbnails/18.jpg)
3
Customer Journey
Based on the product, create a list of most important journeys
when they interact with your product’s touchpoints.
![Page 19: UX Cookbook for Startups](https://reader034.vdocuments.mx/reader034/viewer/2022042706/58a428cb1a28ab3e3d8b478d/html5/thumbnails/19.jpg)
Product Design
Nadia needs A
Joko needs B
Rangga needs B
Specific flows
![Page 20: UX Cookbook for Startups](https://reader034.vdocuments.mx/reader034/viewer/2022042706/58a428cb1a28ab3e3d8b478d/html5/thumbnails/20.jpg)
Nadia needs to confirm receipt
Joko needs to buy a thing
Rangga needs to be a merchant
Check iPhone App
Browse
Signs up Pick Merchant
Fill forms
Wait
Pick Item Click Buy Checkout
Open Order List
Tick on Received
![Page 21: UX Cookbook for Startups](https://reader034.vdocuments.mx/reader034/viewer/2022042706/58a428cb1a28ab3e3d8b478d/html5/thumbnails/21.jpg)
Step 1 Step 2 Step 3 Step 4
Step 5 Step 6
Detailed Customer Journey with Storyboard
![Page 22: UX Cookbook for Startups](https://reader034.vdocuments.mx/reader034/viewer/2022042706/58a428cb1a28ab3e3d8b478d/html5/thumbnails/22.jpg)
#2 Prototype
![Page 23: UX Cookbook for Startups](https://reader034.vdocuments.mx/reader034/viewer/2022042706/58a428cb1a28ab3e3d8b478d/html5/thumbnails/23.jpg)
Low fidelity
Sketches
Paper cards
#2 Prototype
High fidelity
Invision/Flinto/Atomic
HTML/JS/CSS
![Page 25: UX Cookbook for Startups](https://reader034.vdocuments.mx/reader034/viewer/2022042706/58a428cb1a28ab3e3d8b478d/html5/thumbnails/25.jpg)
Source: https://squashpartner.files.wordpress.com/2012/03/img_0072.jpg
![Page 26: UX Cookbook for Startups](https://reader034.vdocuments.mx/reader034/viewer/2022042706/58a428cb1a28ab3e3d8b478d/html5/thumbnails/26.jpg)
![Page 27: UX Cookbook for Startups](https://reader034.vdocuments.mx/reader034/viewer/2022042706/58a428cb1a28ab3e3d8b478d/html5/thumbnails/27.jpg)
![Page 28: UX Cookbook for Startups](https://reader034.vdocuments.mx/reader034/viewer/2022042706/58a428cb1a28ab3e3d8b478d/html5/thumbnails/28.jpg)
Principle
![Page 29: UX Cookbook for Startups](https://reader034.vdocuments.mx/reader034/viewer/2022042706/58a428cb1a28ab3e3d8b478d/html5/thumbnails/29.jpg)
#3 Validate
![Page 30: UX Cookbook for Startups](https://reader034.vdocuments.mx/reader034/viewer/2022042706/58a428cb1a28ab3e3d8b478d/html5/thumbnails/30.jpg)
#3 Validate
Test screen usage (using online tools)
Interviews + observations
Stakeholder meetings
![Page 31: UX Cookbook for Startups](https://reader034.vdocuments.mx/reader034/viewer/2022042706/58a428cb1a28ab3e3d8b478d/html5/thumbnails/31.jpg)
Source: https://squashpartner.files.wordpress.com/2012/03/img_0072.jpg
![Page 32: UX Cookbook for Startups](https://reader034.vdocuments.mx/reader034/viewer/2022042706/58a428cb1a28ab3e3d8b478d/html5/thumbnails/32.jpg)
Invision
![Page 33: UX Cookbook for Startups](https://reader034.vdocuments.mx/reader034/viewer/2022042706/58a428cb1a28ab3e3d8b478d/html5/thumbnails/33.jpg)
Lookback
![Page 34: UX Cookbook for Startups](https://reader034.vdocuments.mx/reader034/viewer/2022042706/58a428cb1a28ab3e3d8b478d/html5/thumbnails/34.jpg)
#4 Design Backlogs
![Page 35: UX Cookbook for Startups](https://reader034.vdocuments.mx/reader034/viewer/2022042706/58a428cb1a28ab3e3d8b478d/html5/thumbnails/35.jpg)
#4 Design Backlogs
Include design stories in backlogs
Assign somebody to groom it
![Page 36: UX Cookbook for Startups](https://reader034.vdocuments.mx/reader034/viewer/2022042706/58a428cb1a28ab3e3d8b478d/html5/thumbnails/36.jpg)
#5 Design Quality Assurance
![Page 37: UX Cookbook for Startups](https://reader034.vdocuments.mx/reader034/viewer/2022042706/58a428cb1a28ab3e3d8b478d/html5/thumbnails/37.jpg)
#5 Design Quality Assurance
Front-end results need to be QA-ed
Fix it quickly
Fix it properly
![Page 38: UX Cookbook for Startups](https://reader034.vdocuments.mx/reader034/viewer/2022042706/58a428cb1a28ab3e3d8b478d/html5/thumbnails/38.jpg)
Thank you!
TWITTER @hellosigit
PERSONAL WEBSITE
serendipified.com
DRIBBBLE dribbble.com/sigit