SlideShare a Scribd company logo
GROWTH HACKERS
GUIDE TO UX
KETUT SULISTYAWATI, PHD
SOMIA CUSTOMER EXPERIENCE
@tyawati @rarrisa @SomiaCX
HELLO!
2
Who Am I?
•  Customer Experience consultant
•  Indonesian – Balinese ;)
•  Lived in Singapore for 12 years
•  Bachelor in product design – NTU, Singapore
PhD in Human Factors – NTU, Singapore
Previously worked at
•  Dell Experience Design Group, Singapore
•  Hewlett-Packard Global Design Studio
•  Reading Room, Singapore
Founded Somia Customer Experience in 2012
Hello!
We are from SOMIA
Risa
Sulis
3
4
What is this app? Why should I download it?
5
I just had a ride with GO-JEK and now I am spreading the Go-Jek love.
I would recommend you to try it too!
Get the app at http://go-jek.com/app
Enter this code
525149342
and get
Rp 50,000 free credit to your first booking
Love,
Aya
6
Enter code
Enter your email address
REDEEM
Woohooo! You’ve just got Go-Jek Love!
Enter your code and get Rp 50,000 voucher
7
Welcome to Go-Jek!
Why don’t you send some love
using your free credit
Send a bouquet of flowers
Send a box of chocolate
8
Your driver is on his way.
Track your delivery using Go-Jek App.
Download Now
3/4/15
GROWTH HACKING
AND UX
9
GROWTH =
converting from non-users
to become users
10
11
1. People have abundance of choices
2. People are lazy
3. Attention is expensive
12
So you buy traffic or hack people to come to your site.
Let’s say they do visit.
But they don’t “get” why they should try it.
What happens next?
13
Awareness à Consider à Sign up à First Use à Continue Using à Advocate
For every conversion step, there is a
possibility that the customer will drop off
14
WHAT CAUSES THE DROP OFF?
15
I don’t
understand what
this product is for
I’m confused
how to use this
product
The sign up
process is too
troublesome
I don’t know
what I should
do next
3/4/15
WHAT IS UX
16
3/4/15
WHAT IS USER EXPERIENCE (UX)
Every aspect of the user’s interaction with a product,
service, or company that make up the user’s
perceptions of the whole
Usability Professional Association
17
3/4/15 18
DIGITAL
3/4/15 19
PHYSICAL
3/4/15 20
SPACE
3/4/15 21
FORMS
3/4/15 22
SERVICE
23
Continuous,
connected
journey
24
http://goo.gl/H7LyCa
Total, holistic experience
3/4/15
DIY UX AUDIT
25
3/4/15
THERE’S NO SUCH THING AS GOOD OR BAD UX.
IT DEPENDS ON THE CONTEXT.
RELEVANT EXPERIENCE MATTERS.
26
Step 1
Identify
Business Goals
●  What does the business want to achieve by
having this product?
●  What are the indicators of success / KPI?
●  What is the Unique Value Proposition?
●  What do you want customers to say when
they are talking about the product?
Step 2
Identify
Users & Context
●  Who are the target customers?
●  What goals do they have?
●  Why do they want to use the product?
●  In what situation would they use the
product?
Step 3
Test
First Impression
●  Does the product look inviting?
●  Is it clear what the product is for and why it is
relevant for the user?
Tips: check against Unique Value Proposition
●  Is it clear what the user can do?
Step 4
Walk The
Journey
List down the scenarios the user can do
e.g.: compare products, see detailed information,
submit application, make payment
1.  _______________________________
2.  _______________________________
3.  _______________________________
_______________________________
_______________________________
Step 5
Inspect
The Details
Inspect the product elements against these
principles:
1.  Easy on the eyes
2.  Clear message
3.  Strong call to action
4.  Consistent
5.  Appropriate affordance
6.  Visible status
7.  Quick and easy access
8.  Prevent & help to recover
9.  Guided form
EASY ON THE EYE
…and the fingers, nose, ears, and
mouth.
Aim for harmony among sensorial
elements.
Provide sufficient contrast for easy
reading (texts are readable),
wearing, carrying.
Avoid jargon.
Speak the users' language, with
words, phrases and concepts
familiar to the user.
Remember that the experience is
about them (the customer),
not you (the business).
CLEAR MESSAGE
Provide strong primary call to action.
Label and highlight the call to action.
Positioned the call to action within
easy and direct access.
STRONG CALL
TO ACTION
Navigational, interactions, design
elements throughout the site must
be consistent.
Consistency implies stability. It helps
users to learn and to predict how the
site works.
CONSISTENT
“Affordance” is when the user
knows that some action is possible.
Button looks like a button.
Non-clickable link doesn’t look like a
link.
APPROPRIATE
AFFORDANCE
Users don’t like to be left
wondering.
Inform users what is going on,
through appropriate feedback and
within reasonable time.
VISIBLE STATUS
Make products quickly available:
page loads quickly, immediate
response of product interaction.
Don’t forget about the content.
They too, need to be made quickly
accessible and easy to read.
QUICK ACCESS
Error messages should be
expressed:
-  In plain language
-  Precisely indicate the problem
-  Constructively suggest a solution
PREVENT ERROR /
GUIDE RECOVERY
Even though it is better if the
system can be used without
documentation, it may be
necessary to provide help and
documentation.
PROVIDE HELP &
DOCUMENTATION
3/4/15
NOW, LET’S TRY IT!
41
DIY UX AUDIT
1. BUSINESS GOALS
2. USER & CONTEXT
3. FIRST IMPRESSION
4. WALK THE JOURNEY
5. INSPECT THE DETAILS
1.  Easy on the eyes
2.  Clear message
3.  Strong call to action
4.  Consistent
5.  Appropriate affordance
6.  Visibility of status
7.  Quick access
8.  Error prevention & recovery
9.  Help & documentation
Download for free at blog.somiacx.com or https://www.slideshare.net/somiacx/diy-ux-audit/
THANK YOU
KETUT SULISTYAWATI, PHD
@tyawati
www.somiacx.com
43

