#Cours : Comment se définit et en quoi consiste l’#UX #Design

Virginie Boullé
Virginie BoulléConsultante et Enseignante en Communication Digitale, WEB & PAO à IUT Evry - Département TC Juvisy
L’UX Design
Comment se définit
et en quoi consiste l'UX design
#Cours : Comment se définit et en quoi consiste l’#UX #Design
Définition
• D’après la norme ISO 9241-210, 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 ».
• Au niveau du digital, cette notion va plus loin :
L’expérience utilisateur, c’est la qualité d’une
expérience globale perçue par une personne
qui utilise un produit ou un service.
• L’ensemble des interactions vécues qui
marquera, positivement ou négativement le
souvenir de l’utilisateur.
Analyse des mots « Ux Design »
• Expérience : « fait d’éprouver quelque chose » =
quelque chose de subjectif, qui change au fil du temps
et des circonstances où nos a priori, ressentie et
habitudes personnelles ne doivent pas interférer
dans le processus.
• Design : ne dois pas être assimiler au graphisme.
L’UX Design est avant tout la conception
d’un site, d’un produit ou d’un service en
adéquation avec l’ergonomie et le
comportement des utilisateurs finaux.
Ux design = User eXperience
• L’UX design correspond aux techniques de design
mises en œuvre afin d’atteindre la meilleure
expérience utilisateur sur le web, « User
eXperience »
• L’UX Design = positionner l’utilisateur au
centre de la réflexion, se focaliser sur ce qu’il
souhaiterait faire et de quelle façon.
• Il y a, dans l’expérience utilisateur, quelque chose
d’intimement lié à la psychologie. Les utilisateurs
sont des êtres rationnels et émotionnels.
• Une bonne expérience utilisateur sur le web = une visite
d’internaute positive, efficace et utile qui laissera un
bon souvenir et donnera au client l’envie de
revenir.
• A l’inverse, une mauvaise expérience liée à une
navigation laborieuse, un temps de chargement trop long,
l’apparition d’un message 404, laisse un souvenir négatif
impérissable. Résultat : peu de chances pour que l’on
revienne sur le site en question.
• Le UX design consiste à prendre en compte en amont de la
conception du site web l’ensemble des paramètres qui
participeront à rendre l’expérience utilisateur positive.
• L’ergonomie critère n°1 pris en compte par le designer : apparence,
design, positionnement des différentes briques qui composent le site.
• L’utilisateur doit trouver facilement ce qu’il est venu chercher.
• On intégre les notions de référencement naturel,
• La capacité du site à rassurer l’utilisateur : il doit se sentir en confiance,
• Une navigation facile et fluide.
• Le site doit être utilisable sans difficulté quelques soit le
support utilisé : PC, tablette ou mobile. (Ergonomie, Responsive Design,
navigation adaptée)
Source : http://www.appaloosa.fr
• A ce titre, il faut envisager deux ergonomies :
• Une ergonomie fonctionnelle = s’appuie sur une
recherche d’efficacité et d’efficience :
• L’utilisateur est-il en capacité de le faire ?
• Une ergonomie émotionnelle = cherche à
mettre en confiance et séduire :
• L’utilisateur a-t-il envie de le faire ?
• C’est la prise en compte de cette couche émotionnelle qui
permet de parler d’expérience.
Ergonomie, design, expérience
utilisateur, etc. : je suis perdu !
• Il est difficile d’envisager les nuances entre chacun de ces
aspects. Les termes se chevauchent et les
disciplines sont transverses.
L’imbrication des notions
Ergonomie = Hiérarchie de l’information + Design
d’interaction + Parcours utilisateurs
Design d’interface = Prototypage graphique +
Affordance (capacité d’un élément à suggérer sa fonction)
• DONC :
Ergonomie ≠ Design d’interface
Ergonomie = Expérience utilisateur
MAIS
Expérience utilisateur ≠ Ergonomie
• L’ergonomie sert l’expérience utilisateur mais
l’expérience utilisateur ne se résume pas à l’ergonomie.
Design d’interface = Expérience utilisateur
MAIS
Expérience utilisateur ≠ Design d’interface
• Le design d’interface sert l’expérience
utilisateur mais l’expérience utilisateur ne se résume
pas au design d’interface.
• Qu’est ce qui distingue le design d’interface du design
d’experience utilisateur ?
• L’expérience utilisateur, c’est un design qui
se vit, qui s’éprouve et qui s’expérimente.
#Cours : Comment se définit et en quoi consiste l’#UX #Design
Expérience utilisateur = Ergonomie + Design d’interface
• L’expérience utilisateur d’un site internet,
c’est la somme du travail du travail de
conception ergonomique et du design
d’interface.
• Le design d’expérience utilisateur, ce n’est pas (que) le
beau. C’est aussi résoudre des problèmes.
• « … le design, ce n’est pas seulement l’apparence et le style.
Le design, c’est comment ça marche ». Steve Jobs.
Pourquoi est-il si important de concevoir
une expérience utilisateur de qualité ?
• La multiplication de sites, d’offres et de produits exige de
soigner son expérience utilisateur.
• Cette surabondance du choix amènent les
utilisateurs à rechercher des expériences qui
ont de la valeur.
Fidélisation et tests utilisateurs
• Le développement exponentiel de l’offre et donc de la
concurrence nécessite également de fidéliser ses
utilisateurs durement acquis.
• Il coûte en effet plus cher de conquérir de nouveaux
clients plutôt que de fidéliser ceux déjà présents.
• Un utilisateur satisfait de son expérience
sera votre stratégie commerciale > il reviendra
et fera venir les autres.
• 88% des visiteurs ne reviendront pas s’ils ont une
mauvaise expérience utilisateur sur un site internet.
• 68% des utilisateurs quittent un site car son interface est
mal conçue.
• La nature itérative* du design d’expérience utilisateur
peut permettre d’améliorer très significativement le taux
de conversion.
• Grâce aux feedbacks de tests utilisateurs, on améliore
continuellement l’expérience.
• Exemple : changer l’intitulé d’un bouton.
*L’itération correspond au processus de répéter un ensemble d’opérations jusqu’à ce qu’un résultat spécifique
soit atteint. L’itération du design intervient lorsqu’on explore, teste et affine les concepts de design
• 85% des problèmes UX peuvent être résolus par des
tests de 5 utilisateurs
• L’impact d’une démarche UX est multiple car elle aide
dans :
• L’accessibilité du site
• La crédibilité de vos messages
• L’utilisabilité du site
Itération du Design & du
développement
L’itération du design
• L’itération du design intervient lorsqu’on explore, teste et
affine les concepts de design.
• Chaque cycle dans le design restreint la large gamme de
possibilités jusqu’à ce que le design soit conforme aux besoins.
• Des prototypes d’une fidélité en progression sont utilisés pour
tester les concepts et identifier les variables inconnues
• Des membres du public visé sont mis à contribution sur
différentes étapes des itérations pour participer aux tests et
valider les besoins.
• Les échecs aussi bien que les succès fournissent d’importantes
informations à propos de ce qui marche et ce qui ne marche pas.
L’itération du développement
• L’itération du développement est l’itération non
prévue qui intervient lors de la construction du produit.
• C’est une refonte ou encore un gaspillage dans le cycle
de développement.
• Cette itération est couteuse, non désirée et très
généralement la cause de spécifications incorrectes, non
adéquates, ou encore de problème de management ou
de planning.
Processus de l’UX
• Le processus de l’UX suit un ordre logique
avec plusieurs phases successives.
• Cependant, les projets étant différents les uns
des autres, il s’agit plus d’un cadre de travail
qu’un mode d’emploi prédéfini et invariable.
Trois sujets d’étude
• Même si l’utilisateur final est au cœur du projet, l’UX
Design ne concentre pas toute son attention sur lui.
Trois éléments centraux sont pris à part égale par
l’architecture de l’information :
• L’utilisateur avec ses motivations, ses
comportements et ses attentes
• Le contenu qui va comprendre l’information
(textes, images, sons, vidéos…) et les services
proposés
• Le contexte c’est-à-dire les objectifs du projet,
l’état d’esprit du client et les ressources dédiées
au projet
#Cours : Comment se définit et en quoi consiste l’#UX #Design
• Quatre phases de travail vont se succéder lors du
processus :
• La recherche (analyse de la concurrence,
interviews…)
• Le concept
• Le prototype (prototypes papier,
wireframe…)
• Le design (logo, maquettes graphiques…)
L’UX Design
Comment se définit
et en quoi consiste l'UX design
Virginie Boullé - virginie.b.formation@gmail.com
Enseignante en Technologies Web et Communication Digitale
Sources : http://www.tetrapolis.fr, http://www.appaloosa.fr, http://ux-fr.com
1 sur 40

