46
[email protected] EXPÉRIENCE CLIENT ET INTERFACE MOBILES QUELS USAGES ET COMMENT CONCEVOIR SES SERVICES DIGITAUX ? Axel JOHNSTON Designer d’expérience utilisateur Cofondateur d’Akiani [email protected] www.akiani.fr

Experience client et mobilité

  • Upload
    akiani

  • View
    177

  • Download
    1

Embed Size (px)

Citation preview

Page 1: Experience client et mobilité

[email protected]

EXPÉRIENCE CLIENT ET INTERFACE MOBILES

QUELS USAGES ET COMMENT CONCEVOIR SES SERVICES DIGITAUX ?

Axel JOHNSTONDesigner d’expérience utilisateur

Cofondateur d’Akiani

[email protected]

www.akiani.fr

Page 2: Experience client et mobilité

[email protected]

Axel JOHNSTON

12/8/2014 2

Page 3: Experience client et mobilité

[email protected]

Designer d’expérience utilisateur

12/8/2014 3

Page 4: Experience client et mobilité

[email protected]/8/2014 4

Cofondateur

human factors consulting

Page 5: Experience client et mobilité

[email protected]

Formateur

Intervenant conférences UX & CX

Responsable antenne Flupa Bordeaux

12/8/2014 5

Page 6: Experience client et mobilité

[email protected]/8/2014 http://olgacarreras.blogspot.com.es/2007/02/wireframes.html 6

Design d’expérience client

Etudier les usages des clients pour concevoir des services

plus utiles, plus innovants, plus efficaces, plus mémorables

Page 7: Experience client et mobilité

[email protected]/8/2014 7

Design d’expérience client

vs

Design d’expérience utilisateur

Page 8: Experience client et mobilité

[email protected]/8/2014 8

Page 9: Experience client et mobilité

[email protected]/8/2014 9

design de produit design d’expérience

Page 10: Experience client et mobilité

[email protected]/12/2014 10Flickr / jaumescar

« L’acheteur fait son choix dans les

90 premières secondes de la visite »

Stéphane Plaza (Agent immobilier)

Page 11: Experience client et mobilité

[email protected]/12/2014 11Flickr / jaumescar

« Users often leave Web pages in

10-20 seconds »

Jakob Nielsen (Gouru de l’utilisabilité web)

Page 12: Experience client et mobilité

[email protected]/8/2014 http://olgacarreras.blogspot.com.es/2007/02/wireframes.html 12

Engagement

faculté de transformer une intention en action

et de maintenir un niveau d’attention sur le long terme

Page 13: Experience client et mobilité

[email protected]/8/2014 13

Page 14: Experience client et mobilité

[email protected]/8/2014 14

Page 15: Experience client et mobilité

[email protected]/12/2014 15

Coûts

Bénéfices

Prise de décision

Page 16: Experience client et mobilité

[email protected]

Un grand pouvoir vient avec de grandes responsabilités

08/12/2014 16

Page 17: Experience client et mobilité

[email protected]

Le poids du m-commerce

Flickr / afagen

Page 18: Experience client et mobilité

[email protected] / 18

401 429

131

442

11

124

0

200

400

600

800

1000

1200

2010 2013

Tablette

Mobile

PC

Temps passé (US) par plateforme digitale (Milliards de minutes)

comScore Media Metrix Multi-Platform, US, Decembre 2013

Page 19: Experience client et mobilité

[email protected] / 20

Développement de la part mobile

6%

14%

Proportion des achats depuis un mobile lors du « Black Friday »

américain

2010 2011

24%

40%

2012 2013

Page 20: Experience client et mobilité

[email protected]

Des essais chez Amazon ont montré

qu’une augmentation du temps de chargement de

100 ms leur faisait perdre 1% du volume de vente

/ 2104/09/2014

http://www.websiteoptimization.com/speed/tweak/psychology-web-performance/

Page 21: Experience client et mobilité

[email protected] / 22

-4.30%

48.80%

Sites web Applications

Fréquentation des sites web et applications – Dec 13 vs Dec 12Etude réalisée du 1er janvier 2012 au 31 Décembre 2013 sur un périmètre de 2 933 sites web et 263

applications auditées par AT Internet

Page 22: Experience client et mobilité

[email protected]

On compte en moyenne

41téléchargements d’appli par smartphone

/ 2304/09/2014