More Related Content

What's hot (20)

PPTX
UX Design Workshop
Manish Vashist
 
PDF
UI-UX Services | Web Designing Services
eLuminous Technologies Pvt. Ltd.
 
PPTX
An Easy Explanation of UX (User Experience) By Think 360 Studio
Think 360 Studio
 
PDF
Understanding Product Design UX / UI / v.3
Eduardo Wydler
 
PDF
User Experience Design - Week 1
Zarin Ficklin
 
PPTX
Tampa UX November 2014 Meetup
Mike Gallers
 
PDF
[Srijan Wednesday Webinars] Bull Session on UI/UX
Srijan Technologies
 
PDF
UX Best Practices
Theresa Neil
 
PDF
Usability...Or Strategic User Experience?
Paul Sherman
 
PPTX
[UX Series] 1 - UX Introduction
Phuong Hoang Vu
 
PDF
UX Strategy Part-1
Varun Jhariya
 
PPTX
Ux/ui Design Solution Services
deorwine infotech
 
PPTX
UI/UX Design
sumit singh
 
PDF
UX & UI Design - Differentiate through design
DMI
 
PDF
UX Process | Collaborating with Engineering
initialsjz
 
PPTX
Product and UX - are the roles blurring?
Jesse Gant
 
PDF
UI & UX Design for Startups
Richard Fang
 
PDF
Look at UI/UX Design Process
Elumalai Jayaraman
 
PDF
Design process
Leandro Puca
 
PDF
UX Lesson 4: Task & Feature Analysis
Joan Lumanauw
 
UX Design Workshop
Manish Vashist
 
UI-UX Services | Web Designing Services
eLuminous Technologies Pvt. Ltd.
 
An Easy Explanation of UX (User Experience) By Think 360 Studio
Think 360 Studio
 
Understanding Product Design UX / UI / v.3
Eduardo Wydler
 
User Experience Design - Week 1
Zarin Ficklin
 
Tampa UX November 2014 Meetup
Mike Gallers
 
[Srijan Wednesday Webinars] Bull Session on UI/UX
Srijan Technologies
 
UX Best Practices
Theresa Neil
 
Usability...Or Strategic User Experience?
Paul Sherman
 
[UX Series] 1 - UX Introduction
Phuong Hoang Vu
 
UX Strategy Part-1
Varun Jhariya
 
Ux/ui Design Solution Services
deorwine infotech
 
UI/UX Design
sumit singh
 
UX & UI Design - Differentiate through design
DMI
 
UX Process | Collaborating with Engineering
initialsjz
 
Product and UX - are the roles blurring?
Jesse Gant
 
UI & UX Design for Startups
Richard Fang
 
Look at UI/UX Design Process
Elumalai Jayaraman
 
Design process
Leandro Puca
 
UX Lesson 4: Task & Feature Analysis
Joan Lumanauw
 

Viewers also liked (8)

PDF
GO-FOOD INTRO_V7.00
Alvin Gregory
 
