Symposium uxdesign
29
U ser e X perience À quoi ça sert ? Laure Daguindau UX/UI Designer à Versusmind [email protected] Design
-
Upload
lauredaguindau -
Category
Internet
-
view
121 -
download
0
Transcript of Symposium uxdesign
UsereXperience À quoi ça sert ?
Laure Daguindau UX/UI Designer à Versusmind
Design
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
Qu’est ce 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
Qu’est ce que l’UXJuste design
Design & ergonomique
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
Qu’est ce que l’UX
UX & UI une lettre les séparent…UX & 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
UX & UI une lettre les séparent…UX IS NOT UIUX IS NOT UI
What does UX actually mean? The various UX roles that a person can fulfill are plentiful. Some are 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 researchFace to face interviewingCreation of user testsGathering and organizing statisticsCreating personasProduct designFeature writingRequirement writingGraphic artsInteraction designInformation architectureUsabilityPrototypingInterface layoutInterface designVisual designTaxonomy creationTerminology creationCopywritingPresenting and speakingWorking tightly with programmersBrainstorm coordinationDesign culture evangelism
Field researchFace to face interviewingCreation of user testsGathering and organizing statisticsCreating personasProduct designFeature writingRequirement writingGraphic artsInteraction designInformation architectureUsabilityPrototypingInterface layoutInterface designVisual designTaxonomy creationTerminology creationCopywritingPresenting and speakingWorking tightly with programmersBrainstorm coordinationDesign 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.comhelloerik.com/ux-is-not-uiAn offshoot of @Erik_UX
elisabethhubert.com/2012/12/interaction-design-beyond-the-interface/Inspired by @lishubert
Source : http://www.uxisnotui.com/
UX & UI une lettre les séparent…
Source : http://society6.com/product/uxui-bike-sketch-user-experience-rocks_print#1=45
UX & UI une lettre les séparent…Surface 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%
Le rôle d’un UX DesignerLe 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
Le rôle d’un UX DesignervRecherche Design Front-end Back-end
UX Designer
UI Designer
Développeur
Humain Technologies
Le rôle d’un UX DesignerDes 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 360%69%
Source : designersinteractifs
La méthodologie UXLa 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
La méthodologie UXL’UX Designer centre la conception d’un projet sur l’utilisateur cible.
L’étude et la recherche utilisateur Les personas
La méthodologie UXMarie 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
La méthodologie UXL’architecture de l’information
Une bonne structuration du contenu est essentielle pour répondre aux attentes de l’utilisateur.
La méthodologie UXL’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)
La méthodologie UXL’architecture de l’information Méthodes UX
Tride
Cartes
3/12
1/122/12Noter les fonctionnalités
La méthodologie UXLe design d’interaction
Le design d’interaction est là pour apporter une valeur ajoutée au projet en le rendant plus attractif et humain
La méthodologie UXLe design d’interaction
On intègre au design d’interaction les problématiques :
De l’utilisateur
Du client
De la technologie
La méthodologie UXLe 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
La méthodologie UXLe design visuel
Le design visuel communique sur l’identité de la marque.
La méthodologie UXLe 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
La méthodologie UXAnalyse des tests utilisateurs
Le test utilisateur permet de tester la fiabilité de l’expérience utilisateur sur votre site ou votre application.
La méthodologie UXAnalyse 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….)
La étude de cas UXÉtude de cas
Application Desrêves
Tendances 2015 & RessourcesTendances 2015 & Ressources
Mobile first Flat design Infinite scroll
Tendances 2015 & RessourcesTendances 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
Laure Daguindau UX/UI Designer à Versusmind
Merci pour votre attention !Avez-vous des questions ?
