SlideShare une entreprise Scribd logo
User
eXperience À quoi ça sert ?
Laure Daguindau
UX/UI Designer à Versusmind
laure.daguindau@versusmind.eu
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
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
que l’UX
Juste 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
que l’UX
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
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/
UX & UI
Source : http://society6.com/product/uxui-bike-sketch-user-experience-rocks_print#1=45
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%
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
Le rôle d
vRecherche Design Front-end Back-end
UX Designer
UI Designer
Développeur
Humain Technologies
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
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
méthodo
L’UX Designer centre la conception d’un projet sur l’utilisateur cible.
L’étude et la recherche utilisateur Les personas
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
méthodoL’architecture de l’information
Une bonne structuration du contenu est essentielle pour répondre
aux attentes de l’utilisateur.
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)
méthodoL’architecture de l’information Méthodes UX
Tri
de
Cartes
3/12
1/122/12
Noter les fonctionnalités
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
méthodoLe design d’interaction
On intègre au design d’interaction les problématiques :
De l’utilisateur
Du client
De la technologie
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
méthodoLe design visuel
Le design visuel communique sur l’identité de la marque.
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
méthodoAnalyse des tests utilisateurs
Le test utilisateur permet de tester la fiabilité de l’expérience
utilisateur sur votre site ou votre application.
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….)
étude deÉtude de cas
Application Desrêves
ndancesTendances 2015 & Ressources
Mobile first Flat design Infinite scroll
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
Laure Daguindau
UX/UI Designer à Versusmind
laure.daguindau@versusmind.eu
Merci pour votre attention !
Avez-vous des questions ?

Contenu connexe

Tendances

Methodes de design UX : revolutionnez votre coffre à outils ! - Soiree TLMUX ...
Methodes de design UX : revolutionnez votre coffre à outils ! - Soiree TLMUX ...Methodes de design UX : revolutionnez votre coffre à outils ! - Soiree TLMUX ...
Methodes de design UX : revolutionnez votre coffre à outils ! - Soiree TLMUX ...
Carine Lallemand
 
Ux design-jean-françois-marti
Ux design-jean-françois-martiUx design-jean-françois-marti
Ux design-jean-françois-marti
FrenchWeb.fr
 
Pourquoi toutes les organisations ont-elles besoin de Design UX ?
Pourquoi toutes les organisations ont-elles besoin de Design UX ?Pourquoi toutes les organisations ont-elles besoin de Design UX ?
Pourquoi toutes les organisations ont-elles besoin de Design UX ?
Marie Glandus
 
Designer l'expérience utilisateur @ Web_UX 2011
Designer l'expérience utilisateur @ Web_UX 2011Designer l'expérience utilisateur @ Web_UX 2011
Designer l'expérience utilisateur @ Web_UX 2011
Sylvie Daumal
 
Formation UX Design, introduction et tour d'horizon
Formation UX Design, introduction et tour d'horizonFormation UX Design, introduction et tour d'horizon
Formation UX Design, introduction et tour d'horizon
HETIC
 
UX Design : Concevoir des expériences positives et engageantes - Carine Lalle...
UX Design : Concevoir des expériences positives et engageantes - Carine Lalle...UX Design : Concevoir des expériences positives et engageantes - Carine Lalle...
UX Design : Concevoir des expériences positives et engageantes - Carine Lalle...
Carine Lallemand
 
Mix07 Ergonomie et Experience Utilisateur Steria
Mix07 Ergonomie et Experience Utilisateur SteriaMix07 Ergonomie et Experience Utilisateur Steria
Mix07 Ergonomie et Experience Utilisateur Steria
Steria
 
UX Mobile - Experience Utilisateur Mobile
UX Mobile - Experience Utilisateur MobileUX Mobile - Experience Utilisateur Mobile
UX Mobile - Experience Utilisateur Mobile
Audrey CHATEL
 
BlendWebMix 2015 - UX Design : et si la clé du succès se trouvait dans les th...
BlendWebMix 2015 - UX Design : et si la clé du succès se trouvait dans les th...BlendWebMix 2015 - UX Design : et si la clé du succès se trouvait dans les th...
BlendWebMix 2015 - UX Design : et si la clé du succès se trouvait dans les th...
Carine Lallemand
 