Recommandé

Ux design & ergonomie des interfaces 6ème édition (extrait) par
Ux design & ergonomie des interfaces 6ème édition (extrait) Ux design & ergonomie des interfaces 6ème édition (extrait)
Ux design & ergonomie des interfaces 6ème édition (extrait) Usabilis
5.4K vues25 diapositives
Concepts methodes par
Concepts methodesConcepts methodes
Concepts methodesmsk10
791 vues31 diapositives
Good Morning UX #1 : Initiation à la conception UX par
Good Morning UX #1 : Initiation à la conception UXGood Morning UX #1 : Initiation à la conception UX
Good Morning UX #1 : Initiation à la conception UXNewflux UX/UI News
16.8K vues47 diapositives
C’est quoi l’UX - par
C’est quoi l’UX -C’est quoi l’UX -
C’est quoi l’UX -Stephen Demange
7.5K vues42 diapositives
Mix07 Ergonomie et Experience Utilisateur Steria par
Mix07 Ergonomie et Experience Utilisateur SteriaMix07 Ergonomie et Experience Utilisateur Steria
Mix07 Ergonomie et Experience Utilisateur SteriaSteria
3.3K vues21 diapositives
Formation UX Design - Usages mobiles et web par
Formation UX Design - Usages mobiles et webFormation UX Design - Usages mobiles et web
Formation UX Design - Usages mobiles et webNovUp
617 vues14 diapositives

