20
Understanding the key user experience considerations of achieving a successful transactional m-commerce site Sam Barton head of user experience @sam_barton

Understanding the key user experience considerations of ... · Iteration enables ‘learning how design works’ ... Why an app? 1. Customer ease - enhanced and secure experience

  • Upload
    others

  • View
    2

  • Download
    0

Embed Size (px)

Citation preview

Page 1: Understanding the key user experience considerations of ... · Iteration enables ‘learning how design works’ ... Why an app? 1. Customer ease - enhanced and secure experience

Understanding the key user experience considerations of

achieving a successful transactional m-commerce site

Sam Barton – head of user experience

@sam_barton

Page 2: Understanding the key user experience considerations of ... · Iteration enables ‘learning how design works’ ... Why an app? 1. Customer ease - enhanced and secure experience

Digital transformation

SURVIVAL-LED

2003-07

Integration and consolidation

BUSINESS-LED

2007-12

Catalogue to etail capabilities

CUSTOMER-LED

Dec ‘14

86%

2012-today

Vision for world class digital

Page 3: Understanding the key user experience considerations of ... · Iteration enables ‘learning how design works’ ... Why an app? 1. Customer ease - enhanced and secure experience

Testing has evolved

6 months 6 days

Page 4: Understanding the key user experience considerations of ... · Iteration enables ‘learning how design works’ ... Why an app? 1. Customer ease - enhanced and secure experience

The role of mobile

Page 5: Understanding the key user experience considerations of ... · Iteration enables ‘learning how design works’ ... Why an app? 1. Customer ease - enhanced and secure experience

Test everything - iterate towards redesign

Avoid incrementalism and redesign

Iteration enables ‘learning how design works’

Incrementalism RedesignIteration

Page 6: Understanding the key user experience considerations of ... · Iteration enables ‘learning how design works’ ... Why an app? 1. Customer ease - enhanced and secure experience

Fail fast to learn soonerExperiments fail often, design for it

Fail fast to learn better

90% fail

Nearly all fail

67% fail

90% fail

66% fail

Page 7: Understanding the key user experience considerations of ... · Iteration enables ‘learning how design works’ ... Why an app? 1. Customer ease - enhanced and secure experience

Evidence led approach

Through data In our UX lab On site (50/month)

PROBLEM SOLVING QUALITATIVE TESTING QUANTITATIVE TESTING

Page 8: Understanding the key user experience considerations of ... · Iteration enables ‘learning how design works’ ... Why an app? 1. Customer ease - enhanced and secure experience

Mobile gal lery – adopting ‘ fai l fast ’

(0.2)

%

Iteration 1

Iteration 2

Iteration 3

Page 9: Understanding the key user experience considerations of ... · Iteration enables ‘learning how design works’ ... Why an app? 1. Customer ease - enhanced and secure experience

Taggstar - persuasive messaging

2.7%

Idea:increase conversion

on product page using

real-time data to

inform customers on

item performance

Action:using customer review

data and real-time

purchase analytics,

temporarily surfaced a

‘persuasive’ message

Result:2.7% significant lift in

conversion

Page 10: Understanding the key user experience considerations of ... · Iteration enables ‘learning how design works’ ... Why an app? 1. Customer ease - enhanced and secure experience

Multi-device – sticky headers

Idea:make it easier for

customers to navigate

by introducing a

‘sticky’ top nav

Action:implemented across

desktop, tablet and

mobile to understand

customer behaviour

by device

Result:1.4% lift in conversion

on mobile, but 3.1%

drop on desktop

Page 11: Understanding the key user experience considerations of ... · Iteration enables ‘learning how design works’ ... Why an app? 1. Customer ease - enhanced and secure experience

Cleaner header

Control Challenger

Hypothesis accepted

1.6% significant

increase to conversion

Page 12: Understanding the key user experience considerations of ... · Iteration enables ‘learning how design works’ ... Why an app? 1. Customer ease - enhanced and secure experience

A P P S

Page 13: Understanding the key user experience considerations of ... · Iteration enables ‘learning how design works’ ... Why an app? 1. Customer ease - enhanced and secure experience

Why an app?

1. Customer ease - enhanced and secure experience

2. New communications channel – push notifications

3. Hygiene – digital retailer (in line with competition) and

future ready

Page 14: Understanding the key user experience considerations of ... · Iteration enables ‘learning how design works’ ... Why an app? 1. Customer ease - enhanced and secure experience

V1.0 (MVE) features

Analytics

Support and help

Native Search

Snap Style

Native Browse

Fluid transitions

Speed

Account

Secure

iOs

Very

Page 15: Understanding the key user experience considerations of ... · Iteration enables ‘learning how design works’ ... Why an app? 1. Customer ease - enhanced and secure experience

Keeping pace and driving innovation

Customer

led

Technology

led

Page 16: Understanding the key user experience considerations of ... · Iteration enables ‘learning how design works’ ... Why an app? 1. Customer ease - enhanced and secure experience

Customer led innovation test, iterate, test, iterate - quantify

Page 17: Understanding the key user experience considerations of ... · Iteration enables ‘learning how design works’ ... Why an app? 1. Customer ease - enhanced and secure experience

Technology led innovation partnerships

Page 18: Understanding the key user experience considerations of ... · Iteration enables ‘learning how design works’ ... Why an app? 1. Customer ease - enhanced and secure experience

Cimagine – customer led iteration

Usability benchmark for key tasks

Page 19: Understanding the key user experience considerations of ... · Iteration enables ‘learning how design works’ ... Why an app? 1. Customer ease - enhanced and secure experience

In summary

• Think mobile first

• Culture of experimentation

• Start up mentality

Page 20: Understanding the key user experience considerations of ... · Iteration enables ‘learning how design works’ ... Why an app? 1. Customer ease - enhanced and secure experience

Any questions?

@sam_barton

shopdirect.com/careers