17
@whatusersdo #iw2014 Mobile UX 5 Optimisation Tips Lee Duddell Internet World 2014

Mobile ux internet world 2014_slideshare

Embed Size (px)

DESCRIPTION

Five Tips on how to improve your Mobile User Experience.

Citation preview

Page 1: Mobile ux internet world 2014_slideshare

@whatusersdo #iw2014

Mobile UX5 Optimisation Tips

Lee DuddellInternet World 2014

Page 2: Mobile ux internet world 2014_slideshare

@whatusersdo #iw2014

Today…

Background

5 Tips to improving Mobile UX

3 things for next week

Q&A

Page 3: Mobile ux internet world 2014_slideshare

@whatusersdo #iw2014

F o u n d e r o f W h a t U s e r s D o L t d

Lee Duddell

20+ years Digital UX

500k+ User Videos

Published 2014 Mobile Usability Report

Page 4: Mobile ux internet world 2014_slideshare

@whatusersdo #iw2014

5 Tips are…

Based on REAL User Research i.e. – what mobile users really do

o Based on CLIENT case studies

o NOT preceded with a chart showing exponential growth

o Going to be emailed to you TOMORROW

Page 5: Mobile ux internet world 2014_slideshare

@whatusersdo #iw2014

The 5 Tips

Get behind your data

Make Search work hard(er)

Support device switching

Navigation that makes sense

Focus in on Add to Bag

1

2

3

4

5

Page 6: Mobile ux internet world 2014_slideshare

@whatusersdo #iw2014

TIP 1: Get behind your data

Does not reveal Why?

Get behavioural insight

75% 86% 92%Basket Drop Out Desktop V Mobile Single product

search

Page 7: Mobile ux internet world 2014_slideshare

@whatusersdo #iw2014

C U S T O M E R C A S E S T U D Y

Analytics will tell you part of the story

Page 8: Mobile ux internet world 2014_slideshare

@whatusersdo #iw2014

TIP 2: Make Search work harder

o Menu navigation is difficult

o Prominent Search Box

o Type ahead terms are expected

o Check the result relevance/search logs

o Search for Product AND Service e.g. stores

o Granular filtering and sorting

Users IGNORE changing layout

Page 9: Mobile ux internet world 2014_slideshare

@whatusersdo #iw2014

Why?Because it’s hard to checkoutBecause they think they are missing something

of users start on a SmartPhone& finish on a computer (Google Research)

TIP 3: Support device switching

67%

Page 10: Mobile ux internet world 2014_slideshare

@whatusersdo #iw2014

Share browsing

Email product, basket or wishlist to myself

Page 11: Mobile ux internet world 2014_slideshare

@whatusersdo #iw2014

TIP 4: Menus that makes sense

Not everyone gets hamburger menus

People who don’t work in your design department don’t get iconography

Improves First Impressionso as it looks easier to use

Page 12: Mobile ux internet world 2014_slideshare

@whatusersdo #iw2014

Page 13: Mobile ux internet world 2014_slideshare

@whatusersdo #iw2014

TIP 5: Focus in on Add to Bag

Provide immediate feedback

Fat Fingering

Trust quickly eroded

Page 14: Mobile ux internet world 2014_slideshare

@whatusersdo #iw2014

The 5 Tips

Get behind your data

Make Search work hard(er)

Support device switching

Navigation that makes sense

Focus in on Add to Bag

1

2

3

4

5

Page 15: Mobile ux internet world 2014_slideshare

@whatusersdo #iw2014

3 Things for next week

Try device switching on your site

When did you last test with mobile users?

Join our LinkedIn Group: User Experience Insights

1

2

3

Page 16: Mobile ux internet world 2014_slideshare

@whatusersdo #iw2014

Q&A…