Contenu connexe

Tendances

Ux par
UxUx
UxThibault Deglane
724 vues19 diapositives
Good Evening UX #1 : Micro moment par
Good Evening UX #1 : Micro momentGood Evening UX #1 : Micro moment
Good Evening UX #1 : Micro momentNewflux UX/UI News
8.4K vues36 diapositives
User Experience : Ux versus UI par
User Experience : Ux versus UIUser Experience : Ux versus UI
User Experience : Ux versus UIPatrice Lelaisant
737 vues19 diapositives
Mobile design par
Mobile designMobile design
Mobile designHadina RIMTIC
1.1K vues12 diapositives
Methodes de design UX : revolutionnez votre coffre à outils ! - Soiree TLMUX ... par
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
24.2K vues85 diapositives
Good Morning UX #3 : Les fondamentaux du design UX par
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 UXNewflux UX/UI News
8.2K vues74 diapositives

Tendances(20)

Methodes de design UX : revolutionnez votre coffre à outils ! - Soiree TLMUX ... par Carine Lallemand
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 Lallemand24.2K vues
Good Morning UX #3 : Les fondamentaux du design UX par Newflux UX/UI News
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 News8.2K vues
Pourquoi toutes les organisations ont-elles besoin de Design UX ? par Marie Glandus
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 Glandus647 vues
La matinale le fil : Design experience utilisateur pour tous par Kiss The Bride
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 Bride3.7K vues
Agora CMS - 25 avril 2014 - UX : Mythe et réalité par Guillaume Abel
Agora CMS - 25 avril 2014 - UX : Mythe et réalitéAgora CMS - 25 avril 2014 - UX : Mythe et réalité
Agora CMS - 25 avril 2014 - UX : Mythe et réalité
Guillaume Abel3.8K vues
Good Evening UX #2 : Processus de tests utilisateurs et méthodes de recrutement par Newflux UX/UI News
Good Evening UX #2 : Processus de tests utilisateurs et méthodes de recrutementGood Evening UX #2 : Processus de tests utilisateurs et méthodes de recrutement
Good Evening UX #2 : Processus de tests utilisateurs et méthodes de recrutement
Newflux UX/UI News7.7K vues
Good Evening UX #3 : Processus interne et service design par Newflux UX/UI News
Good Evening UX #3 : Processus interne et service designGood Evening UX #3 : Processus interne et service design
Good Evening UX #3 : Processus interne et service design
Newflux UX/UI News92.6K vues
UX Mobile - Experience Utilisateur Mobile par Audrey CHATEL
UX Mobile - Experience Utilisateur MobileUX Mobile - Experience Utilisateur Mobile
UX Mobile - Experience Utilisateur Mobile
Audrey CHATEL14.4K vues
1. Introduction à l'Expérience utilisateur par Laurent Barbat
1. Introduction à l'Expérience utilisateur1. Introduction à l'Expérience utilisateur
1. Introduction à l'Expérience utilisateur
Laurent Barbat1.5K vues
201409 tic-valley-innovation day-ux - copy par Axel NEMETH
201409 tic-valley-innovation day-ux - copy201409 tic-valley-innovation day-ux - copy
201409 tic-valley-innovation day-ux - copy
Axel NEMETH1.5K vues
Conférence Paris Web 2015 - Vers une bonne pratique du Pair Design par Catherine Verfaillie
Conférence Paris Web 2015 - Vers une bonne pratique du Pair DesignConférence Paris Web 2015 - Vers une bonne pratique du Pair Design
Conférence Paris Web 2015 - Vers une bonne pratique du Pair Design
Designer l'expérience utilisateur @ Web_UX 2011 par Sylvie Daumal
Designer l'expérience utilisateur @ Web_UX 2011Designer l'expérience utilisateur @ Web_UX 2011
Designer l'expérience utilisateur @ Web_UX 2011
Sylvie Daumal3K vues
Workshop UX Design - FLUPA UX-Day 2013 par Carine Lallemand
Workshop UX Design - FLUPA UX-Day 2013Workshop UX Design - FLUPA UX-Day 2013
Workshop UX Design - FLUPA UX-Day 2013
Carine Lallemand4.2K vues

