ux roii.iinfo.cz/files/ux-masterclass/111/gaillard-frederic-axance-1.pdf · axance is a french...

62
UX & ROI Improving the business value of a service with good UX and good design skills Frédéric Gaillard - Axance (UXallliance-Paris)

Upload: others

Post on 18-Aug-2020

2 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: UX ROIi.iinfo.cz/files/ux-masterclass/111/gaillard-frederic-axance-1.pdf · Axance is a French design consulting firm Specialized in incorporating user-centered design principles

UX & ROI Improving the business value of a service

with good UX and good design skills

Frédéric Gaillard - Axance (UXallliance-Paris)

Page 2: UX ROIi.iinfo.cz/files/ux-masterclass/111/gaillard-frederic-axance-1.pdf · Axance is a French design consulting firm Specialized in incorporating user-centered design principles

3 things I want to talk to you about today

Page 3: UX ROIi.iinfo.cz/files/ux-masterclass/111/gaillard-frederic-axance-1.pdf · Axance is a French design consulting firm Specialized in incorporating user-centered design principles

First

Most requests for UX servicesare not focused on business

Page 4: UX ROIi.iinfo.cz/files/ux-masterclass/111/gaillard-frederic-axance-1.pdf · Axance is a French design consulting firm Specialized in incorporating user-centered design principles

Second

UX practictionners have the right skills for achieving business goals

Page 5: UX ROIi.iinfo.cz/files/ux-masterclass/111/gaillard-frederic-axance-1.pdf · Axance is a French design consulting firm Specialized in incorporating user-centered design principles

Third

Business value is one of our best advocate for selling UX

Page 6: UX ROIi.iinfo.cz/files/ux-masterclass/111/gaillard-frederic-axance-1.pdf · Axance is a French design consulting firm Specialized in incorporating user-centered design principles

Who am I?

Page 7: UX ROIi.iinfo.cz/files/ux-masterclass/111/gaillard-frederic-axance-1.pdf · Axance is a French design consulting firm Specialized in incorporating user-centered design principles

Your presenter: Frédéric Gaillard

Founder and CEO of Axance (Paris) Axance is a French design consulting firmSpecialized in incorporating user-centered design principles into online product lifecycle Date of creation: 1999 Number of Employees: 35 Total clients: 200+ Turnover (2013): €3.9M (estim.) Founding member of UXalliance in 2005

7"

Page 8: UX ROIi.iinfo.cz/files/ux-masterclass/111/gaillard-frederic-axance-1.pdf · Axance is a French design consulting firm Specialized in incorporating user-centered design principles

What is our driver? when it comes to do our job

Page 9: UX ROIi.iinfo.cz/files/ux-masterclass/111/gaillard-frederic-axance-1.pdf · Axance is a French design consulting firm Specialized in incorporating user-centered design principles

9"

What"are"you"ready"to"do"to"help"your"client?""

Page 10: UX ROIi.iinfo.cz/files/ux-masterclass/111/gaillard-frederic-axance-1.pdf · Axance is a French design consulting firm Specialized in incorporating user-centered design principles

Can you change the world for your client?

http://www.flickr.com/photos/briantolin/5060087667

Page 11: UX ROIi.iinfo.cz/files/ux-masterclass/111/gaillard-frederic-axance-1.pdf · Axance is a French design consulting firm Specialized in incorporating user-centered design principles

Do we just wantto please our client?

http://www.flickr.com/photos/xxxxxxxxxxxxxxxx

Image"à"changer"

Page 12: UX ROIi.iinfo.cz/files/ux-masterclass/111/gaillard-frederic-axance-1.pdf · Axance is a French design consulting firm Specialized in incorporating user-centered design principles

What, …if we had a long term objective for our client?

http://www.flickr.com/photos/dannysantos/8223437759/

Page 13: UX ROIi.iinfo.cz/files/ux-masterclass/111/gaillard-frederic-axance-1.pdf · Axance is a French design consulting firm Specialized in incorporating user-centered design principles

Wouldn’t that be to make our client more successful?

http://www.flickr.com/photos/sweetcaroline13/2941682132/

Page 14: UX ROIi.iinfo.cz/files/ux-masterclass/111/gaillard-frederic-axance-1.pdf · Axance is a French design consulting firm Specialized in incorporating user-centered design principles