CN2 - Faire d'UX sur son site web
CN2 - Faire d'UX sur son site webCN2 - Faire d'UX sur son site web
CN2 - Faire d'UX sur son site web
Cap'Com
 
La matinale le fil : Design experience utilisateur pour tous
La matinale le fil : Design experience utilisateur pour tousLa matinale le fil : Design experience utilisateur pour tous
La matinale le fil : Design experience utilisateur pour tous
Kiss The Bride
 
Formation UX Design - Usages mobiles et web
Formation UX Design - Usages mobiles et webFormation UX Design - Usages mobiles et web
Formation UX Design - Usages mobiles et web
NovUp
 
WAQ16 - Atelier design émotionnel - Carine Lallemand
WAQ16 - Atelier design émotionnel - Carine LallemandWAQ16 - Atelier design émotionnel - Carine Lallemand
WAQ16 - Atelier design émotionnel - Carine Lallemand
Carine Lallemand
 
Opening keynote Blendwebmix 2019 - Carine Lallemand
Opening keynote Blendwebmix 2019 - Carine LallemandOpening keynote Blendwebmix 2019 - Carine Lallemand
Opening keynote Blendwebmix 2019 - Carine Lallemand
Carine Lallemand
 
Good Morning UX #1 : Initiation à la conception UX
Good Morning UX #1 : Initiation à la conception UXGood Morning UX #1 : Initiation à la conception UX
Good Morning UX #1 : Initiation à la conception UX
Newflux UX/UI News
 
Workshop UX Design - FLUPA UX-Day 2013
Workshop UX Design - FLUPA UX-Day 2013Workshop UX Design - FLUPA UX-Day 2013
Workshop UX Design - FLUPA UX-Day 2013
Carine Lallemand
 