En vedette

Poetry Visit Example par
Poetry Visit ExamplePoetry Visit Example
Poetry Visit ExampleKenneth Petrilli
320 vues1 diapositive
Literary terms for poetry par
Literary terms for poetryLiterary terms for poetry
Literary terms for poetrysherrychapman
4.1K vues28 diapositives
How to write a Fable par
How to write a FableHow to write a Fable
How to write a Fableeamonncorry30
6.9K vues15 diapositives
On the grasshopper and the cricket par
On the grasshopper and the cricket On the grasshopper and the cricket
On the grasshopper and the cricket Geetanjali
6.5K vues22 diapositives
Creative Writing | Poetry Terms par
Creative Writing | Poetry TermsCreative Writing | Poetry Terms
Creative Writing | Poetry Termsnorthardj
4.6K vues37 diapositives
How to write a fable par
How to write a fableHow to write a fable
How to write a fablelolaceituno
103.3K vues9 diapositives

En vedette(12)

On the grasshopper and the cricket par Geetanjali
On the grasshopper and the cricket On the grasshopper and the cricket
On the grasshopper and the cricket
Geetanjali 6.5K vues
Creative Writing | Poetry Terms par northardj
Creative Writing | Poetry TermsCreative Writing | Poetry Terms
Creative Writing | Poetry Terms
northardj4.6K vues
How to write a fable par lolaceituno
How to write a fableHow to write a fable
How to write a fable
lolaceituno103.3K vues
How to write a literary analysis essay par Jenna Bates
How to write a literary analysis essayHow to write a literary analysis essay
How to write a literary analysis essay
Jenna Bates104.6K vues
Simile powerpoint par jay8
Simile powerpointSimile powerpoint
Simile powerpoint
jay885.2K vues
Plato's Objection to Poetry and Aristotle's Defence par Dilip Barad
Plato's Objection to Poetry and Aristotle's DefencePlato's Objection to Poetry and Aristotle's Defence
Plato's Objection to Poetry and Aristotle's Defence
Dilip Barad142.8K vues
21st century literature from the philippines and the world par PRINTDESK by Dan
21st century literature from the philippines and the world21st century literature from the philippines and the world
21st century literature from the philippines and the world
PRINTDESK by Dan246K vues
Réalisation d’un projet en expérience utilisateur (6-764-15) : Introduction par Pierre-Majorique Léger
Réalisation d’un projet en expérience utilisateur (6-764-15) : IntroductionRéalisation d’un projet en expérience utilisateur (6-764-15) : Introduction
Réalisation d’un projet en expérience utilisateur (6-764-15) : Introduction
How to write a good essay?? par guestb9454e5
How to write a good essay??How to write a good essay??
How to write a good essay??
guestb9454e597.6K vues