How can we make our client more successful?

Page 15: UX ROIi.iinfo.cz/files/ux-masterclass/111/gaillard-frederic-axance-1.pdf · Axance is a French design consulting firm Specialized in incorporating user-centered design principles

By contributing to the business value

Page 16: UX ROIi.iinfo.cz/files/ux-masterclass/111/gaillard-frederic-axance-1.pdf · Axance is a French design consulting firm Specialized in incorporating user-centered design principles

By including the business value into the design cycle

1- identify the

business problems

2- Identify the

metrics

3- Measure the value

4- Redesign

5- Asses the new

value

16"Inspired"from"Adap=ve"Path"

design"process"

Design cycle

Page 17: UX ROIi.iinfo.cz/files/ux-masterclass/111/gaillard-frederic-axance-1.pdf · Axance is a French design consulting firm Specialized in incorporating user-centered design principles

What are the metrics?

(to measure the business value)

Page 18: UX ROIi.iinfo.cz/files/ux-masterclass/111/gaillard-frederic-axance-1.pdf · Axance is a French design consulting firm Specialized in incorporating user-centered design principles

4 types of metrics

Sales & Revenue

Audience & Influence

Efficiency & Productivity Project & IT

18"

Page 19: UX ROIi.iinfo.cz/files/ux-masterclass/111/gaillard-frederic-axance-1.pdf · Axance is a French design consulting firm Specialized in incorporating user-centered design principles

Examples of metrics

Transactions, conversion, average

revenue per user, shopping cart

abandonment…

Visits, pages views, average time, bounce

rate, number of downloads,

comments, user satisfaction,

followers, tweets, likes…

Task performance, numbers of errors,

support cost, training cost,

Time-to-market, development cost, number of useless

functions…

19"

Sales & Revenue

Audience & Influence

Project & IT

Efficiency & Productivity

Page 20: UX ROIi.iinfo.cz/files/ux-masterclass/111/gaillard-frederic-axance-1.pdf · Axance is a French design consulting firm Specialized in incorporating user-centered design principles

How is UX connected to the business?

Page 21: UX ROIi.iinfo.cz/files/ux-masterclass/111/gaillard-frederic-axance-1.pdf · Axance is a French design consulting firm Specialized in incorporating user-centered design principles

UX skills have changed dramatically in the last years

Page 22: UX ROIi.iinfo.cz/files/ux-masterclass/111/gaillard-frederic-axance-1.pdf · Axance is a French design consulting firm Specialized in incorporating user-centered design principles

22"

Early"2000:"UX"="UI"="Usability"www.servicedesigntools.org/tools/30

Page 23: UX ROIi.iinfo.cz/files/ux-masterclass/111/gaillard-frederic-axance-1.pdf · Axance is a French design consulting firm Specialized in incorporating user-centered design principles

23"

Today:"UX"="productKservice"="strategy"http://burlix.files.wordpress.com/2011/03/learn-i-verse-1.jpg

Page 24: UX ROIi.iinfo.cz/files/ux-masterclass/111/gaillard-frederic-axance-1.pdf · Axance is a French design consulting firm Specialized in incorporating user-centered design principles

UX mission is to build the service that fits best to the customer needs

Page 25: UX ROIi.iinfo.cz/files/ux-masterclass/111/gaillard-frederic-axance-1.pdf · Axance is a French design consulting firm Specialized in incorporating user-centered design principles

Let’s see some concrete examples

Page 26: UX ROIi.iinfo.cz/files/ux-masterclass/111/gaillard-frederic-axance-1.pdf · Axance is a French design consulting firm Specialized in incorporating user-centered design principles

3 case studies where UX helped to improve the business value

Devred men clothings

Concorde luxury Hotels

Bispebjerg Hospital

26"

Page 27: UX ROIi.iinfo.cz/files/ux-masterclass/111/gaillard-frederic-axance-1.pdf · Axance is a French design consulting firm Specialized in incorporating user-centered design principles

27"

Page 28: UX ROIi.iinfo.cz/files/ux-masterclass/111/gaillard-frederic-axance-1.pdf · Axance is a French design consulting firm Specialized in incorporating user-centered design principles

Devred: clothings for men

