62
Design : le diable est dans les détails Amélie Boucher & Nicolas Hess Journée de l’expérience client, Québec, 12 Novembre 2015

Design : le diable est dans les détails

Embed Size (px)

Citation preview

Page 1: Design : le diable est dans les détails

Design : le diable est dans les détails

Amélie Boucher & Nicolas Hess Journée de l’expérience client, Québec, 12 Novembre 2015

Page 2: Design : le diable est dans les détails

Design studio

Page 3: Design : le diable est dans les détails
Page 4: Design : le diable est dans les détails

1 Libellés & ton éditorial 2 Présentation, couleurs, photos 3 Symboles & pictogrammes 4 Contenu et fonctionnalités 5 Timing 6 Animations

au menu …

Page 5: Design : le diable est dans les détails

Qu’est-ce qu’un détail ?

Page 6: Design : le diable est dans les détails

Petit élément constitutif d'un ensemble, et qui peut être jugé comme secondaire :

Ne pas négliger les détails.

Petit Larousse

nom masculin

Page 7: Design : le diable est dans les détails

Un détail peut avoir un effet boeuf

Page 8: Design : le diable est dans les détails

effet objectif qui impacte la conversion

Page 9: Design : le diable est dans les détails

effet subjectifqui impacte la satisfaction utilisateur,

qui provoque une émotion

Page 10: Design : le diable est dans les détails

1.

Libellés & ton éditorial

Page 11: Design : le diable est dans les détails

Infusion Soft

Page 12: Design : le diable est dans les détails

a b

your guess ?

Page 13: Design : le diable est dans les détails

+ 48% de sign-upsa

SOURCE : WHICHTESTWON

Page 14: Design : le diable est dans les détails

Mailchimp

Page 15: Design : le diable est dans les détails

a b

your guess ?

Page 16: Design : le diable est dans les détails

+ 10% de clics et x 2 d’audience

b

SOURCE : WHICHTESTWON

Page 17: Design : le diable est dans les détails

Un bon libellé :

• n’est pas trop engageant : il ne doit pas faire peur

• n’est pas déceptif • est sémantiquement juste et adapté à

l’audience • éventuellement provoque une émotion

Page 18: Design : le diable est dans les détails

Yummly / Citymapper

Page 19: Design : le diable est dans les détails

Hook

Page 20: Design : le diable est dans les détails

2.

Présentation, couleurs, photos

Page 21: Design : le diable est dans les détails

DHL (NL)

Page 22: Design : le diable est dans les détails

a b

your guess ?

Page 23: Design : le diable est dans les détails

b + 108% de leads

SOURCE : WHICHTESTWON

Page 24: Design : le diable est dans les détails

Stéréotype What is beautiful is good

Page 25: Design : le diable est dans les détails

Le « beau » a une influence sur l’utilisabilité perçue

Page 26: Design : le diable est dans les détails

Wash and polish your car : doesn’t it drive better ?

Donald Norman

Page 27: Design : le diable est dans les détails
Page 28: Design : le diable est dans les détails
Page 29: Design : le diable est dans les détails

+ 38,9% de ventes (fr)

Salomon

SOURCE : ALTIMA

Page 30: Design : le diable est dans les détails

Salomon

Page 31: Design : le diable est dans les détails

Google Calendar

Page 32: Design : le diable est dans les détails

Microsoft (Email)

a b

your guess ?

Page 33: Design : le diable est dans les détails

b + 325% de clics

SOURCE : WHICHTESTWON

Page 34: Design : le diable est dans les détails

Grasshopper

a

b

your guess ?

Page 35: Design : le diable est dans les détails

+ 24% de revenus mensuels récurrents

… et + 49% d’utilisateurs qui choisissent le middle plana

SOURCE : WHICHTESTWON

Page 36: Design : le diable est dans les détails

La présentation peut donner du sens et de la personnalité

Page 37: Design : le diable est dans les détails
Page 38: Design : le diable est dans les détails
Page 39: Design : le diable est dans les détails

Ne pas faire original pour faire original

Page 40: Design : le diable est dans les détails

3.

Symboles et pictogrammes

Page 41: Design : le diable est dans les détails

Mappy City

Page 42: Design : le diable est dans les détails

DuoLingo

Page 43: Design : le diable est dans les détails

4.

Contenu & fonctionnalités

Page 44: Design : le diable est dans les détails

Niveau comportemental du design (Donald Norman)

Page 45: Design : le diable est dans les détails

NBA Game Time

Page 46: Design : le diable est dans les détails

NBA Game Time

Page 47: Design : le diable est dans les détails

Travailler ce genre de détails nécessite de (très) bien connaître ses utilisateurs

Page 48: Design : le diable est dans les détails

Evernote

Page 49: Design : le diable est dans les détails

Mappy City

Page 50: Design : le diable est dans les détails

5.

Timing

Page 51: Design : le diable est dans les détails

Diamond Candles

+ 12% d’emails saisis quand le message apparaît au bon moment

(et + 15% revenu par visiteur)SOURCE : WHICHTESTWON

Page 52: Design : le diable est dans les détails

Vert Baudet

Page 53: Design : le diable est dans les détails

a b

your guess ?

Page 54: Design : le diable est dans les détails

+ 8% de ventesa

SOURCE : ALTIMA

Page 55: Design : le diable est dans les détails

6.

Animations

Page 56: Design : le diable est dans les détails

Super

Page 57: Design : le diable est dans les détails

Airbnb

Page 58: Design : le diable est dans les détails

Etude Header

Page 59: Design : le diable est dans les détails

San Marina

Page 60: Design : le diable est dans les détails

+ 13% de valeur de la visite

SOURCE : ALTIMA

Page 61: Design : le diable est dans les détails

En bref :

Ce qui peut sembler relever du détail peut optimiser la conversion

… mais aussi la satisfaction et la fidélisation de vos utilisateurs

Parfois à très peu de frais

Ne pas se baser sur sa propre opinion

Page 62: Design : le diable est dans les détails

merci !

Amélie Boucher & Nicolas Hess Journée de l’expérience client, Québec, 12 Novembre 2015