Similaire à #Cours : Comment se définit et en quoi consiste l’#UX #Design

Formation M2i - Placer l'ux au coeur de sa stratégie par
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égieM2i Formation
129 vues66 diapositives
ExperienceUtilisateur_AnastasiaSimitsis_RDVweb par
ExperienceUtilisateur_AnastasiaSimitsis_RDVwebExperienceUtilisateur_AnastasiaSimitsis_RDVweb
ExperienceUtilisateur_AnastasiaSimitsis_RDVwebValtech Canada
533 vues31 diapositives
L’UX DESIGN AU SERVICE DE L’ETHIQUE & DE VOTRE TRANSFORMATION par
L’UX DESIGN AU SERVICE  DE L’ETHIQUE &  DE VOTRE TRANSFORMATIONL’UX DESIGN AU SERVICE  DE L’ETHIQUE &  DE VOTRE TRANSFORMATION
L’UX DESIGN AU SERVICE DE L’ETHIQUE & DE VOTRE TRANSFORMATIONNadège Bide
288 vues49 diapositives
Les outils de l'ergonome agile par
Les outils de l'ergonome agileLes outils de l'ergonome agile
Les outils de l'ergonome agileCARA_Lyon
1.6K vues34 diapositives
Data + UX = décisions objectives pour optimiser la conversion - Ingrid Thonet... par
Data + UX = décisions objectives pour optimiser la conversion - Ingrid Thonet...Data + UX = décisions objectives pour optimiser la conversion - Ingrid Thonet...
Data + UX = décisions objectives pour optimiser la conversion - Ingrid Thonet...SEO CAMP
3.1K vues53 diapositives
Work n coffee : l'Ux design au service de ma performance par
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 performanceNet Design
1.7K vues65 diapositives

Similaire à #Cours : Comment se définit et en quoi consiste l’#UX #Design(20)