300+ shops in France

28"

38,000 clothes sold everyday

Website sells less than 1 store Average time spent online is 2.5 min.

Page 29: UX ROIi.iinfo.cz/files/ux-masterclass/111/gaillard-frederic-axance-1.pdf · Axance is a French design consulting firm Specialized in incorporating user-centered design principles

What were the business problems?

•  Webshop had poor sales performance

•  Connection between online visits and store sales is not clear

•  Web developments have been expensive compared to the current benefits

29"

Page 30: UX ROIi.iinfo.cz/files/ux-masterclass/111/gaillard-frederic-axance-1.pdf · Axance is a French design consulting firm Specialized in incorporating user-centered design principles

3 metrics have been measured

Transactions, conversion, average

revenue per user, shopping cart

abandonment…

Visits, pages views, average time, bounce

rate, number of downloads,

comments, user satisfaction,

followers, tweets, likes…

Task performance, numbers of errors,

support cost, training cost,

Time-to-market, development cost, number of useless

functions…

30"

Sales & Revenue

Audience & Influence

Project & IT

Efficiency & Productivity

Page 31: UX ROIi.iinfo.cz/files/ux-masterclass/111/gaillard-frederic-axance-1.pdf · Axance is a French design consulting firm Specialized in incorporating user-centered design principles

How do customers make a purchase decision?

We analysed the buying factors and compared it to company strategy

31"

We observed customers (and employees) in context of use

We listened to the customers

Page 32: UX ROIi.iinfo.cz/files/ux-masterclass/111/gaillard-frederic-axance-1.pdf · Axance is a French design consulting firm Specialized in incorporating user-centered design principles

Learning: men don’t buy clothes like women do

32"

Page 33: UX ROIi.iinfo.cz/files/ux-masterclass/111/gaillard-frederic-axance-1.pdf · Axance is a French design consulting firm Specialized in incorporating user-centered design principles

We organized products around “total looks”

33"

Lookbook Same look as the one in store

Page 34: UX ROIi.iinfo.cz/files/ux-masterclass/111/gaillard-frederic-axance-1.pdf · Axance is a French design consulting firm Specialized in incorporating user-centered design principles

We have reduced the development costs

34"

•  We have focused on a few features(we have droped some complex ideas to speed up the process: e.g. loyalty card)

•  We always had one IT member at each meeting(we have always looked for the cheapest solution)

•  We have worked with experienced employees

•  We did not change the structure of the pages

•  We used existing pictures

•  …

Page 35: UX ROIi.iinfo.cz/files/ux-masterclass/111/gaillard-frederic-axance-1.pdf · Axance is a French design consulting firm Specialized in incorporating user-centered design principles

Main results after 3 months

35"

•  E-store has become the first point of sale

•  Conversion rate has increased by 92%

•  User satisfaction has increased by 134%

•  Development costs were reduced by 43%

Page 36: UX ROIi.iinfo.cz/files/ux-masterclass/111/gaillard-frederic-axance-1.pdf · Axance is a French design consulting firm Specialized in incorporating user-centered design principles

36"

Page 37: UX ROIi.iinfo.cz/files/ux-masterclass/111/gaillard-frederic-axance-1.pdf · Axance is a French design consulting firm Specialized in incorporating user-centered design principles

Hotels Concorde: luxurious rooms mostly sold at Online Travel Agencies

37"

Website Product page

Listings at OTA

Page 38: UX ROIi.iinfo.cz/files/ux-masterclass/111/gaillard-frederic-axance-1.pdf · Axance is a French design consulting firm Specialized in incorporating user-centered design principles

What were the business problems?

38"

•  Poor conversion rate

•  Business dependency with OTAs involving high fees (e.g. Booking, Expedia)

•  Decreasing sales from foreign markets(Russia, Japan, China…)

Page 39: UX ROIi.iinfo.cz/files/ux-masterclass/111/gaillard-frederic-axance-1.pdf · Axance is a French design consulting firm Specialized in incorporating user-centered design principles

3 metrics have been measured

Transactions, conversion, average

revenue per user, shopping cart

abandonment…

Visits, pages views, average time, bounce

rate, number of downloads,

comments, user satisfaction,

followers, tweets, likes…

Task performance, numbers of errors,

