43
GROWTH HACKERS GUIDE TO UX KETUT SULISTYAWATI, PHD SOMIA CUSTOMER EXPERIENCE @tyawati @rarrisa @SomiaCX

Growth Hacking - UX

Embed Size (px)

Citation preview

Page 1: Growth Hacking - UX

GROWTH HACKERS GUIDE TO UX

KETUT SULISTYAWATI, PHD

SOMIA CUSTOMER EXPERIENCE

@tyawati @rarrisa @SomiaCX

Page 2: Growth Hacking - UX

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

Page 3: Growth Hacking - UX

3

Page 4: Growth Hacking - UX

4

What is this app? Why should I download it?

Page 5: Growth Hacking - UX

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

Page 6: Growth Hacking - UX

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

Page 7: Growth Hacking - UX

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

Page 8: Growth Hacking - UX

8

Your driver is on his way. Track your delivery using Go-Jek App. Download Now

Page 9: Growth Hacking - UX

3/4/15

GROWTH HACKING AND UX

9

Page 10: Growth Hacking - UX

GROWTH =

converting from non-users

to become users

10

Page 11: Growth Hacking - UX

11

1. People have abundance of choices

2. People are lazy

3. Attention is expensive

Page 12: Growth Hacking - UX

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?

Page 13: Growth Hacking - UX

13

Awareness à Consider à Sign up à First Use à Continue Using à Advocate

For every conversion step, there is a possibility that the customer will drop off

Page 14: Growth Hacking - UX

14

WHAT CAUSES THE DROP OFF?

Page 15: Growth Hacking - UX

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

Page 16: Growth Hacking - UX

3/4/15

WHAT IS UX

16

Page 17: Growth Hacking - UX

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

Page 18: Growth Hacking - UX

3/4/15 18

DIGITAL

Page 19: Growth Hacking - UX

3/4/15 19

PHYSICAL

Page 20: Growth Hacking - UX

3/4/15 20

SPACE

Page 21: Growth Hacking - UX

3/4/15 21

FORMS

Page 22: Growth Hacking - UX

3/4/15 22

SERVICE

Page 23: Growth Hacking - UX

23

Continuous, connected journey

Page 24: Growth Hacking - UX

24

http://goo.gl/H7LyCa

Total, holistic experience

Page 25: Growth Hacking - UX

3/4/15

DIY UX AUDIT

25

Page 26: Growth Hacking - UX

3/4/15

THERE’S NO SUCH THING AS GOOD OR BAD UX. IT DEPENDS ON THE CONTEXT. RELEVANT EXPERIENCE MATTERS.

26

Page 27: Growth Hacking - UX

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?

Page 28: Growth Hacking - UX

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?

Page 29: Growth Hacking - UX

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?

Page 30: Growth Hacking - UX

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

_______________________________

_______________________________

Page 31: Growth Hacking - UX

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

Page 32: Growth Hacking - UX

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.

Page 33: Growth Hacking - UX

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

Page 34: Growth Hacking - UX

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

Page 35: Growth Hacking - UX

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

Page 36: Growth Hacking - UX

“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

Page 37: Growth Hacking - UX

Users don’t like to be left wondering. Inform users what is going on, through appropriate feedback and within reasonable time.

VISIBLE STATUS

Page 38: Growth Hacking - UX

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

Page 39: Growth Hacking - UX

Error messages should be expressed: -  In plain language -  Precisely indicate the problem -  Constructively suggest a solution

PREVENT ERROR / GUIDE RECOVERY

Page 40: Growth Hacking - UX

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

Page 41: Growth Hacking - UX

3/4/15

NOW, LET’S TRY IT!

41

Page 42: Growth Hacking - UX

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/

Page 43: Growth Hacking - UX

THANK YOU KETUT SULISTYAWATI, PHD

@tyawati

www.somiacx.com

43