Formation M2i - Placer l'ux au coeur de sa stratégie par M2i Formation
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 Formation129 vues
ExperienceUtilisateur_AnastasiaSimitsis_RDVweb par Valtech Canada
ExperienceUtilisateur_AnastasiaSimitsis_RDVwebExperienceUtilisateur_AnastasiaSimitsis_RDVweb
ExperienceUtilisateur_AnastasiaSimitsis_RDVweb
Valtech Canada533 vues
L’UX DESIGN AU SERVICE DE L’ETHIQUE & DE VOTRE TRANSFORMATION par Nadège Bide
L’UX DESIGN AU SERVICE  DE L’ETHIQUE &  DE VOTRE TRANSFORMATIONL’UX DESIGN AU SERVICE  DE L’ETHIQUE &  DE VOTRE TRANSFORMATION
L’UX DESIGN AU SERVICE DE L’ETHIQUE & DE VOTRE TRANSFORMATION
Nadège Bide288 vues
Les outils de l'ergonome agile par CARA_Lyon
Les outils de l'ergonome agileLes outils de l'ergonome agile
Les outils de l'ergonome agile
CARA_Lyon1.6K vues
Data + UX = décisions objectives pour optimiser la conversion - Ingrid Thonet... par SEO CAMP
Data + UX = décisions objectives pour optimiser la conversion - Ingrid Thonet...Data + UX = décisions objectives pour optimiser la conversion - Ingrid Thonet...
Data + UX = décisions objectives pour optimiser la conversion - Ingrid Thonet...
SEO CAMP3.1K vues
Work n coffee : l'Ux design au service de ma performance par Net Design
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 Design1.7K vues
Pourquoi faire un audit UX (et ergonomique) de vos services ? par Mathilde Bermond
Pourquoi faire un audit UX (et ergonomique) de vos services ?Pourquoi faire un audit UX (et ergonomique) de vos services ?
Pourquoi faire un audit UX (et ergonomique) de vos services ?
Mathilde Bermond291 vues
L'ux design pragmatique par Anne PEDRO
L'ux design pragmatiqueL'ux design pragmatique
L'ux design pragmatique
Anne PEDRO307 vues
L'importance du design dans l'efficacité de votre site web par Julien Dereumaux
L'importance du design dans l'efficacité de votre site webL'importance du design dans l'efficacité de votre site web
L'importance du design dans l'efficacité de votre site web
Julien Dereumaux151 vues
Convivialité (UX) pour les affichages et services numériques dans le processu... par Immacon
Convivialité (UX) pour les affichages et services numériques dans le processu...Convivialité (UX) pour les affichages et services numériques dans le processu...
Convivialité (UX) pour les affichages et services numériques dans le processu...
Immacon781 vues
Workn coffee 2015-refonte de site web par Net Design
Workn coffee 2015-refonte de site webWorkn coffee 2015-refonte de site web
Workn coffee 2015-refonte de site web
Net Design1.7K vues
Ergonomie & Expérience Utilisateur (UX) | Cours Introduction par Julien Roland
Ergonomie & Expérience Utilisateur (UX) | Cours IntroductionErgonomie & Expérience Utilisateur (UX) | Cours Introduction
Ergonomie & Expérience Utilisateur (UX) | Cours Introduction
Julien Roland761 vues
Work’n Coffee UX Design by ND du 27 octobre 2017 par Net Design
Work’n Coffee UX Design by ND du 27 octobre 2017Work’n Coffee UX Design by ND du 27 octobre 2017
Work’n Coffee UX Design by ND du 27 octobre 2017
Net Design550 vues
Flupa UX Days 2018 | Anthony Adam par Flupa
Flupa UX Days 2018 | Anthony AdamFlupa UX Days 2018 | Anthony Adam
Flupa UX Days 2018 | Anthony Adam
Flupa500 vues
Agile france 2012 comment integrer ux et agile par Yannick Ameur
Agile france 2012 comment integrer ux et agileAgile france 2012 comment integrer ux et agile
Agile france 2012 comment integrer ux et agile
Yannick Ameur993 vues
Ux design par niklofr
Ux designUx design
Ux design
niklofr1.3K vues
Optimiser l'expérience utilisateur de l'Open Source par Marc Wabnitz
Optimiser l'expérience utilisateur de l'Open SourceOptimiser l'expérience utilisateur de l'Open Source
Optimiser l'expérience utilisateur de l'Open Source
Marc Wabnitz85 vues

