Short keynote about design for user experience and memorable experiences

2. UX,
construire des
expériences
mémorables
Rémi Brocherez
UX Director
CONFÉRENCES V// ECOM 2016
MyStore:
comment les services
cousu main de Virtua
ont accompagné la
success story de la
start-up romande
Damien Fournier
CEO
Jean-Michel Fontaine
Performance Marketing Director
Anthony Callegaro
Infrastructure Services &
Customer Care Director
Mercredi 27 Avril 2016 | 09h30 - 10h15 | Salle D
Le mythe de la
conversion sur
Internet:
définir un modèle
d'attribution pour ne
plus croire
et enfin savoir
Régis Assaad
Strategy Consulting Director
Davide Ballestra
Digital Marketing Manager
Xavier Naudeau
SEO / Web Analytics consultant
Mardi 26 Avril 2016 | 11h45 - 12h30 | Salle B
Les micros-
moments, ou comment
les nouveaux usages
digitaux transforment
l'efficacité
marketing?
Raphaël Vian
Content Marketing Director
Raphaël Ibanez
Digital Strategy Manager
Mardi 26 Avril 2016 | 13h30 - 14h15 | Salle I

4. UX
Construire des expériences mémorables

5. UNE EXPÉRIENCE UTILISATEUR ?
UN PROCESS
MÉTHODOLOGIE
A QUOI SERT CETTE MÉTHODOLOGIE UX?
LA MÉMOIRE DE L’EXPÉRIENCE

7. UX =
EXPÉRIENCE UTILISATEUR
UNE EXPÉRIENCE UTILISATEUR ?
LA MÉMOIRE DE L’EXPÉRIENCE

8. L’expérience de vos utilisateurs existe déjà.
UNE EXPÉRIENCE UTILISATEUR ?

9. Définition générale
- Nielsen Norman Group
« L’expérience utilisateur englobe tous les aspects de l’interaction
de l’utilisateur final avec l’entreprise, ses services et ses produits.
Cela implique la perception, l’apprentissage, l’usage
et plus important le besoin auquel le produit répond »
UNE EXPÉRIENCE UTILISATEUR ?

10. Encore plus simplement…
L’expérience est la perception et le ressenti
d’un individu
qui utilise un système dans le contexte d’une interaction
homme-machine.
UNE EXPÉRIENCE UTILISATEUR ?

11. UNE EXPÉRIENCE UTILISATEUR ?
Par nature,
l’expérience
est subjective
Elle se
transforme
au fil du temps
et des
circonstances.

12. Plus que de l’interface
UNE EXPÉRIENCE UTILISATEUR ?
UX = UI ?

13. Produit

14. UX

15. UI

16. Plus que de l’ergonomie
- Jesse James Garrett
« The Eléments Of User Experience »
L’ergonomie est l’une des composantes d’une expérience utilisateur réussie mais à
elle seule, elle ne peut produire une expérience positive pour l’utilisateur »
UNE EXPÉRIENCE UTILISATEUR ?

17. UNE EXPÉRIENCE UTILISATEUR ?

18. UNE EXPÉRIENCE UTILISATEUR ?

19. "You
press
the
bu-on,
we
do
the
rest."
George
Eastman,
1888
UNE EXPÉRIENCE UTILISATEUR ?

21. UN PROCESS
LA MÉMOIRE DE L’EXPÉRIENCE

22. L’UX n’est pas une « chose »
que l’on applique à un produit.
C’est la façon dont on va concevoir ce produit qui va définir l’UX.
UN PROCESS

23. > La démarche UX s’inscrit dans un processus
de Design
UN PROCESS
Le Design est une discipline orientée
vers la résolution de problèmes.
Il s’attache à découvrir quel est le problème…
pour innover dans la solution.

24. Recherche Concept Prototype Design
UN PROCESS

25. > La démarche UX s’appuie sur différents domaines
UN PROCESS

26. > Un dispositif digital au prisme de l’UX
UN PROCESS

27. > La démarche UX
UN PROCESS

28. MÉTHODOLOGIE
LA MÉMOIRE DE L’EXPÉRIENCE

29. Le Design Thinking repose
sur 3 constats simples

30. #1:
Nous sommes tous différents

31. Recherche et Empathie

32. #2:
Plus le choix est grand,
plus on a de chances de trouver la perle rare.

33. Idéation

34. #3:
On ne peut savoir que
quand on a essayé.

35. Itération

36. > Processus de Design
MÉTHODOLOGIE
Recherche
Identification
du problème
Idéation Itération

37. MÉTHODOLOGIE

38. > Processus de Design
MÉTHODOLOGIE
Découvrir Définir Développer Délivrer
feasibility
review
concept
review
brief

39. MÉTHODOLOGIE

40. MÉTHODOLOGIE
> Autre exemple de Mise en oeuvre du processus
Design UX