http://www.websiteoptimization.com/speed/tweak/psychology-web-performance/

Page 23: Experience client et mobilité

[email protected] / streamishmc

98 % utilisent

+ de 1 device par jour

Page 24: Experience client et mobilité

[email protected]

Le phénomène cross-device

Flickr / alexerde

Page 25: Experience client et mobilité

[email protected]

90 % des tâches sont commencées sur un

écran puis terminées sur un autre

/ 26

Une expérience multi device …

Page 26: Experience client et mobilité

[email protected]

66% utilisent 2

appareils ou plus

en même temps

/ 27

…. multi-tâche …

81%lorsque c’est

devant une télévision

Page 27: Experience client et mobilité

[email protected] / 28

… avec un impact sur l’engagement utilisateur

1x

3,4x

1x

Taux d’engagement moyen Taux de conversion moyen

5,4x

Mono device Cross device Mono device Cross device

Page 28: Experience client et mobilité

[email protected]

chez Ebay les visiteurs multi-devices

achètent 2x plus que les autres utilisateurs

/ 2904/09/2014

http://www.websiteoptimization.com/speed/tweak/psychology-web-performance/

Page 29: Experience client et mobilité

[email protected] / 3004/09/2014

Concevoir une expérience utilisateur multi-

canal

Flickr / yourdon

Page 30: Experience client et mobilité

[email protected] / 3104/09/2014Flickr / yourdon

#1 complémentarité

Comment ne pas faire doublon et apporter une nouvelle expérience

encore plus innovante pour mes utilisateurs ?

@akiani_fr

Page 31: Experience client et mobilité

[email protected] / 32

Page 32: Experience client et mobilité

[email protected] / 3304/09/2014Flickr / yourdon

#2 continuité

Comment créer une expérience « sans couture » ?

@akiani_fr

Page 33: Experience client et mobilité

[email protected] / 34

Page 34: Experience client et mobilité

[email protected] / 3504/09/2014Flickr / yourdon

#3 fonctionnalités

Quelles sont les fonctionnalités propres au device

qui pourraient apporter une valeur ajoutée ?

@akiani_fr

Page 35: Experience client et mobilité

[email protected]

Desktop Tablette Smartphone Smartwatch

Géolocalisation - + +++ +++

Accéléromètre ++ +++ +++

Gyroscope ++ +++ +++

Carte graphique +++ ++ + ---

Surface

d’affichage

+++ ++ + -

Interaction Souris / clavier Tactile Tactile / voix Tactile / voix

/ 36

Page 36: Experience client et mobilité

[email protected] / 3704/09/2014Flickr / yourdon

#4 contexte d’utilisation

Quel est le contexte d’utilisation ?

@akiani_fr

Page 37: Experience client et mobilité

[email protected] / 38

Zone de confort :

7/8 mm

– Environ 40 px

Page 38: Experience client et mobilité

[email protected] / 39

Contexte d’utilisation : Spécificité des

interactions

04/09/2014

Page 39: Experience client et mobilité

[email protected] / 40

Contexte d’utilisation : Spécificité des

interactions

04/09/2014

Page 40: Experience client et mobilité

[email protected] / 41

Source : « The new multi-

screen world » (Google, Ipsos,

and Sterling)

Page 41: Experience client et mobilité

[email protected] / 42

Page 42: Experience client et mobilité

[email protected] / 43

Contexte d’utilisation : Interruption de tâches

Page 43: Experience client et mobilité

[email protected] / 4404/09/2014Flickr / yourdon

#1 complémentarité

#2 continuité

#3 fonctionnalités

#4 contexte d’utilisation

@akiani_fr

Page 44: Experience client et mobilité

[email protected] / 45

1.4

19

0

2

4

6

8

10

12

14

16

18

20

2013 2018

Page 45: Experience client et mobilité

[email protected] / 46

1.4

19

0

2

4

6

8

10

12

14

16

18

20

2013 2018

Prévision d’évolution de marché pour les objets connectés

de 2013 à 2018 (Milliards de dollars US)

Page 46: Experience client et mobilité

[email protected]

MERCI DE VOTRE ATTENTION

DES QUESTIONS ?

Axel JOHNSTONDesigner d’expérience utilisateur

Cofondateur d’Akiani

[email protected]

www.akiani.fr

twitter.com/akini_fr

facebook.com/akiani.fr