#Cours : Comment se définit et en quoi consiste l’#UX #Design

  • 1. L’UX Design Comment se définit et en quoi consiste l'UX design
  • 4. • D’après la norme ISO 9241-210, 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 ». • Au niveau du digital, cette notion va plus loin : L’expérience utilisateur, c’est la qualité d’une expérience globale perçue par une personne qui utilise un produit ou un service. • L’ensemble des interactions vécues qui marquera, positivement ou négativement le souvenir de l’utilisateur.
  • 5. Analyse des mots « Ux Design » • Expérience : « fait d’éprouver quelque chose » = quelque chose de subjectif, qui change au fil du temps et des circonstances où nos a priori, ressentie et habitudes personnelles ne doivent pas interférer dans le processus. • Design : ne dois pas être assimiler au graphisme. L’UX Design est avant tout la conception d’un site, d’un produit ou d’un service en adéquation avec l’ergonomie et le comportement des utilisateurs finaux.
  • 6. Ux design = User eXperience • L’UX design correspond aux techniques de design mises en œuvre afin d’atteindre la meilleure expérience utilisateur sur le web, « User eXperience »
  • 7. • L’UX Design = positionner l’utilisateur au centre de la réflexion, se focaliser sur ce qu’il souhaiterait faire et de quelle façon. • Il y a, dans l’expérience utilisateur, quelque chose d’intimement lié à la psychologie. Les utilisateurs sont des êtres rationnels et émotionnels.
  • 8. • Une bonne expérience utilisateur sur le web = une visite d’internaute positive, efficace et utile qui laissera un bon souvenir et donnera au client l’envie de revenir. • A l’inverse, une mauvaise expérience liée à une navigation laborieuse, un temps de chargement trop long, l’apparition d’un message 404, laisse un souvenir négatif impérissable. Résultat : peu de chances pour que l’on revienne sur le site en question.
  • 9. • Le UX design consiste à prendre en compte en amont de la conception du site web l’ensemble des paramètres qui participeront à rendre l’expérience utilisateur positive. • L’ergonomie critère n°1 pris en compte par le designer : apparence, design, positionnement des différentes briques qui composent le site. • L’utilisateur doit trouver facilement ce qu’il est venu chercher. • On intégre les notions de référencement naturel, • La capacité du site à rassurer l’utilisateur : il doit se sentir en confiance, • Une navigation facile et fluide. • Le site doit être utilisable sans difficulté quelques soit le support utilisé : PC, tablette ou mobile. (Ergonomie, Responsive Design, navigation adaptée)
  • 11. • A ce titre, il faut envisager deux ergonomies : • Une ergonomie fonctionnelle = s’appuie sur une recherche d’efficacité et d’efficience : • L’utilisateur est-il en capacité de le faire ? • Une ergonomie émotionnelle = cherche à mettre en confiance et séduire : • L’utilisateur a-t-il envie de le faire ? • C’est la prise en compte de cette couche émotionnelle qui permet de parler d’expérience.
  • 13. • Il est difficile d’envisager les nuances entre chacun de ces aspects. Les termes se chevauchent et les disciplines sont transverses.
  • 15. Ergonomie = Hiérarchie de l’information + Design d’interaction + Parcours utilisateurs Design d’interface = Prototypage graphique + Affordance (capacité d’un élément à suggérer sa fonction)
  • 16. • DONC : Ergonomie ≠ Design d’interface
  • 17. Ergonomie = Expérience utilisateur MAIS Expérience utilisateur ≠ Ergonomie • L’ergonomie sert l’expérience utilisateur mais l’expérience utilisateur ne se résume pas à l’ergonomie.
  • 18. Design d’interface = Expérience utilisateur MAIS Expérience utilisateur ≠ Design d’interface • Le design d’interface sert l’expérience utilisateur mais l’expérience utilisateur ne se résume pas au design d’interface.
  • 19. • Qu’est ce qui distingue le design d’interface du design d’experience utilisateur ? • L’expérience utilisateur, c’est un design qui se vit, qui s’éprouve et qui s’expérimente.
  • 21. Expérience utilisateur = Ergonomie + Design d’interface • L’expérience utilisateur d’un site internet, c’est la somme du travail du travail de conception ergonomique et du design d’interface. • Le design d’expérience utilisateur, ce n’est pas (que) le beau. C’est aussi résoudre des problèmes. • « … le design, ce n’est pas seulement l’apparence et le style. Le design, c’est comment ça marche ». Steve Jobs.
  • 22. Pourquoi est-il si important de concevoir une expérience utilisateur de qualité ?
  • 23. • La multiplication de sites, d’offres et de produits exige de soigner son expérience utilisateur. • Cette surabondance du choix amènent les utilisateurs à rechercher des expériences qui ont de la valeur.
  • 24. Fidélisation et tests utilisateurs
  • 25. • Le développement exponentiel de l’offre et donc de la concurrence nécessite également de fidéliser ses utilisateurs durement acquis. • Il coûte en effet plus cher de conquérir de nouveaux clients plutôt que de fidéliser ceux déjà présents. • Un utilisateur satisfait de son expérience sera votre stratégie commerciale > il reviendra et fera venir les autres.
  • 26. • 88% des visiteurs ne reviendront pas s’ils ont une mauvaise expérience utilisateur sur un site internet. • 68% des utilisateurs quittent un site car son interface est mal conçue.
  • 27. • La nature itérative* du design d’expérience utilisateur peut permettre d’améliorer très significativement le taux de conversion. • Grâce aux feedbacks de tests utilisateurs, on améliore continuellement l’expérience. • Exemple : changer l’intitulé d’un bouton. *L’itération correspond au processus de répéter un ensemble d’opérations jusqu’à ce qu’un résultat spécifique soit atteint. L’itération du design intervient lorsqu’on explore, teste et affine les concepts de design
  • 28. • 85% des problèmes UX peuvent être résolus par des tests de 5 utilisateurs • L’impact d’une démarche UX est multiple car elle aide dans : • L’accessibilité du site • La crédibilité de vos messages • L’utilisabilité du site
  • 29. Itération du Design & du développement
  • 31. • L’itération du design intervient lorsqu’on explore, teste et affine les concepts de design. • Chaque cycle dans le design restreint la large gamme de possibilités jusqu’à ce que le design soit conforme aux besoins. • Des prototypes d’une fidélité en progression sont utilisés pour tester les concepts et identifier les variables inconnues • Des membres du public visé sont mis à contribution sur différentes étapes des itérations pour participer aux tests et valider les besoins. • Les échecs aussi bien que les succès fournissent d’importantes informations à propos de ce qui marche et ce qui ne marche pas.
  • 33. • L’itération du développement est l’itération non prévue qui intervient lors de la construction du produit. • C’est une refonte ou encore un gaspillage dans le cycle de développement. • Cette itération est couteuse, non désirée et très généralement la cause de spécifications incorrectes, non adéquates, ou encore de problème de management ou de planning.
  • 35. • Le processus de l’UX suit un ordre logique avec plusieurs phases successives. • Cependant, les projets étant différents les uns des autres, il s’agit plus d’un cadre de travail qu’un mode d’emploi prédéfini et invariable.
  • 37. • Même si l’utilisateur final est au cœur du projet, l’UX Design ne concentre pas toute son attention sur lui. Trois éléments centraux sont pris à part égale par l’architecture de l’information : • L’utilisateur avec ses motivations, ses comportements et ses attentes • Le contenu qui va comprendre l’information (textes, images, sons, vidéos…) et les services proposés • Le contexte c’est-à-dire les objectifs du projet, l’état d’esprit du client et les ressources dédiées au projet
  • 39. • Quatre phases de travail vont se succéder lors du processus : • La recherche (analyse de la concurrence, interviews…) • Le concept • Le prototype (prototypes papier, wireframe…) • Le design (logo, maquettes graphiques…)
  • 40. L’UX Design Comment se définit et en quoi consiste l'UX design Virginie Boullé - virginie.b.formation@gmail.com Enseignante en Technologies Web et Communication Digitale Sources : http://www.tetrapolis.fr, http://www.appaloosa.fr, http://ux-fr.com