This document summarizes a UX design presentation for startups. The presentation discusses a "minimum delightful product" approach to UX design, compared to fast food or minimum viable products. It presents a UX recipe pyramid with user delight and function at the top. The presentation warns against prioritizing technology over people or business needs. It then outlines a recipe for UX design including workshops to understand users, ideation, prototyping, validation, backlogs, and quality assurance. The goal is to satisfy users like a home-cooked meal rather than just getting the job done.

1. A UX Design Presentation
UX Cookbook for Startups
Sigit Adinugroho
for Tech In Asia DevTalk 2016
Jakarta, Indonesia

2. A. K. A.
How to cook a
“minimum delightful dish”

3. 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

4. Fast Food
(Minimum Viable Product)
vs.
Home-Cooked Food
(Minimum Delightful Product)

5. 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.

6. 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

7. Why product design fails
Technology PeopleBusiness
Because, these come first… …then this.
(either one)

8. TechnologyBusinessPeople
It should be this
People
Start with this …and continue building with all 3 in mind

9. Product Myths

10. #1 My product will
be the next big thing

11. #2 People will know
how to use my product.

12. #3 Technology can solve
everything.

13. The
Recipe

14. #1 Design Sprints/Workshops

15. 1
Understand
2
Ideation
3
Customer
Journeys
#1 Design Sprints/Workshops

16. 1
Understand
Stakeholders Pain Cure Aspirations
Users Business

17. 2
Ideation
Product Ideas Brand Ideas
Storyboards Interaction
IA
Identity
Customer
Experience

18. 3
Customer Journey
Based on the product, create a
list of most important journeys
when they interact with your
product’s touchpoints.

19. Product
Design
Nadia needs A
Joko needs B
Rangga needs B
Specific flows

20. 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

21. Step 1 Step 2 Step 3 Step 4
Step 5 Step 6
Detailed Customer Journey with Storyboard

22. #2 Prototype

23. Low fidelity
Sketches
Paper cards
#2 Prototype
High fidelity
Invision/Flinto/Atomic
HTML/JS/CSS

24. Source: http://get.boozerexperience.com/tag/sketches

25. Source: https://squashpartner.files.wordpress.com/2012/03/img_0072.jpg

28. Principle

29. #3 Validate

30. #3 Validate
Test screen usage (using online tools)
Interviews + observations
Stakeholder meetings

31. Source: https://squashpartner.files.wordpress.com/2012/03/img_0072.jpg

32. Invision

33. Lookback

34. #4 Design Backlogs

35. #4 Design Backlogs
Include design stories in backlogs
Assign somebody to groom it

36. #5 Design Quality Assurance

37. #5 Design Quality Assurance
Front-end results need to be QA-ed
Fix it quickly
Fix it properly

38. Thank you!
TWITTER
@hellosigit
PERSONAL WEBSITE
serendipified.com
DRIBBBLE
dribbble.com/sigit