1.
User
eXperience À quoi ça sert ?
Laure Daguindau
UX/UI Designer à Versusmind
laure.daguindau@versusmind.eu
Design

2.
Au menuAu menu
Qu’est ce que l’UX Design ?
UX & UI une lettre les sépare…
Le rôle d’un UX Designer
La méthodologie UX
Tendances 2015 & Ressources

3.
que l’UXQu’est ce que l’UX ?
« Design is not just what it looks like and feels like.
Design is how it works. »
- Steve Jobs, The Times - 2003

4.
que l’UX
Juste design
Design
& ergonomique

5.
L’expérience utilisateur correspond…
« …aux réponses et aux perceptions d’une personne
qui résultent de l’usage ou de l’anticipation de l’usage
d’un produit, d’un service ou d’un système. »
- Donald Norman, norme iso ISO 9241-210
que l’UX

6.
UX & UIUX & UI une lettre les sépare…
UX Design
UI Design
User Experience Design
Design de l’expérience utilisateur
User Interface Design
Design de l’interface utilisateur

7.
UX & UI
whole jobs, some whole careers; others are tactical roles we all move in and out of.
What so many UX designers would like you to remember is that UX is not just UI design.
Field research
Face to face interviewing
Creation of user tests
Gathering and organizing statistics
Creating personas
Product design
Feature writing
Requirement writing
Graphic arts
Interaction design
Information architecture
Usability
Prototyping
Interface layout
Interface design
Visual design
Taxonomy creation
Terminology creation
Copywriting
Presenting and speaking
Working tightly with programmers
Brainstorm coordination
Design culture evangelism
Field research
Face to face interviewing
Creation of user tests
Gathering and organizing statistics
Creating personas
Product design
Feature writing
Requirement writing
Graphic arts
Interaction design
Information architecture
Usability
Prototyping
Interface layout
Interface design
Visual design
Taxonomy creation
Terminology creation
Copywriting
Presenting and speaking
Working tightly with programmers
Brainstorm coordination
Design culture evangelism
HOW UX WANTS TO BE SEEN HOW UX IS TYPICALLY SEEN
“UX is the intangible design of a strategy that brings us to a solution.”
Get your print or web copy of this poster at www.uxisnotui.com
Source : http://www.uxisnotui.com/

8.
UX & UI
Source : http://society6.com/product/uxui-bike-sketch-user-experience-rocks_print#1=45

9.
UX & UISurface
Design sensoriel
Habillage graphique
Ossature
Design d’informations
Design de navigation
Structure
Design d’interaction
Architecture de l’information
Envergure
Inventaire du contenu
Spécifications fonctionnelles
Stratégie
Définir les objectifs
Définir les besoins utilisateurs
90%
10%

10.
Le rôle dLe rôle d’un UX Designer
Ergonomiques
L’UX designer doit avoir une vision globale :
une connaissance du système que l’utilisateur va utiliser,
du contexte d’utilisation, et de l’utilisateur final.
Ses compétences
Graphiques Techniques

11.
Le rôle d
vRecherche Design Front-end Back-end
UX Designer
UI Designer
Développeur
Humain Technologies

12.
Le rôle dDes métiers recherchés
Des designers maîtrisent l’UX design
d’après les agences
Des UX Designers possèdent un bac + 5
Top 3
60%
69%
Source : designersinteractifs

13.
méthodoLa méthodologie UX
L’étude et recherche utilisateur
5 procédés peuvent définir l’UX Design :
L’architecture de l’information
Le design d’interaction
Le design visuel
L’analyse des tests utilisateurs

14.
méthodo
L’UX Designer centre la conception d’un projet sur l’utilisateur cible.
L’étude et la recherche utilisateur Les personas

15.
méthodo
Marie Dag
32 ans - Sage Femme
Active
Situation personnel :
En couple
1 Enfant de 5 ans
Enceinte de 5 mois
Impatiente
hyper-active
gentille
« Tout moment de repos est à prendre »
Centre d’intérêts :
Famille / Amis
Sport
Décoration
Device :
MacBook 13’’
Ipad 2
Must - Do :
Faire ses courses très rapidement tout
en retrouvant ses produits préférés.
Must - Never :
Se déplacer dans un supermarché.
1
10
6
Niveau technique :
L’étude et la recherche utilisateur Les personas

16.
méthodoL’architecture de l’information
Une bonne structuration du contenu est essentielle pour répondre
aux attentes de l’utilisateur.

17.
méthodoL’architecture de l’information Spécifications techniques
Définir les besoins principaux des utilisateurs
Créer un scénario client « User Story »
1.
2.
3.
4.
Penser aux systèmes de navigation,
mais aussi aux spécificités et contraintes techniques
Répertorier toutes les pages (diagramme)

18.
méthodoL’architecture de l’information Méthodes UX
Tri
de
Cartes
3/12
1/122/12
Noter les fonctionnalités

19.
méthodoLe design d’interaction
Le design d’interaction est là pour apporter une valeur ajoutée au
projet en le rendant plus attractif et humain

20.
méthodoLe design d’interaction
On intègre au design d’interaction les problématiques :
De l’utilisateur
Du client
De la technologie

21.
méthodoLe design d’interaction Méthode UX
L’UX Designer élabore des modèles de pages et définit les actions/
transitions entre les différents composants du produit.
Actualités

22.
méthodoLe design visuel
Le design visuel communique sur l’identité de la marque.

23.
méthodoLe design visuel
Hiérarchiser les éléments visuels
Gérer la proximité (loi de Gestalt)
1.
2.
3.
4.
Gérer l’affordance des éléments
Créer un guide de style

24.
méthodoAnalyse des tests utilisateurs
Le test utilisateur permet de tester la fiabilité de l’expérience
utilisateur sur votre site ou votre application.

25.
méthodoAnalyse des tests utilisateurs
Il existe différents types de tests :
l’A/B Testing
Le formulaire
La manipulation des prototypes
Tests utilisateurs
Les statistiques du site (taux de rebond, taux de conversion….)

26.
étude deÉtude de cas
Application Desrêves

27.
ndancesTendances 2015 & Ressources
Mobile first Flat design Infinite scroll

28.
ndancesTendances 2015 & Ressources
Ressources
…
uinames.com Générateur de login
flinto.com Prototypage interactif
prott.com Mockups papiers
peek.usertesting.com Tests utilisateurs
http://uxrecipe.github.io/ Guide des bonnes pratiques UX

29.
Laure Daguindau
UX/UI Designer à Versusmind
laure.daguindau@versusmind.eu
Merci pour votre attention !
Avez-vous des questions ?