Comment concevoir une experience utilisateur cross canal

axel.johnston@akiani.fr

CONCEVOIR UNE EXPÉRIENCE UTILISATEURS MULTICANAUX

POURQUOI ET COMMENT ?

Axel JOHNSTONDesigner d’expérience utilisateur

Cofondateur d’Akiani

axel.johnston@akiani.fr

www.akiani.fr

axel.johnston@akiani.fr

• Sur 6,8 Milliards d’habitants, combien ont accès à un téléphone mobile ?

• Sur 6,8 Milliards d’habitants, combien ont accès à des toilettes saines ?

• Sur 100 transactions commerciales, combien ont commencé sur un appareil pour terminer sur un autre ?

• En moyenne, de combien d’objets connectés disposons-nous ?

• Dans 6 ans, de combien d’objets connectés disposerons-nous ?

• Dans combien de temps existera-t-il plus de tablettes que de PC ?

/ 2

Pour commencer

6 milliards

4,5 Milliards

90

3

6

maintenant

axel.johnston@akiani.fr / 3

Pour commencer

axel.johnston@akiani.fr

Le poids du m-commerce

Flickr / afagen

axel.johnston@akiani.fr / 5

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

axel.johnston@akiani.fr / 6

Une croissance exponentielle

axel.johnston@akiani.fr

Des essais chez Amazon ont montré

qu’une augmentation du temps de chargement de

100 ms leur faisait perdre 1% du volume de vente

/ 704/09/2014

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

axel.johnston@akiani.fr / 8

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

axel.johnston@akiani.fr / 9

-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

axel.johnston@akiani.fr

On compte en moyenne

41téléchargements d’appli par smartphone

/ 1004/09/2014

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

axel.johnston@akiani.fr

Le phénomène cross-device

Flickr / alexerde

axel.johnston@akiani.frFlickr / streamishmc

98 % utilisent

+ de 1 device par jour

axel.johnston@akiani.fr

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

écran puis terminées sur un autre

/ 13

Une expérience multi device …

axel.johnston@akiani.fr

66% utilisent 2

appareils ou plus

en même temps

/ 14

…. multi-tâche …

81%lorsque c’est

devant une télévision

axel.johnston@akiani.fr / 15

… 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

axel.johnston@akiani.fr

Chez Ebay les visiteurs multi-devices

achètent 2x plus que les autres utilisateurs

/ 1604/09/2014

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

axel.johnston@akiani.fr / 1704/09/2014

Concevoir une expérience utilisateur multi-

canal

Flickr / yourdon

axel.johnston@akiani.fr

• Complémentarité– Comment ne pas faire doublon et apporter une nouvelle expérience

encore plus innovante pour mes utilisateurs ?

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

• Fonctionnalités– Quelles sont les fonctionnalités propres au device qui pourraient

apporter une valeur ajoutée ?

• Le contexte d’utilisation– Quel est le contexte d’utilisation ?

• Spécificité des interactions

• Lieux, interruption de tâches et multi-tâches

• Respect des usages de la plateforme (Guidelines)

/ 18

Concevoir une expérience utilisateur multi-

canal

axel.johnston@akiani.fr

• Complémentarité– Comment ne pas faire doublon et apporter une nouvelle expérience

encore plus innovante pour mes utilisateurs ?

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

• Fonctionnalités– Quelles sont les fonctionnalités propres au device qui pourraient

apporter une valeur ajoutée ?

• Le contexte d’utilisation– Quel est le contexte d’utilisation ?

• Spécificité des interactions

• Lieux, interruption de tâches et multi-tâches

• Respect des usages de la plateforme (Guidelines)

/ 19

Concevoir une expérience utilisateur multi-

canal

axel.johnston@akiani.fr / 20

Complémentarité

axel.johnston@akiani.fr

• Complémentarité– Comment ne pas faire doublon et apporter une nouvelle expérience

encore plus innovante pour mes utilisateurs ?

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

• Fonctionnalités– Quelles sont les fonctionnalités propres au device qui pourraient

apporter une valeur ajoutée ?

• Le contexte d’utilisation– Quel est le contexte d’utilisation ?

• Spécificité des interactions

• Lieux, interruption de tâches et multi-tâches

• Respect des usages de la plateforme (Guidelines)

/ 21

Concevoir une expérience utilisateur multi-

canal

axel.johnston@akiani.fr / 22

Continuité

axel.johnston@akiani.fr

• Complémentarité– Comment ne pas faire doublon et apporter une nouvelle expérience

encore plus innovante pour mes utilisateurs ?

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

• Fonctionnalités– Quelles sont les fonctionnalités propres au device qui pourraient

