CN2 - Faire d'UX sur son site web

33

Transcript of CN2 - Faire d'UX sur son site web

Page 1: CN2 - Faire d'UX sur son site web
Page 2: CN2 - Faire d'UX sur son site web
Page 3: CN2 - Faire d'UX sur son site web

Consultante numérique depuis 10 ans sous le nom d'edesign. Je me suis spécialisée en UX/UI Design en 2007.

Je suis aussi formatrice et responsable pédagogique de l'ECV Digital Bordeaux ainsi que membre du conseil d'administration d'Aquinum, l'association des professionnels du numérique en Aquitaine.

Page 4: CN2 - Faire d'UX sur son site web
Page 5: CN2 - Faire d'UX sur son site web

UX veut dire

User eXperience

et se traduit en français par

eXpérience Utilisateur

Page 6: CN2 - Faire d'UX sur son site web

En UX, l’utilisateur est celui qui utilise un produit ou un service numérique.

Il se définit en fonction de :- Ses usages et ses contextes

d’usage- Ses besoins et ses attentes- Ses perceptions et ses émotions- Ses motivations et ses freins

Page 7: CN2 - Faire d'UX sur son site web

En UX, une expérience réussie est un moment vécu par l’utilisateur pendant lequel il accomplit aisément des tâches qui lui sont utiles en ressentant des émotions agréables.

“Vous souvenez-vous de l’expérience que proposait la bouteille en verre de

cette sauce américaine ?”

Page 8: CN2 - Faire d'UX sur son site web
Page 9: CN2 - Faire d'UX sur son site web
Page 10: CN2 - Faire d'UX sur son site web

L’UX n’est pas de la manipulation mentale !

L’UX designer est à l’écoute des besoins et attentes de ses utilisateurs et se bat contre les “dark patterns”, ces interfaces qui cherchent à contraindre les utilisateurs.

Page 11: CN2 - Faire d'UX sur son site web

Web Marketing ≠ UX Design

Le Web Marketing s’intéresse au marché et aux clients d’une marque ou d’un site.

Tandis que l’UX Design s'intéresse aux utilisateurs d’un produit ou d’un service numérique.

Page 12: CN2 - Faire d'UX sur son site web

Web Design ≠ UX Design

Le Design Visuel cherche à tendre vers le beau, l’artistique, l’agréable à regarder.

Tandis que l’UX Design cherche l’efficacité, l’intuitivité et l’agréable à utiliser.

Page 13: CN2 - Faire d'UX sur son site web
Page 14: CN2 - Faire d'UX sur son site web

Persuasive Design

Le Persuasive design cherche à inciter l’utilisateur à effectuer une action tout en le laissant libre de sa décision.

Page 15: CN2 - Faire d'UX sur son site web

Ergonomie web

L’ergonomie web est l'utilisation de connaissances scientifiques relatives à l'homme (psychologie cognitive, neurosciences, etc...) dans le but d'améliorer l’utilisabilité d’une interface.

Page 16: CN2 - Faire d'UX sur son site web

Architecture d’information

L’architecture d’information est une hiérarchisation des contenus et des fonctionnalités d’un service numérique à l’aide d’une cartographie.

Page 17: CN2 - Faire d'UX sur son site web

UI Design

L’UI Design cherche à rendre l’interface plus accessible aux utilisateurs en travaillant sur la lisibilité des textes, le contraste entre les couleurs, des espaces faciles à cliquer, etc…

Page 18: CN2 - Faire d'UX sur son site web
Page 19: CN2 - Faire d'UX sur son site web

Les personas

Le persona est une fiche détaillée d’un profil type d’utilisateur qui décrit ses besoins, ses motivations, ses usages, ses freins etc… et qui va aider à définir les caractéristiques ou fonctionnalités du service à créer ou à améliorer.

Page 20: CN2 - Faire d'UX sur son site web

Les parcours utilisateurs

Les parcours utilisateurs définissent les différents points de contact de chaque personas avec le service et vont permettre de connaître les interactions nécessaires à mettre en place sur l’interface.

Page 21: CN2 - Faire d'UX sur son site web

Les arborescences

Les arborescences sont des arbres visuels qui servent à hiérarchiser le contenu texte et les fonctionnalités d’une interface.

Page 22: CN2 - Faire d'UX sur son site web

Les wireframes

Les wireframes sont des visuels filaires en noir et blanc qui servent à hiérarchiser les éléments dans chaque page de l’interface.

Page 23: CN2 - Faire d'UX sur son site web

Les prototypes

Les prototypes sont des versions légères et cliquables d’un service qui permettent d'interagir avec l’interface et d’en vérifier l’expérience proposée.

Page 24: CN2 - Faire d'UX sur son site web

Les tests utilisateurs

Les tests utilisateurs servent à valider l’expérience proposée auprès d’un panel d’utilisateurs et ainsi à optimiser l’interface avant de la développer.

Page 25: CN2 - Faire d'UX sur son site web
Page 26: CN2 - Faire d'UX sur son site web

Le processus UX peut se définir en 7 grandes étapes :

1. Découvrir2. Définir3. Conceptualiser4. Créer et développer5. Déployer6. Écouter7. Réitérer !

Page 27: CN2 - Faire d'UX sur son site web

Cette démarche prend tout son sens lorsqu’elle est appliquée à l’ensemble de la chaîne de valeur :

- au référencement- aux contenus- au développement- au service client- etc...

Page 28: CN2 - Faire d'UX sur son site web

Le R.O.I. de l’UX

La démarche UX permet de réduire les coûts de développement et de maintenance et a un excellent retour sur investissement car elle agit en de nombreux points dont l’accroissement du traffic et du taux de conversion.

Page 29: CN2 - Faire d'UX sur son site web
Page 30: CN2 - Faire d'UX sur son site web

L’UX est un acte d’amour !

Car travailler sur l’expérience utilisateur, c’est chercher avant tout la satisfaction de l’utilisateur.

C’est remettre l’humain au centre des interfaces et ne pas considérer que numérique et humain sont des termes antinomiques.

Page 31: CN2 - Faire d'UX sur son site web

#UserFirst !

Page 32: CN2 - Faire d'UX sur son site web
Page 33: CN2 - Faire d'UX sur son site web