PDF
Indonesia Ojek online business competition
Immanuel Ginting
 
PPTX
Value Exploration, Creation and Delivery: Study case for GOJEK
Erwan Cipto Priyatmoko
 
DOCX
Go – jek
Elizabeth Patricia
 
PPTX
EWOM ON PT GOJEK INDONESIA
I Made Dwijananda
 
PPTX
Strategic Brand Analysis Traveloka
Theresia Lusiyanti
 
PDF
DIY UX Audit
Somia Customer Experience
 
DOCX
Analisis Kasus Gojek Manajemen Strategi
FarizDS
 
GO-FOOD INTRO_V7.00
Alvin Gregory
 
Indonesia Ojek online business competition
Immanuel Ginting
 
Value Exploration, Creation and Delivery: Study case for GOJEK
Erwan Cipto Priyatmoko
 
Go – jek
Elizabeth Patricia
 
EWOM ON PT GOJEK INDONESIA
I Made Dwijananda
 
Strategic Brand Analysis Traveloka
Theresia Lusiyanti
 
Analisis Kasus Gojek Manajemen Strategi
FarizDS
 

Similar to Growth Hacking - UX (20)

PPTX
Como os usuários estão interagindo com a Oppa?
Vitor Amorim
 
PDF
Email first a lean strategy & a workflow lens
Mike Biggs GAICD
 
PDF
UX for E-learning: Designing the Learner Experience
Majid Tahir
 
PPTX
User Experience Design
Lanh Le
 
PDF
Know Thy Product: Tips from a Tester
Atlassian
 
PDF
All UX Jobs Are (Not) Created Equal
Andy Montgomery
 
PPTX
UX concepts and how to make it cost-effective
Belatrix Software
 
PPSX
Improving Functional Usability
Yogesh B
 
PPTX
Mobile First Design Strategy & Process
Subhasish Karmakar
 
PDF
What ux is
costanza mosi
 
PPT
Usability: whats the use? Presented by We are Sigma and PRWD
Nexer Digital
 
PDF
Sigit Adinugroho - UX Leadership Q&A.pdf
roxomis865
 
PPTX
User Experience Masterclass 101 with Mark Swaine
Mark N Swaine
 
PDF
Becoming A User Advocate
Karl Kaufmann
 
PDF
User Experience 101 - A Practical Guide
Adrian Bunge
 
PDF
Building a wow product by @RuthlessUx
SHAHEENA ATTARWALA
 
PDF
CH_Portfolio2016
Chanelle Henry
 
PPTX
UX Sales Material January 2022
CaitlinB3
 
PDF
The Soft Skills That Get You Paid | UX Design
Laith Wallace
 
PDF
Best Practices for a Great User Experience
User Experience Labs
 
Como os usuários estão interagindo com a Oppa?
Vitor Amorim
 
Email first a lean strategy & a workflow lens
Mike Biggs GAICD
 
UX for E-learning: Designing the Learner Experience
Majid Tahir
 
User Experience Design
Lanh Le
 
Know Thy Product: Tips from a Tester
Atlassian
 
All UX Jobs Are (Not) Created Equal
Andy Montgomery
 
UX concepts and how to make it cost-effective
Belatrix Software
 
Improving Functional Usability
Yogesh B
 
Mobile First Design Strategy & Process
Subhasish Karmakar
 
What ux is
costanza mosi
 
Usability: whats the use? Presented by We are Sigma and PRWD
Nexer Digital
 
Sigit Adinugroho - UX Leadership Q&A.pdf
roxomis865
 
User Experience Masterclass 101 with Mark Swaine
Mark N Swaine
 
Becoming A User Advocate
Karl Kaufmann
 
User Experience 101 - A Practical Guide
Adrian Bunge
 
Building a wow product by @RuthlessUx
SHAHEENA ATTARWALA
 
CH_Portfolio2016
Chanelle Henry
 
UX Sales Material January 2022
CaitlinB3
 
The Soft Skills That Get You Paid | UX Design
Laith Wallace
 
Best Practices for a Great User Experience
User Experience Labs
 

Recently uploaded (20)

DOCX
presente continuo luis (1).docx riklavoz
olivaresricardo141
 
PDF
WEEK3-Literary-Gennnnnnnnnnnnnnnnnres.pdf
MaybelynVergara
 
PDF
PHILGOV-QUIZ-_20250625_182551_000.pdfhehe
errollnas3
 
DOCX
CERT HERNANDEZ CHURCH PHILIPPIBNES .docx
michael patino
 