apporter une valeur ajoutée ?

• Le contexte d’utilisation– Quel est le contexte d’utilisation ?

• Spécificité des interactions

• Lieux, interruption de tâches et multi-tâches

• Respect des usages de la plateforme (Guidelines)

/ 23

Concevoir une expérience utilisateur multi-

canal

axel.johnston@akiani.fr

Desktop Tablette Smartphone Smartwatch

Géolocalisation - + +++ +++

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

Gyroscope ++ +++ +++

Carte graphique +++ ++ + ---

Surface

d’affichage

+++ ++ + -

Interaction Souris / clavier Tactile Tactile / voix Tactile / voix

/ 24

Fonctionnalités

axel.johnston@akiani.fr

• Complémentarité– Comment ne pas faire doublon et apporter une nouvelle expérience

encore plus innovante pour mes utilisateurs ?

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

• Fonctionnalités– Quelles sont les fonctionnalités propres au device qui pourraient

apporter une valeur ajoutée ?

• Le contexte d’utilisation– Quel est le contexte d’utilisation ?

• Spécificité des interactions

• Lieux, interruption de tâches et multi-tâches

• Respect des usages de la plateforme (Guidelines)

/ 25

Contexte d’utilisation

axel.johnston@akiani.fr / 26

Contexte d’utilisation : Spécificité des

interactions

Zone de confort :

7/8 mm

– Environ 40 px

axel.johnston@akiani.fr / 27

Contexte d’utilisation : Spécificité des

interactions

04/09/2014

axel.johnston@akiani.fr / 28

Contexte d’utilisation : Spécificité des

interactions

04/09/2014

axel.johnston@akiani.fr / 29

Contexte d’utilisation : Spécificité des

interactionsSource : « The new multi-

screen world » (Google, Ipsos,

and Sterling)

axel.johnston@akiani.fr / 30

axel.johnston@akiani.fr / 31

Contexte d’utilisation : Interruption de tâches

axel.johnston@akiani.frhttps://dribbble.com/shots/527510-another-app?list=searches&offset=9

axel.johnston@akiani.fr

Contexte d’utilisation : respect des guidelines

https://dribbble.com/shots/527510-another-app?list=searches&offset=9

axel.johnston@akiani.fr

Google : Don’t use bottom tab bars

/ 34

axel.johnston@akiani.fr

Google : Don’t hardcode links to other apps

/ 35

axel.johnston@akiani.fr

Google : don’t use labeled back buttons

/ 36

axel.johnston@akiani.fr

Google : don’t use right-pointing carets on line items

/ 37

axel.johnston@akiani.fr

Google : don’t use right-pointing carets on line items

/ 38

axel.johnston@akiani.fr

Smartwatch

/ 39

Info coup d’oeil Interactions

minimales

axel.johnston@akiani.fr / 40

Avant de conclure

axel.johnston@akiani.fr / 41

Avant de conclure

axel.johnston@akiani.fr / 42

Logo google : temps fou pour un élément passant sur X device

axel.johnston@akiani.fr / 43

1.4

19

0

2

4

6

8

10

12

14

16

18

20

2013 2018

Avant de conclure

axel.johnston@akiani.fr / 44

1.4

19

0

2

4

6

8

10

12

14

16

18

20

2013 2018

Avant de conclure

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

de 2013 à 2018 (Milliards de dollars US)

axel.johnston@akiani.fr / 45

Pour conclure

• Pensez déclinaisons sur multiples supports

• Pensez complémentarité, continuité, fonctionnalités et contexte

• Remettez vous en question et n’oubliez pas que vos utilisateurs utilisent votre service sur tous leurs objets connectés

• Respectez les usages

• Respectez les guidelines constructeurs

• Définissez vos cas d’utilisation par device

axel.johnston@akiani.fr / 46

Pour conclure

• Si vous faites un site internet, prévoyez le « tablet friendly »

– Pas de survol

– 40px

• Ayez un coup d’avance, n’hésitez pas à investir des nouveaux devices

– L’intertie en entreprise est longue et vous ne savez pas quel sera le

paysage digital dans 1 ans

• Faites du mobile first ou smartwatch first

• Designez à taille réelle

– Faire des sketch d’interface sur papier ou imprimez les à échelle réelle

pour vous rendre compte

• TESTEZ !!

– (gorilla test, tests utilisateurs, …)

axel.johnston@akiani.fr

MERCI DE VOTRE ATTENTION

DES QUESTIONS ?

Axel JOHNSTONDesigner d’expérience utilisateur

Cofondateur d’Akiani

axel.johnston@akiani.fr

www.akiani.fr