support cost, training cost,

Time-to-market, development cost, number of useless

functions…

39"

Sales & Revenue

Audience & Influence

Project & IT

Efficiency & Productivity

Page 40: UX ROIi.iinfo.cz/files/ux-masterclass/111/gaillard-frederic-axance-1.pdf · Axance is a French design consulting firm Specialized in incorporating user-centered design principles

How do customers book a room online?

40"

When do users leave the site? Why do users leave the site?

Are there any usability flaws when discovering the product page?

How is a luxury room is perceived on a OTA site?

Page 41: UX ROIi.iinfo.cz/files/ux-masterclass/111/gaillard-frederic-axance-1.pdf · Axance is a French design consulting firm Specialized in incorporating user-centered design principles

Main insights from users

41"

•  Some users wanted to call a clerk before completed their booking: They couldn’t find the phone number on the pageThe telephone number (toll free) wasn’t visible on site pages

•  Most users wanted to book a table at the restaurant: They couldn’t find a “booking” button on the pageThe Booking button was missing on the restaurant page

•  The rate strategy was confusing for most customers: They had to choose between 57 different options for 1 room

•  Some foreign visitors were expecting a translated version of the site on their own languageThe “English only” version was not enough for Japanese or Russian visitors

Page 42: UX ROIi.iinfo.cz/files/ux-masterclass/111/gaillard-frederic-axance-1.pdf · Axance is a French design consulting firm Specialized in incorporating user-centered design principles

We moved strategic information above the fold

42"

Fold%

BEFORE AFTER

Toll free

Package

Page 43: UX ROIi.iinfo.cz/files/ux-masterclass/111/gaillard-frederic-axance-1.pdf · Axance is a French design consulting firm Specialized in incorporating user-centered design principles

We added a “booking engine” on the restaurant page

43"

BEFORE AFTER

""""

Page 44: UX ROIi.iinfo.cz/files/ux-masterclass/111/gaillard-frederic-axance-1.pdf · Axance is a French design consulting firm Specialized in incorporating user-centered design principles

We simplified the rates and added an “economy” version

44"

BEFORE AFTER

- Reduction of number of rates - Addition of a non-refundable economy rate (like on OTA’s)

""""

Page 45: UX ROIi.iinfo.cz/files/ux-masterclass/111/gaillard-frederic-axance-1.pdf · Axance is a French design consulting firm Specialized in incorporating user-centered design principles

We translated the site into full Japanese and Russian

45"

Japanese Russian

Page 46: UX ROIi.iinfo.cz/files/ux-masterclass/111/gaillard-frederic-axance-1.pdf · Axance is a French design consulting firm Specialized in incorporating user-centered design principles

We proposed guests to customize their order with some special additional services

46"

Options: breakfast, chocolate box, champagne, spa…