41. Négociant importateur
pour Weinimport Leistenschneider GmbH - Schmelz
Timo Decker
Négociant - importateur
Profil: Timo Decker
Technologie / connaissance d'internet
Expérience dans le monde du vin
Objectifs sur Winealley.com
Scénarii
Modules les plus pertinents
A 56 ans,Timo a plus de 25 ans d'expérience dans le négoce du vin. Marié, père
de 2 enfants, il habite Schmelz dans la Sarre et n'hésite pas à traverser la frontière
pour rendre visite à ses fournisseurs français.
PC et smartphone Androïd dans le cadre du travail.
Utilise de nombreux réseaux e-business pour les professionnels du vin
(Vinexus, Global Whine & Spirit)
Tablette Apple dans le cadre familial.
Petit-fils de vigneron indépendant,Timo a une excellente connaissance des vins,
cépages, méthodes de vinification.
• Trouver les meilleurs vins au meilleur prix, concilier prix et qualité.
• Pouvoir publier des offres d'achat très rapidement.
• Développer son carnet d'adresse de producteurs éco-conscients
• Fidéliser ceux-ci.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam sed metus erat,
sit amet pulvinar tortor. Sed lorem magna, pellentesque quis luctus in, lacinia in
mauris.Vestibulum dignissim lacus hendrerit est mollis venenatis.
" L'allemagne est le
premier pays importateur
de vins au monde. Le
marché est fortement
concurrentiel. Grâce à
Winealley, je souhaite
trouver de nouveaux
fournisseurs en vins
rouges, élaborés dans
une démarche
biologique. "
MATRICE(FONCTIONNELLE
SCORING(PERSONAE(UTILISATEURSSCORING(PERSONAE(UTILISATEURSSCORING(PERSONAE(UTILISATEURSSCORING(PERSONAE(UTILISATEURSSCORING(PERSONAE(UTILISATEURSSCORING(PERSONAE(UTILISATEURSSCORING(PERSONAE(UTILISATEURSSCORING(PERSONAE(UTILISATEURS CONSOLIDATIONCONSOLIDATION
Basés%sur%les%personae
!!!!!!!!!!!!!!!!!Jeune!Maman!!!!!!!!!!!!!!!!!Jeune!Maman !!!!!!!!!!!!!!!!!!!!!!!!Femme!Active!!!!!!!!!!!!!!!!!!!!!!!!Femme!Active !!!!!!!!!!!!!!!!!!!!!!None!!!!!!!!!!!!!!!!!!!!!!None NoneNone Score(Brut(Users Score(CASINOScore(CASINO
SCORE(FINAL
100!%100!% 100!%100!% 100!%100!% 100!%100!% 100(% 100(%100(%
SCORE(FINAL
FONCTIONALITES Déjà((((((Existant Note! Pond. Note Pond. Note Pond. Note Pond. Note Note Pond. Note
CATALOGUE
Liste(Produit 1 1 1 1 1 1 1 1 1,0 1,0 1,0
Moteur!à!Facettes 1 1 1 1 1 1 1 1 1,0 1,0 1,0 1,0
Affichage!de!la!notation!et!des!recommandation!des!utilisateurs!sur!le!
produit!en!cours
1 1 1 1 1 1 1 1 1,0 1,0 1,0 1,0
Affichage!de!l'avis!des!utilisateurs!sur!le!produit!en!cours 1 1 1 1 1 1 1 1 1,0 1,0 1,0 1,0
Affichage!de!l'avis!des!utilisateurs!sur!le!produit!en!cours 1 1 1 1 1 1 1 1 1,0 1,0 1,0 1,0
Fiche(Produit 1 1 1 1 1 1 1 1 1,0 1,0 1,0 1,0
Suggestion!de!produits!complémentaires 1 1 1 1 1 1 1 1 1,0 1,0 1,0 1,0
Suggestion!de!produits!similaires 1 1 1 1 1 1 1 1 1,0 1,0 1,0 1,0
Suggestion!de!MDD!similaire 1 1 1 1 1 1 1 1 1,0 1,0 1,0 1,0
Visuels!alternatifs!du!produits!en!cours!avec!mise!en!situation 1 1 1 1 1 1 1 1 1,0 1,0 1,0 1,0
Vidéos!de!recettes!réalisées!avec!le!produit!en!cours 1 1 1 1 1 1 1 1 1,0 1,0 1,0 1,0
Alerte!SMS!(ou!mail)!sur!la!disponibilité!d'un!produit 1 1 1 1 1 1 1 1 1,0 1,0 1,0 1,0
LIVRABLES

42. Formalisation UX,
Génération d’idées
innovantes centrées
utilisateur
Collectes et analyses des
données de segmentation
cibles.
Quantifications des profils
visiteurs digitaux
(analytics).
Web analytics,
Test AB,
Test Multivariés (MVT)
et optimisation UX
Conception UX,
Matérialisation des partis
pris UX et des idées
innovantes
Phase 4 - suiviPhase 3 - ItérationPhase 2 - IdéationPhase 1 - marketing
MÉTHODOLOGIE
> Processus simplifié de Design UX

43. Ateliers / Workshops
Segmentation
marketing
Personae
Parcours Client
Périmètre
Fonctionnel
Priorisation
fonctionnelle
stratégique
Architecture
de l’information,
stratégie de
contenu
Wireframes
Basse et Haute
fidélité
Pistes graphiques
Tests
utilisateurs
Création
graphique
finale
Ateliers / Workshops Ateliers / Workshops
Phase 3 - ItérationPhase 2 - Idéation
MÉTHODOLOGIE
> Exemple de Mise en oeuvre du processus
Design UX
Connaissance des utilisateurs et
parcours clients
Synthèse des données utilisateurs
Présentation et itérations sur les
données de segmentations, les
personae , les parcours clients.
Arborescence, stratégie de contenu
Définition de la structure globale
Présentation et itérations sur
l’architecture de l’information
Définition du périmètre fonctionnel cible.
Présentation des Wireframes
Workshops de conception détaillée
Présentation et itérations sur l’architecture
de l’information des principaux écrans
(Macro-zoning) et sur leur modélisation
ergonomique (Story-board détaillés).

44. LA MÉMOIRE DE L’EXPÉRIENCE
A QUOI SERT CETTE MÉTHODOLOGIE UX?

45. 1 . Concevoir et organiser méthodiquement
un projet digital centré utilisateur.
Démarche « produit » Démarche centrée User
Quelles fonctionnalités offrir ? Quels sont les besoin de « Marie »
(un persona)
Je n’aime pas le wording Marie ne comprendra pas cette page produit
Comment allons nous vendre plus ? Comment aider Marie à trouver et acheter
ce dont elle a besoin ?
Nous devons répondre au besoin de tous
nos utilisateurs.
Répondre au besoin de Marie en premier
Nous devons renforcer le message de la
marque.
Nous devons construire la marque en
satisfaisant les besoins de Marie
A QUOI SERT CETTE MÉTHODOLOGIE UX?

46. 2 . Dialoguer et partager
une même vision du projet.
L’enjeu :
L’échange entre tous les participants du projet et le partage de points de vue différents.
L’objectif :
Parvenir à une vision commune fédératrice, une représentation partagée du projet tout au long de sa
vie.
Le moyen :
Rendre concret et tangible (à travers un certain nombre de documents livrables) tout ce qui est
abstrait dans un projet (ex : L’organisation de l’information, les parcours client).
A QUOI SERT CETTE MÉTHODOLOGIE UX?

47. 2 . Dialoguer et partager
une même vision du projet.
A QUOI SERT CETTE MÉTHODOLOGIE UX?

48. Le pragmatisme de l’approche
(simplicité des moyens, acquisition de certitudes)
garantit la performance financière.
3 . Faire des économies
A QUOI SERT CETTE MÉTHODOLOGIE UX?

49. UN PROCESS

50. UN PROCESS

51. 4 . Favoriser l’innovation
La génération d’idées favorise l’innovation,
facteur de longévité des entreprises.

52. LA MÉMOIRE DE L’EXPÉRIENCE

53. Mémorisée sous forme de souvenirs,
l’expérience utilisateur s’éloigne de la perception immédiate du moment
pour constituer un ensemble complexe
reconstruit a posteriori
et fait d’histoires d’usages et d'interactions
LA MÉMOIRE DE L’EXPÉRIENCE

54. Comment imaginer alors de nouvelles expériences,
de nouveaux services en prenant en compte
l’écart entre l’expérience réelle immédiate et le
souvenir de l’expérience?
LA MÉMOIRE DE L’EXPÉRIENCE

55. Comment designer pour créer des souvenirs?
Qu’est ce qui fait qu’une expérience est
mémorable?
LA MÉMOIRE DE L’EXPÉRIENCE

56. Simple
Inattendu
Concret
Crédible
Emotionnel
Scénarisé
S
U
C
C
E
S
LA MÉMOIRE DE L’EXPÉRIENCE

57. Simple
LA MÉMOIRE DE L’EXPÉRIENCE

58. Simple
LA MÉMOIRE DE L’EXPÉRIENCE

59. Inattendu
LA MÉMOIRE DE L’EXPÉRIENCE

60. Inattendu
LA MÉMOIRE DE L’EXPÉRIENCE

61. Inattendu
LA MÉMOIRE DE L’EXPÉRIENCE

62. Inattendu
LA MÉMOIRE DE L’EXPÉRIENCE

63. Concret
LA MÉMOIRE DE L’EXPÉRIENCE

64. Concret
LA MÉMOIRE DE L’EXPÉRIENCE

65. Crédible
LA MÉMOIRE DE L’EXPÉRIENCE

66. Crédible
LA MÉMOIRE DE L’EXPÉRIENCE

67. Émotionnel
LA MÉMOIRE DE L’EXPÉRIENCE

68. Émotionnel
LA MÉMOIRE DE L’EXPÉRIENCE

69. Émotionnel
LA MÉMOIRE DE L’EXPÉRIENCE

70. Scénarisé
LA MÉMOIRE DE L’EXPÉRIENCE

71. Scénarisé
LA MÉMOIRE DE L’EXPÉRIENCE

73. Design Director AF83
EuroIA 2016 Co-Chair
UX Paris Founder and Leader
Sylvie Daumal

74. Merci !