PDF
Presentation - Interior Design Concepts (2).pdf
vrindagrawal456
 
PDF
Plastic Foam as eco-friendly product in interiors
Disha Agrawal
 
PDF
cs603 ppts .pdf 222222222222222222222222
RabiaNazneen1
 
PDF
respiratory-and-circulatory-system-pdf-hand-outs.pdf
galocharles28
 
DOCX
Redefining Master Plans for creating sustainable cities-Jharkhand Conference...
JIT KUMAR GUPTA
 
PDF
The Role of Logos as Identity Shapers (IFIC Logo)
Md. Mehedi Hasan Asif
 
PPT
Teaching Learning-1- (New) 2020.pptuuuo
omarekaabed
 
PDF
SS27 Men's Fashion Trend Book Peclers Paris
Peclers Paris
 
PDF
tdtr.pdfjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjj
JuanCParedes
 
PPTX
Bldg Mtc 8 Maintance documentation and audits - 25 (2).pptx
MwanamomoMpamba
 
PPTX
the very teaching plan extra ordinary.pptx
PamelaOdibeli1
 
PDF
AI Intervention in Design & Content Creation
YellowSlice1
 
PDF
Uber Driver Hackday Sprint Solving Ride Cancellations
YellowSlice1
 
PDF
Design Social Change Creating Social Change
Eduardo Corrêa
 
PDF
Case Study on good and bad acoustics in auditorium
Disha Agrawal
 
PPTX
DEVELOPING-PARAGRAPHS.pptx-developing...
rania680036
 
presente continuo luis (1).docx riklavoz
olivaresricardo141
 
WEEK3-Literary-Gennnnnnnnnnnnnnnnnres.pdf
MaybelynVergara
 
PHILGOV-QUIZ-_20250625_182551_000.pdfhehe
errollnas3
 
CERT HERNANDEZ CHURCH PHILIPPIBNES .docx
michael patino
 
Presentation - Interior Design Concepts (2).pdf
vrindagrawal456
 
Plastic Foam as eco-friendly product in interiors
Disha Agrawal
 
cs603 ppts .pdf 222222222222222222222222
RabiaNazneen1
 
respiratory-and-circulatory-system-pdf-hand-outs.pdf
galocharles28
 
Redefining Master Plans for creating sustainable cities-Jharkhand Conference...
JIT KUMAR GUPTA
 
The Role of Logos as Identity Shapers (IFIC Logo)
Md. Mehedi Hasan Asif
 
Teaching Learning-1- (New) 2020.pptuuuo
omarekaabed
 
SS27 Men's Fashion Trend Book Peclers Paris
Peclers Paris
 
tdtr.pdfjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjj
JuanCParedes
 
Bldg Mtc 8 Maintance documentation and audits - 25 (2).pptx
MwanamomoMpamba
 
the very teaching plan extra ordinary.pptx
PamelaOdibeli1
 
AI Intervention in Design & Content Creation
YellowSlice1
 
Uber Driver Hackday Sprint Solving Ride Cancellations
YellowSlice1
 
Design Social Change Creating Social Change
Eduardo Corrêa
 
Case Study on good and bad acoustics in auditorium
Disha Agrawal
 
DEVELOPING-PARAGRAPHS.pptx-developing...
rania680036
 

