conversion camp: translating user needs to conversion, laterooms

53
Translating User Needs to Conversion Imran Younis - Global Head of UX @imranyounis

Upload: lisa-duddington-msc

Post on 18-Jan-2017

540 views

Category:

Data & Analytics


0 download

TRANSCRIPT

Page 1: Conversion camp: Translating User Needs to Conversion, Laterooms

Translating User Needs to Conversion Imran Younis - Global Head of UX

@imranyounis

Page 2: Conversion camp: Translating User Needs to Conversion, Laterooms

Challenge… How would you get a piece of paper to travel 5 metres?

0m 5m3m2m1m 4m

!

@imranyounis

Page 3: Conversion camp: Translating User Needs to Conversion, Laterooms

Some people try doing this You come up with a solution and figure out the best possible output

@imranyounis

Page 4: Conversion camp: Translating User Needs to Conversion, Laterooms

Build it and they will come Film: Field of Dreams‘‘

@imranyounis

Page 5: Conversion camp: Translating User Needs to Conversion, Laterooms

Shouldn’t we ask why? Easily fall into a trap with solutions, not understanding the problem

@imranyounis

Page 6: Conversion camp: Translating User Needs to Conversion, Laterooms

‘‘People don’t want to buy a quarter-inch drill. They want a quarter-inch hole.

Theodore Levitt

@imranyounis

Page 7: Conversion camp: Translating User Needs to Conversion, Laterooms

Clayton Christensen Harvard Business School

@imranyounis

Page 8: Conversion camp: Translating User Needs to Conversion, Laterooms

Milkshake marketing Try and increase the sales of milkshakes for a fast food restaurant

@imranyounis

Page 9: Conversion camp: Translating User Needs to Conversion, Laterooms

What job causes you to hire a milkshake? Ask the right question‘‘

@imranyounis

Page 10: Conversion camp: Translating User Needs to Conversion, Laterooms

Clayton Christensen Harvard Business School

Long boring commute caused them to buy a milkshake

@imranyounis

Page 11: Conversion camp: Translating User Needs to Conversion, Laterooms

If you can understand the job, to improve the product becomes obvious.

Clay Christensen‘‘@imranyounis

Page 12: Conversion camp: Translating User Needs to Conversion, Laterooms

Zappos.com The problem wasn’t selling shoes, the problem was customer service

@imranyounis

Page 13: Conversion camp: Translating User Needs to Conversion, Laterooms

Applying lean UX collaboration, innovation and creativity

@imranyounis

Page 14: Conversion camp: Translating User Needs to Conversion, Laterooms

Try to work as one small, collaborative and cross-functional team, working to one common goal

@imranyounis

Page 15: Conversion camp: Translating User Needs to Conversion, Laterooms

Marshmallow Challenge Getting your business to think differently

@imranyounis

Page 16: Conversion camp: Translating User Needs to Conversion, Laterooms

Who constantly performs well?

@imranyounis

Page 17: Conversion camp: Translating User Needs to Conversion, Laterooms

Children do well why?

@imranyounis

Page 18: Conversion camp: Translating User Needs to Conversion, Laterooms

They go straight into prototyping business students try to find the single right plan

Business students

School children

@imranyounis

Page 19: Conversion camp: Translating User Needs to Conversion, Laterooms

Hei

ght

(Inc

hes)

0

10

20

30

40

50

Average Graduates Solicitors School Children

Architects & Engineers

CEOs CEOs & Exec Admin

People who do well Specialised skills + facilitation skills = success

@imranyounis

Page 20: Conversion camp: Translating User Needs to Conversion, Laterooms

Lean UX Users involved every step of the way

Users

Check Make

Think

T

@imranyounis

Page 21: Conversion camp: Translating User Needs to Conversion, Laterooms

Day 1 - Booking form discovery phase UX/IxD, Dev, BA, Legal, wider stakeholders working together

@imranyounis

Page 22: Conversion camp: Translating User Needs to Conversion, Laterooms

Customer details

Your details@imranyounis

Page 23: Conversion camp: Translating User Needs to Conversion, Laterooms

Card details@imranyounis

Page 24: Conversion camp: Translating User Needs to Conversion, Laterooms

Day 2 - Sketch & paper prototype Avoiding wireframes and designs

@imranyounis

Page 25: Conversion camp: Translating User Needs to Conversion, Laterooms

Build a prototype Cross-functional collaboration with developers

@imranyounis

Page 26: Conversion camp: Translating User Needs to Conversion, Laterooms