FLUPA UX-Days 2016 - "5 concepts pour briller en société (et accessoirement e...
FLUPA UX-Days 2016 - "5 concepts pour briller en société (et accessoirement e...FLUPA UX-Days 2016 - "5 concepts pour briller en société (et accessoirement e...
FLUPA UX-Days 2016 - "5 concepts pour briller en société (et accessoirement e...
Flupa
 
Guide de survie en milieu responsive - Paris Web 2013
Guide de survie en milieu responsive - Paris Web 2013Guide de survie en milieu responsive - Paris Web 2013
Guide de survie en milieu responsive - Paris Web 2013
Guillaume Abel
 
201409 tic-valley-innovation day-ux - copy
201409 tic-valley-innovation day-ux - copy201409 tic-valley-innovation day-ux - copy
201409 tic-valley-innovation day-ux - copy
Axel NEMETH
 
BlendWebMix 2017 - Guérilla UX, "quick" mais pas "dirty" - Carine Lallemand
BlendWebMix 2017 - Guérilla UX, "quick" mais pas "dirty" - Carine LallemandBlendWebMix 2017 - Guérilla UX, "quick" mais pas "dirty" - Carine Lallemand
BlendWebMix 2017 - Guérilla UX, "quick" mais pas "dirty" - Carine Lallemand
Carine Lallemand
 

Tendances (20)

Methodes de design UX : revolutionnez votre coffre à outils ! - Soiree TLMUX ...
Methodes de design UX : revolutionnez votre coffre à outils ! - Soiree TLMUX ...Methodes de design UX : revolutionnez votre coffre à outils ! - Soiree TLMUX ...
Methodes de design UX : revolutionnez votre coffre à outils ! - Soiree TLMUX ...
 
Ux design-jean-françois-marti
Ux design-jean-françois-martiUx design-jean-françois-marti
Ux design-jean-françois-marti
 
Pourquoi toutes les organisations ont-elles besoin de Design UX ?
Pourquoi toutes les organisations ont-elles besoin de Design UX ?Pourquoi toutes les organisations ont-elles besoin de Design UX ?
Pourquoi toutes les organisations ont-elles besoin de Design UX ?
 
Designer l'expérience utilisateur @ Web_UX 2011
Designer l'expérience utilisateur @ Web_UX 2011Designer l'expérience utilisateur @ Web_UX 2011
Designer l'expérience utilisateur @ Web_UX 2011
 
Formation UX Design, introduction et tour d'horizon
Formation UX Design, introduction et tour d'horizonFormation UX Design, introduction et tour d'horizon
Formation UX Design, introduction et tour d'horizon
 
UX Design : Concevoir des expériences positives et engageantes - Carine Lalle...
UX Design : Concevoir des expériences positives et engageantes - Carine Lalle...UX Design : Concevoir des expériences positives et engageantes - Carine Lalle...
UX Design : Concevoir des expériences positives et engageantes - Carine Lalle...
 
Mix07 Ergonomie et Experience Utilisateur Steria
Mix07 Ergonomie et Experience Utilisateur SteriaMix07 Ergonomie et Experience Utilisateur Steria
Mix07 Ergonomie et Experience Utilisateur Steria
 
UX Mobile - Experience Utilisateur Mobile
UX Mobile - Experience Utilisateur MobileUX Mobile - Experience Utilisateur Mobile
UX Mobile - Experience Utilisateur Mobile
 
BlendWebMix 2015 - UX Design : et si la clé du succès se trouvait dans les th...
BlendWebMix 2015 - UX Design : et si la clé du succès se trouvait dans les th...BlendWebMix 2015 - UX Design : et si la clé du succès se trouvait dans les th...
BlendWebMix 2015 - UX Design : et si la clé du succès se trouvait dans les th...
 
CN2 - Faire d'UX sur son site web
CN2 - Faire d'UX sur son site webCN2 - Faire d'UX sur son site web
CN2 - Faire d'UX sur son site web
 
La matinale le fil : Design experience utilisateur pour tous
La matinale le fil : Design experience utilisateur pour tousLa matinale le fil : Design experience utilisateur pour tous
La matinale le fil : Design experience utilisateur pour tous
 
Formation UX Design - Usages mobiles et web
Formation UX Design - Usages mobiles et webFormation UX Design - Usages mobiles et web
Formation UX Design - Usages mobiles et web
 
WAQ16 - Atelier design émotionnel - Carine Lallemand
WAQ16 - Atelier design émotionnel - Carine LallemandWAQ16 - Atelier design émotionnel - Carine Lallemand
WAQ16 - Atelier design émotionnel - Carine Lallemand
 
Opening keynote Blendwebmix 2019 - Carine Lallemand
Opening keynote Blendwebmix 2019 - Carine LallemandOpening keynote Blendwebmix 2019 - Carine Lallemand
Opening keynote Blendwebmix 2019 - Carine Lallemand
 
Good Morning UX #1 : Initiation à la conception UX
Good Morning UX #1 : Initiation à la conception UXGood Morning UX #1 : Initiation à la conception UX
Good Morning UX #1 : Initiation à la conception UX
 
Workshop UX Design - FLUPA UX-Day 2013
Workshop UX Design - FLUPA UX-Day 2013Workshop UX Design - FLUPA UX-Day 2013
Workshop UX Design - FLUPA UX-Day 2013
 
FLUPA UX-Days 2016 - "5 concepts pour briller en société (et accessoirement e...
FLUPA UX-Days 2016 - "5 concepts pour briller en société (et accessoirement e...FLUPA UX-Days 2016 - "5 concepts pour briller en société (et accessoirement e...
FLUPA UX-Days 2016 - "5 concepts pour briller en société (et accessoirement e...
 
Guide de survie en milieu responsive - Paris Web 2013
Guide de survie en milieu responsive - Paris Web 2013Guide de survie en milieu responsive - Paris Web 2013
Guide de survie en milieu responsive - Paris Web 2013
 
201409 tic-valley-innovation day-ux - copy
201409 tic-valley-innovation day-ux - copy201409 tic-valley-innovation day-ux - copy
201409 tic-valley-innovation day-ux - copy
 
BlendWebMix 2017 - Guérilla UX, "quick" mais pas "dirty" - Carine Lallemand
BlendWebMix 2017 - Guérilla UX, "quick" mais pas "dirty" - Carine LallemandBlendWebMix 2017 - Guérilla UX, "quick" mais pas "dirty" - Carine Lallemand
BlendWebMix 2017 - Guérilla UX, "quick" mais pas "dirty" - Carine Lallemand
 

En vedette

Symposium TFS - DevOps avec Microsoft
Symposium TFS - DevOps avec MicrosoftSymposium TFS - DevOps avec Microsoft
Symposium TFS - DevOps avec Microsoft
Philippe Didiergeorges
 
Symposium flexbox
Symposium flexboxSymposium flexbox
Symposium flexbox
Versusmind
 
Angular2 / Typescript symposium Versusmind
Angular2 / Typescript symposium VersusmindAngular2 / Typescript symposium Versusmind
Angular2 / Typescript symposium Versusmind
Philippe Didiergeorges
 
Les tendances UX et UI en 2015
Les tendances UX et UI en 2015Les tendances UX et UI en 2015
Les tendances UX et UI en 2015
Intuiti
 
Ux design. Quoi, Comment, Pourquoi. [Downloadable version - French]
Ux design. Quoi, Comment, Pourquoi. [Downloadable version - French]Ux design. Quoi, Comment, Pourquoi. [Downloadable version - French]
Ux design. Quoi, Comment, Pourquoi. [Downloadable version - French]
Serena Facchinetti
 
Les Promises en Javascript
Les Promises en JavascriptLes Promises en Javascript
Les Promises en Javascript
Benoit Zohar
 
UXD#1 - Lancement des User eXperience Design
UXD#1 - Lancement des User eXperience DesignUXD#1 - Lancement des User eXperience Design
UXD#1 - Lancement des User eXperience Design
UXD Meetup
 
Ce qu'il faut éviter en UI/UX
Ce qu'il faut éviter en UI/UX Ce qu'il faut éviter en UI/UX
Ce qu'il faut éviter en UI/UX
Walid Chebab
 
Grosjean Agile User Experience XP DAY France 2009
Grosjean Agile User Experience XP DAY France 2009Grosjean Agile User Experience XP DAY France 2009
Grosjean Agile User Experience XP DAY France 2009
Jean Claude GROSJEAN
 
What is the Social Graph?
What is the Social Graph?What is the Social Graph?
What is the Social Graph?
Isidore Gotto
 
User Experience Tools for the UX Professional
User Experience Tools for the UX Professional User Experience Tools for the UX Professional
User Experience Tools for the UX Professional
Isidore Gotto
 
User Research Tools: Don't just do it, do it well
User Research Tools: Don't just do it, do it wellUser Research Tools: Don't just do it, do it well
User Research Tools: Don't just do it, do it well
Zabisco Digital
 
UX guidelines
UX guidelinesUX guidelines
Tools of the UX Trade
Tools of the UX TradeTools of the UX Trade
Tools of the UX Trade
dpanarelli
 
Chp1- Introduction aux eServices
Chp1- Introduction aux eServicesChp1- Introduction aux eServices
Chp1- Introduction aux eServices
Lilia Sfaxi
 
TC UX Tools and Technologies
TC UX Tools and TechnologiesTC UX Tools and Technologies
TC UX Tools and Technologies
Margaret Bossen
 
W/ conférence : Expérience utilisateur, créativité et design, par Anastasia S...
W/ conférence : Expérience utilisateur, créativité et design, par Anastasia S...W/ conférence : Expérience utilisateur, créativité et design, par Anastasia S...
W/ conférence : Expérience utilisateur, créativité et design, par Anastasia S...
Valtech Canada
 
Software Engineering - chp2- requirements specification
Software Engineering - chp2- requirements specificationSoftware Engineering - chp2- requirements specification
Software Engineering - chp2- requirements specification
Lilia Sfaxi
 
Chp6 - De UML vers C++
Chp6 - De UML vers C++Chp6 - De UML vers C++
Chp6 - De UML vers C++
Lilia Sfaxi
 
Software Engineering - chp7- tests
Software Engineering - chp7- testsSoftware Engineering - chp7- tests
Software Engineering - chp7- tests
Lilia Sfaxi
 

En vedette (20)

Symposium TFS - DevOps avec Microsoft
Symposium TFS - DevOps avec MicrosoftSymposium TFS - DevOps avec Microsoft
Symposium TFS - DevOps avec Microsoft
 
Symposium flexbox
Symposium flexboxSymposium flexbox
Symposium flexbox
 
Angular2 / Typescript symposium Versusmind
Angular2 / Typescript symposium VersusmindAngular2 / Typescript symposium Versusmind
Angular2 / Typescript symposium Versusmind
 
Les tendances UX et UI en 2015
Les tendances UX et UI en 2015Les tendances UX et UI en 2015
Les tendances UX et UI en 2015
 
Ux design. Quoi, Comment, Pourquoi. [Downloadable version - French]
Ux design. Quoi, Comment, Pourquoi. [Downloadable version - French]Ux design. Quoi, Comment, Pourquoi. [Downloadable version - French]
Ux design. Quoi, Comment, Pourquoi. [Downloadable version - French]
 
Les Promises en Javascript
Les Promises en JavascriptLes Promises en Javascript
Les Promises en Javascript
 
UXD#1 - Lancement des User eXperience Design
UXD#1 - Lancement des User eXperience DesignUXD#1 - Lancement des User eXperience Design
UXD#1 - Lancement des User eXperience Design
 
Ce qu'il faut éviter en UI/UX
Ce qu'il faut éviter en UI/UX Ce qu'il faut éviter en UI/UX
Ce qu'il faut éviter en UI/UX
 
Grosjean Agile User Experience XP DAY France 2009
Grosjean Agile User Experience XP DAY France 2009Grosjean Agile User Experience XP DAY France 2009
Grosjean Agile User Experience XP DAY France 2009
 
What is the Social Graph?
What is the Social Graph?What is the Social Graph?
What is the Social Graph?
 
User Experience Tools for the UX Professional
User Experience Tools for the UX Professional User Experience Tools for the UX Professional
User Experience Tools for the UX Professional
 
User Research Tools: Don't just do it, do it well
User Research Tools: Don't just do it, do it wellUser Research Tools: Don't just do it, do it well
User Research Tools: Don't just do it, do it well
 
UX guidelines
UX guidelinesUX guidelines
UX guidelines
 
Tools of the UX Trade
Tools of the UX TradeTools of the UX Trade
Tools of the UX Trade
 
Chp1- Introduction aux eServices
Chp1- Introduction aux eServicesChp1- Introduction aux eServices
Chp1- Introduction aux eServices
 
TC UX Tools and Technologies
TC UX Tools and TechnologiesTC UX Tools and Technologies
TC UX Tools and Technologies
 
W/ conférence : Expérience utilisateur, créativité et design, par Anastasia S...
W/ conférence : Expérience utilisateur, créativité et design, par Anastasia S...W/ conférence : Expérience utilisateur, créativité et design, par Anastasia S...
W/ conférence : Expérience utilisateur, créativité et design, par Anastasia S...
 
Software Engineering - chp2- requirements specification
Software Engineering - chp2- requirements specificationSoftware Engineering - chp2- requirements specification
Software Engineering - chp2- requirements specification
 
Chp6 - De UML vers C++
Chp6 - De UML vers C++Chp6 - De UML vers C++
Chp6 - De UML vers C++
 
Software Engineering - chp7- tests
Software Engineering - chp7- testsSoftware Engineering - chp7- tests
Software Engineering - chp7- tests
 

Similaire à Symposium uxdesign

Les fondamentaux de UI UX Design .pdf
Les fondamentaux de UI UX Design .pdfLes fondamentaux de UI UX Design .pdf
Les fondamentaux de UI UX Design .pdf
Sonia SAHLI
 
Good Morning UX #3 : Les fondamentaux du design UX
Good Morning UX #3 : Les fondamentaux du design UXGood Morning UX #3 : Les fondamentaux du design UX
Good Morning UX #3 : Les fondamentaux du design UX
Newflux UX/UI News
 
What is ux ?
What is ux ?What is ux ?
What is ux ?
JEAN-LUC LE MOAL
 
Formation M2i - Placer l'ux au coeur de sa stratégie
Formation M2i - Placer l'ux au coeur de sa stratégieFormation M2i - Placer l'ux au coeur de sa stratégie
Formation M2i - Placer l'ux au coeur de sa stratégie
M2i Formation
 
Guide des metiers du design interactif 2015 par Aquent et *designers interact...
Guide des metiers du design interactif 2015 par Aquent et *designers interact...Guide des metiers du design interactif 2015 par Aquent et *designers interact...
Guide des metiers du design interactif 2015 par Aquent et *designers interact...
Benoit Drouillat
 
Inclusive Design
Inclusive DesignInclusive Design
Inclusive Design
Akemi Tazaki
 
Metiers Design Numerique 2009
Metiers Design Numerique 2009Metiers Design Numerique 2009
Metiers Design Numerique 2009
designers interactifs
 
Guide des metiers du design interactif 2015 par Aquent et *designers interact...
Guide des metiers du design interactif 2015 par Aquent et *designers interact...Guide des metiers du design interactif 2015 par Aquent et *designers interact...
Guide des metiers du design interactif 2015 par Aquent et *designers interact...
designers interactifs
 
#Cours : Comment se définit et en quoi consiste l’#UX #Design
#Cours : Comment se définit et en quoi consiste l’#UX #Design#Cours : Comment se définit et en quoi consiste l’#UX #Design
#Cours : Comment se définit et en quoi consiste l’#UX #Design
Virginie Boullé
 
Le management d’une équipe UX par le profil en T
Le management d’une équipe UX par le profil en TLe management d’une équipe UX par le profil en T
Le management d’une équipe UX par le profil en T
Guillaume Abel
 
Faire d'UX sur son site web - Cap'Com 2015
Faire d'UX sur son site web - Cap'Com 2015Faire d'UX sur son site web - Cap'Com 2015
Faire d'UX sur son site web - Cap'Com 2015
Caroline Bedaux
 
Workshop UX - Quentin Subervie
Workshop UX - Quentin SubervieWorkshop UX - Quentin Subervie
Workshop UX - Quentin Subervie
Quentin Subervie
 
Ergonomie : performance et satisfaction de nos clients
Ergonomie : performance et satisfaction de nos clientsErgonomie : performance et satisfaction de nos clients
Ergonomie : performance et satisfaction de nos clients
Laurence Vagner
 
Design Thinking & user expérience
Design Thinking  & user expérienceDesign Thinking  & user expérience
Design Thinking & user expérience
Mustapha BOUBEKRI, MBA, PMP, PMI-ACP
 
FLUPA UX-Day 2012 : L’UX, d’accord, mais que fait le storyboard ? par Ewane P...
FLUPA UX-Day 2012 : L’UX, d’accord, mais que fait le storyboard ? par Ewane P...FLUPA UX-Day 2012 : L’UX, d’accord, mais que fait le storyboard ? par Ewane P...
FLUPA UX-Day 2012 : L’UX, d’accord, mais que fait le storyboard ? par Ewane P...
Flupa
 
Améliorer le ROI de vos applications grâce à la démarche Design UX
Améliorer le ROI de vos applications grâce à la démarche Design UXAméliorer le ROI de vos applications grâce à la démarche Design UX
Améliorer le ROI de vos applications grâce à la démarche Design UX
Microsoft Ideas
 
[Atelier des experts] Design d'expérience utilisateur : adopter une approche ...
[Atelier des experts] Design d'expérience utilisateur : adopter une approche ...[Atelier des experts] Design d'expérience utilisateur : adopter une approche ...
[Atelier des experts] Design d'expérience utilisateur : adopter une approche ...
Patrice Pena
 
Work n coffee : l'Ux design au service de ma performance
Work n coffee : l'Ux design au service de ma performanceWork n coffee : l'Ux design au service de ma performance
Work n coffee : l'Ux design au service de ma performance
Net Design
 
1. Introduction à l'Expérience utilisateur
1. Introduction à l'Expérience utilisateur1. Introduction à l'Expérience utilisateur
1. Introduction à l'Expérience utilisateur
Laurent Barbat
 
User Experience
User ExperienceUser Experience

Similaire à Symposium uxdesign (20)

Les fondamentaux de UI UX Design .pdf
Les fondamentaux de UI UX Design .pdfLes fondamentaux de UI UX Design .pdf
Les fondamentaux de UI UX Design .pdf
 
Good Morning UX #3 : Les fondamentaux du design UX
Good Morning UX #3 : Les fondamentaux du design UXGood Morning UX #3 : Les fondamentaux du design UX
Good Morning UX #3 : Les fondamentaux du design UX
 
What is ux ?
What is ux ?What is ux ?
What is ux ?
 
Formation M2i - Placer l'ux au coeur de sa stratégie
Formation M2i - Placer l'ux au coeur de sa stratégieFormation M2i - Placer l'ux au coeur de sa stratégie
Formation M2i - Placer l'ux au coeur de sa stratégie
 
Guide des metiers du design interactif 2015 par Aquent et *designers interact...
Guide des metiers du design interactif 2015 par Aquent et *designers interact...Guide des metiers du design interactif 2015 par Aquent et *designers interact...
Guide des metiers du design interactif 2015 par Aquent et *designers interact...
 
Inclusive Design
Inclusive DesignInclusive Design
Inclusive Design
 
Metiers Design Numerique 2009
Metiers Design Numerique 2009Metiers Design Numerique 2009
Metiers Design Numerique 2009
 
Guide des metiers du design interactif 2015 par Aquent et *designers interact...
Guide des metiers du design interactif 2015 par Aquent et *designers interact...Guide des metiers du design interactif 2015 par Aquent et *designers interact...
Guide des metiers du design interactif 2015 par Aquent et *designers interact...
 
#Cours : Comment se définit et en quoi consiste l’#UX #Design
#Cours : Comment se définit et en quoi consiste l’#UX #Design#Cours : Comment se définit et en quoi consiste l’#UX #Design
#Cours : Comment se définit et en quoi consiste l’#UX #Design
 
Le management d’une équipe UX par le profil en T
Le management d’une équipe UX par le profil en TLe management d’une équipe UX par le profil en T
Le management d’une équipe UX par le profil en T
 
Faire d'UX sur son site web - Cap'Com 2015
Faire d'UX sur son site web - Cap'Com 2015Faire d'UX sur son site web - Cap'Com 2015
Faire d'UX sur son site web - Cap'Com 2015
 
Workshop UX - Quentin Subervie
Workshop UX - Quentin SubervieWorkshop UX - Quentin Subervie
Workshop UX - Quentin Subervie
 
Ergonomie : performance et satisfaction de nos clients
Ergonomie : performance et satisfaction de nos clientsErgonomie : performance et satisfaction de nos clients
Ergonomie : performance et satisfaction de nos clients
 
Design Thinking & user expérience
Design Thinking  & user expérienceDesign Thinking  & user expérience
Design Thinking & user expérience
 
FLUPA UX-Day 2012 : L’UX, d’accord, mais que fait le storyboard ? par Ewane P...
FLUPA UX-Day 2012 : L’UX, d’accord, mais que fait le storyboard ? par Ewane P...FLUPA UX-Day 2012 : L’UX, d’accord, mais que fait le storyboard ? par Ewane P...
FLUPA UX-Day 2012 : L’UX, d’accord, mais que fait le storyboard ? par Ewane P...
 
Améliorer le ROI de vos applications grâce à la démarche Design UX
Améliorer le ROI de vos applications grâce à la démarche Design UXAméliorer le ROI de vos applications grâce à la démarche Design UX
Améliorer le ROI de vos applications grâce à la démarche Design UX
 
[Atelier des experts] Design d'expérience utilisateur : adopter une approche ...
[Atelier des experts] Design d'expérience utilisateur : adopter une approche ...[Atelier des experts] Design d'expérience utilisateur : adopter une approche ...
[Atelier des experts] Design d'expérience utilisateur : adopter une approche ...
 
Work n coffee : l'Ux design au service de ma performance
Work n coffee : l'Ux design au service de ma performanceWork n coffee : l'Ux design au service de ma performance
Work n coffee : l'Ux design au service de ma performance
 
1. Introduction à l'Expérience utilisateur
1. Introduction à l'Expérience utilisateur1. Introduction à l'Expérience utilisateur
1. Introduction à l'Expérience utilisateur
 
User Experience
User ExperienceUser Experience
User Experience
 

Symposium uxdesign

  • 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
  • 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 ?