""""

Page 47: UX ROIi.iinfo.cz/files/ux-masterclass/111/gaillard-frederic-axance-1.pdf · Axance is a French design consulting firm Specialized in incorporating user-centered design principles

We displayed alternates dates when hotel fully booked on specific dates

47"

At hotel level

At offer level

At room level

Page 48: UX ROIi.iinfo.cz/files/ux-masterclass/111/gaillard-frederic-axance-1.pdf · Axance is a French design consulting firm Specialized in incorporating user-centered design principles

Main results

48"

•  Conversion rate has increased by 40%(by simply moving the toll free number to the top)

•  20% of restaurant customers have booked online (700 booking after first Month “booking button” was added) Added revenue of 50 K€/Month

•  Conversion rate increased by 430%(by simplifying the number of rates and adding a non-refundable economy option)

•  Conversion rate increased from 1.6% to 6% on new full Japanese version (and from 1.8% to 5.5% for Russian)

•  The site brings more business than OTA (first source of online business)

Page 49: UX ROIi.iinfo.cz/files/ux-masterclass/111/gaillard-frederic-axance-1.pdf · Axance is a French design consulting firm Specialized in incorporating user-centered design principles

49"

Page 50: UX ROIi.iinfo.cz/files/ux-masterclass/111/gaillard-frederic-axance-1.pdf · Axance is a French design consulting firm Specialized in incorporating user-centered design principles

50"

Bispebjerg"hospital:"among"the"5"largest"Danish"projects"in"the"industry"

Page 51: UX ROIi.iinfo.cz/files/ux-masterclass/111/gaillard-frederic-axance-1.pdf · Axance is a French design consulting firm Specialized in incorporating user-centered design principles

What were the business challenges?

51"

•  Maintenance costs were higher than the average Danish hospital

•  Training and administrative time were very high

•  Neucosodomiale disease cases had increased in the last year

•  Previous IT developments have been quite expensive

Page 52: UX ROIi.iinfo.cz/files/ux-masterclass/111/gaillard-frederic-axance-1.pdf · Axance is a French design consulting firm Specialized in incorporating user-centered design principles

3 metrics have been measured

Transactions, conversion, average

revenue per user, shopping cart

abandonment…

Visits, pages views, average time, bounce

rate, number of downloads,

comments, user satisfaction,

followers, tweets, likes…

Task performance, numbers of errors,

support cost, training cost,

Time-to-market, development cost, number of useless

functions…

52"

Sales & Revenue

Audience & Influence

Project & IT

Efficiency & Productivity

Page 53: UX ROIi.iinfo.cz/files/ux-masterclass/111/gaillard-frederic-axance-1.pdf · Axance is a French design consulting firm Specialized in incorporating user-centered design principles

53"

What are the internal processes?

Page 54: UX ROIi.iinfo.cz/files/ux-masterclass/111/gaillard-frederic-axance-1.pdf · Axance is a French design consulting firm Specialized in incorporating user-centered design principles

4 main insights •  Employees were wasting time finding an available bed

•  Employees had no means to communicate an up-to-date state of equipment (which beds are available? Where are they? Can we used it?)

•  Neucosodomiale disease is due to reuse of non cleaned beds

•  IT development team was more concentrated on tools than process

54"

Page 55: UX ROIi.iinfo.cz/files/ux-masterclass/111/gaillard-frederic-axance-1.pdf · Axance is a French design consulting firm Specialized in incorporating user-centered design principles

We implemented tags on bed

900 beds to be localized by tag

55"

Reader & Dashboard

Page 56: UX ROIi.iinfo.cz/files/ux-masterclass/111/gaillard-frederic-axance-1.pdf · Axance is a French design consulting firm Specialized in incorporating user-centered design principles

We implemented e-probe on Fridges

E-probes into 90 fridges

56"

Up-to-date map of usage Reliable temperature check

Page 57: UX ROIi.iinfo.cz/files/ux-masterclass/111/gaillard-frederic-axance-1.pdf · Axance is a French design consulting firm Specialized in incorporating user-centered design principles

Main results

57"

•  Employees have saved ???�hours per week(by not having to look for available fridges)

•  Almost no fridge stay unused (??% were unused previously)

•  Maintenance delay have been reduced by ??%(by instantly localizing fridge needing to be repaired)

•  Loss of drugs have decreased (better temperature check in fridges)

•  Decrease of neucosodomiale disease(originally transmitted by bad bad cleanness)

•  Lower training costs

Page 58: UX ROIi.iinfo.cz/files/ux-masterclass/111/gaillard-frederic-axance-1.pdf · Axance is a French design consulting firm Specialized in incorporating user-centered design principles

Conclusion

Page 59: UX ROIi.iinfo.cz/files/ux-masterclass/111/gaillard-frederic-axance-1.pdf · Axance is a French design consulting firm Specialized in incorporating user-centered design principles

some takeaways

Page 60: UX ROIi.iinfo.cz/files/ux-masterclass/111/gaillard-frederic-axance-1.pdf · Axance is a French design consulting firm Specialized in incorporating user-centered design principles

takeaways

•  Challenge your client on his business •  Start small (can be only 1 change) •  Minimize the cost •  Reiterate

60"

Page 61: UX ROIi.iinfo.cz/files/ux-masterclass/111/gaillard-frederic-axance-1.pdf · Axance is a French design consulting firm Specialized in incorporating user-centered design principles

good design isgood for business

Page 62: UX ROIi.iinfo.cz/files/ux-masterclass/111/gaillard-frederic-axance-1.pdf · Axance is a French design consulting firm Specialized in incorporating user-centered design principles

Questions?

! visit our site: www.uxalliance.com