@imranyounis

Page 27: Conversion camp: Translating User Needs to Conversion, Laterooms

Day 3 - G.O.O.B. Get outside of the building, there are no facts inside the building

@imranyounis

Page 28: Conversion camp: Translating User Needs to Conversion, Laterooms

We did Lab-based user testing Benefits of doing moderated tests

@imranyounis

Page 29: Conversion camp: Translating User Needs to Conversion, Laterooms

More formal setting Enabling stakeholders and key team members to watch the session in real time

@imranyounis

Page 30: Conversion camp: Translating User Needs to Conversion, Laterooms

Day 4 - learn Breakdown customer insight, revisit hypothesis, iterate designs

Orange  =  29  Actions

Green  =  19  themes

@imranyounis

Page 31: Conversion camp: Translating User Needs to Conversion, Laterooms

Don’t stop, keep iterating Constantly challenging yourself to make it better for the user

user needs

DON’T STOP!

Iteration

user needs user needs

Live

@imranyounis

Page 32: Conversion camp: Translating User Needs to Conversion, Laterooms

Booking form Decreased exit links

Old form New form

12 6links links

vs

@imranyounis

Page 33: Conversion camp: Translating User Needs to Conversion, Laterooms

20 12Old form New form

input fields input fields

vs

Booking form Streamlined form

@imranyounis

Page 34: Conversion camp: Translating User Needs to Conversion, Laterooms

@imranyounis

Page 35: Conversion camp: Translating User Needs to Conversion, Laterooms

@imranyounis

Page 36: Conversion camp: Translating User Needs to Conversion, Laterooms

@imranyounis

Page 37: Conversion camp: Translating User Needs to Conversion, Laterooms

00:00:11.6hours minutes seconds

Learning every 11.6 seconds Amazon test every feature and fewer than 50% work, constantly learning

@imranyounis

Page 38: Conversion camp: Translating User Needs to Conversion, Laterooms

Failure is simply the opportunity to begin again, this time more intelligently.

Henry Ford‘‘@imranyounis

Page 39: Conversion camp: Translating User Needs to Conversion, Laterooms

Show & tell Important: talk about not what you built, but what you learnt

@imranyounis

Page 40: Conversion camp: Translating User Needs to Conversion, Laterooms

Moneyball Principle Why data-driven design is important

http://espn.go.com (Patrik Giardino)

@imranyounis

Page 41: Conversion camp: Translating User Needs to Conversion, Laterooms

Chat Bradford Major league baseball player, who threw funny, but one of the best pitchers

@imranyounis

Page 42: Conversion camp: Translating User Needs to Conversion, Laterooms
Page 43: Conversion camp: Translating User Needs to Conversion, Laterooms

98.6% of users don’t use the menu Data-driven design

@imranyounis

Page 44: Conversion camp: Translating User Needs to Conversion, Laterooms

98.9% ignore popular destinations Data-driven design

@imranyounis

Page 45: Conversion camp: Translating User Needs to Conversion, Laterooms

Vast majority use the search Data-driven design

@imranyounis

Page 46: Conversion camp: Translating User Needs to Conversion, Laterooms

User research Guerrilla testing

@imranyounis

Page 47: Conversion camp: Translating User Needs to Conversion, Laterooms

How do we meet user needs?

Emphasise the search feature

Remove distraction and white noise

Tuck away ancillary elements

Boost credibility

@imranyounis

Page 48: Conversion camp: Translating User Needs to Conversion, Laterooms

Data and hypothesis-driven design when designing our new homepage

@imranyounis

Page 49: Conversion camp: Translating User Needs to Conversion, Laterooms
Page 50: Conversion camp: Translating User Needs to Conversion, Laterooms

“I like the simplicity”

“The picture makes you want to just get away”

“The company seems reliable, as it shows a good service

rating and lots of social likes”

“This is very user friendly”

“Looks enticing andeasy to use” “Clear information

and nice colour”

Customer insight User feedback through moderated and unmoderated tests

@imranyounis

Page 51: Conversion camp: Translating User Needs to Conversion, Laterooms

100%

80%

20%

UNCHANGED WEBSITE

NEW FEATURE

Test with wider audience Gathering analytics using Maxymiser and Google Analytics

@imranyounis

Page 52: Conversion camp: Translating User Needs to Conversion, Laterooms

If you want truly to understand something, try to change it.

Kurt Lewin‘‘@imranyounis

Page 53: Conversion camp: Translating User Needs to Conversion, Laterooms

Thank you

@imranyounis