Growth Hacking - UX

  • 1. GROWTH HACKERS GUIDE TO UX KETUT SULISTYAWATI, PHD SOMIA CUSTOMER EXPERIENCE @tyawati @rarrisa @SomiaCX
  • 2. HELLO! 2 Who Am I? •  Customer Experience consultant •  Indonesian – Balinese ;) •  Lived in Singapore for 12 years •  Bachelor in product design – NTU, Singapore PhD in Human Factors – NTU, Singapore Previously worked at •  Dell Experience Design Group, Singapore •  Hewlett-Packard Global Design Studio •  Reading Room, Singapore Founded Somia Customer Experience in 2012 Hello! We are from SOMIA Risa Sulis
  • 3. 3
  • 4. 4 What is this app? Why should I download it?
  • 5. 5 I just had a ride with GO-JEK and now I am spreading the Go-Jek love. I would recommend you to try it too! Get the app at http://go-jek.com/app Enter this code 525149342 and get Rp 50,000 free credit to your first booking Love, Aya
  • 6. 6 Enter code Enter your email address REDEEM Woohooo! You’ve just got Go-Jek Love! Enter your code and get Rp 50,000 voucher
  • 7. 7 Welcome to Go-Jek! Why don’t you send some love using your free credit Send a bouquet of flowers Send a box of chocolate
  • 8. 8 Your driver is on his way. Track your delivery using Go-Jek App. Download Now
  • 10. GROWTH = converting from non-users to become users 10
  • 11. 11 1. People have abundance of choices 2. People are lazy 3. Attention is expensive
  • 12. 12 So you buy traffic or hack people to come to your site. Let’s say they do visit. But they don’t “get” why they should try it. What happens next?
  • 13. 13 Awareness à Consider à Sign up à First Use à Continue Using à Advocate For every conversion step, there is a possibility that the customer will drop off
  • 14. 14 WHAT CAUSES THE DROP OFF?
  • 15. 15 I don’t understand what this product is for I’m confused how to use this product The sign up process is too troublesome I don’t know what I should do next
  • 17. 3/4/15 WHAT IS USER EXPERIENCE (UX) Every aspect of the user’s interaction with a product, service, or company that make up the user’s perceptions of the whole Usability Professional Association 17
  • 26. 3/4/15 THERE’S NO SUCH THING AS GOOD OR BAD UX. IT DEPENDS ON THE CONTEXT. RELEVANT EXPERIENCE MATTERS. 26
  • 27. Step 1 Identify Business Goals ●  What does the business want to achieve by having this product? ●  What are the indicators of success / KPI? ●  What is the Unique Value Proposition? ●  What do you want customers to say when they are talking about the product?
  • 28. Step 2 Identify Users & Context ●  Who are the target customers? ●  What goals do they have? ●  Why do they want to use the product? ●  In what situation would they use the product?
  • 29. Step 3 Test First Impression ●  Does the product look inviting? ●  Is it clear what the product is for and why it is relevant for the user? Tips: check against Unique Value Proposition ●  Is it clear what the user can do?
  • 30. Step 4 Walk The Journey List down the scenarios the user can do e.g.: compare products, see detailed information, submit application, make payment 1.  _______________________________ 2.  _______________________________ 3.  _______________________________ _______________________________ _______________________________
  • 31. Step 5 Inspect The Details Inspect the product elements against these principles: 1.  Easy on the eyes 2.  Clear message 3.  Strong call to action 4.  Consistent 5.  Appropriate affordance 6.  Visible status 7.  Quick and easy access 8.  Prevent & help to recover 9.  Guided form
  • 32. EASY ON THE EYE …and the fingers, nose, ears, and mouth. Aim for harmony among sensorial elements. Provide sufficient contrast for easy reading (texts are readable), wearing, carrying.
  • 33. Avoid jargon. Speak the users' language, with words, phrases and concepts familiar to the user. Remember that the experience is about them (the customer), not you (the business). CLEAR MESSAGE
  • 34. Provide strong primary call to action. Label and highlight the call to action. Positioned the call to action within easy and direct access. STRONG CALL TO ACTION
  • 35. Navigational, interactions, design elements throughout the site must be consistent. Consistency implies stability. It helps users to learn and to predict how the site works. CONSISTENT
  • 36. “Affordance” is when the user knows that some action is possible. Button looks like a button. Non-clickable link doesn’t look like a link. APPROPRIATE AFFORDANCE
  • 37. Users don’t like to be left wondering. Inform users what is going on, through appropriate feedback and within reasonable time. VISIBLE STATUS
  • 38. Make products quickly available: page loads quickly, immediate response of product interaction. Don’t forget about the content. They too, need to be made quickly accessible and easy to read. QUICK ACCESS
  • 39. Error messages should be expressed: -  In plain language -  Precisely indicate the problem -  Constructively suggest a solution PREVENT ERROR / GUIDE RECOVERY
  • 40. Even though it is better if the system can be used without documentation, it may be necessary to provide help and documentation. PROVIDE HELP & DOCUMENTATION
  • 42. DIY UX AUDIT 1. BUSINESS GOALS 2. USER & CONTEXT 3. FIRST IMPRESSION 4. WALK THE JOURNEY 5. INSPECT THE DETAILS 1.  Easy on the eyes 2.  Clear message 3.  Strong call to action 4.  Consistent 5.  Appropriate affordance 6.  Visibility of status 7.  Quick access 8.  Error prevention & recovery 9.  Help & documentation Download for free at blog.somiacx.com or https://www.slideshare.net/somiacx/diy-ux-audit/
  • 43. THANK YOU KETUT SULISTYAWATI, PHD @tyawati www.somiacx.com 43