SlideShare une entreprise Scribd logo
1  sur  33
Télécharger pour lire hors ligne
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.
UX veut dire
User eXperience
et se traduit en français par
eXpérience Utilisateur
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
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 ?”
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.
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.
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.
Persuasive Design
Le Persuasive design cherche à
inciter l’utilisateur à effectuer une
action tout en le laissant libre de sa
décision.
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.
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.
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…
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.
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.
Les arborescences
Les arborescences sont des arbres
visuels qui servent à hiérarchiser le
contenu texte et les fonctionnalités
d’une interface.
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.
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.
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.
Le processus UX peut se définir en 7
grandes étapes :
1. Découvrir
2. Définir
3. Conceptualiser
4. Créer et développer
5. Déployer
6. Écouter
7. Réitérer !
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...
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.
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.
#UserFirst !
CN2 - Faire d'UX sur son site web
CN2 - Faire d'UX sur son site web

Contenu connexe

Tendances

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é
Agora CMS - 25 avril 2014 - UX : Mythe et réalitéGuillaume Abel
 
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 2011Sylvie Daumal
 
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
 
Mix07 Ergonomie et Experience Utilisateur Steria
Mix07 Ergonomie et Experience Utilisateur SteriaMix07 Ergonomie et Experience Utilisateur Steria
Mix07 Ergonomie et Experience Utilisateur SteriaSteria
 
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
 
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 webNovUp
 
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 tousKiss The Bride
 
Ux design-jean-françois-marti
Ux design-jean-françois-martiUx design-jean-françois-marti
Ux design-jean-françois-martiFrenchWeb.fr
 
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 - copyAxel NEMETH
 
UX Mobile - Experience Utilisateur Mobile
UX Mobile - Experience Utilisateur MobileUX Mobile - Experience Utilisateur Mobile
UX Mobile - Experience Utilisateur MobileAudrey CHATEL
 
1. Introduction à l'Expérience utilisateur
1. Introduction à l'Expérience utilisateur1. Introduction à l'Expérience utilisateur
1. Introduction à l'Expérience utilisateurLaurent Barbat
 
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
 
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
 
Experience map @UXRepublic
Experience map @UXRepublicExperience map @UXRepublic
Experience map @UXRepublicUX REPUBLIC
 
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 UXNewflux UX/UI News
 
Opening keynote Blendwebmix 2019 - Carine Lallemand
Opening keynote Blendwebmix 2019 - Carine LallemandOpening keynote Blendwebmix 2019 - Carine Lallemand
Opening keynote Blendwebmix 2019 - Carine LallemandCarine Lallemand
 
L’UX pour vendre - afterwork Flupa janvier 2016
L’UX pour vendre - afterwork Flupa janvier 2016L’UX pour vendre - afterwork Flupa janvier 2016
L’UX pour vendre - afterwork Flupa janvier 2016Christophe Clouzeau
 
Conference pitch l'ux design a ta grand-mere
Conference pitch l'ux design a ta grand-mereConference pitch l'ux design a ta grand-mere
Conference pitch l'ux design a ta grand-mereBenjamin Richy
 
Quand Monsieur Experience rencontre Madame Marketing
Quand Monsieur Experience rencontre Madame MarketingQuand Monsieur Experience rencontre Madame Marketing
Quand Monsieur Experience rencontre Madame MarketingBenjamin Richy
 
FLUPA UX-Day 2014 - Leslie Matté et Risvan Asif : "Pourquoi l’UX Design va s’...
FLUPA UX-Day 2014 - Leslie Matté et Risvan Asif : "Pourquoi l’UX Design va s’...FLUPA UX-Day 2014 - Leslie Matté et Risvan Asif : "Pourquoi l’UX Design va s’...
FLUPA UX-Day 2014 - Leslie Matté et Risvan Asif : "Pourquoi l’UX Design va s’...Flupa
 

Tendances (20)

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é
Agora CMS - 25 avril 2014 - UX : Mythe et réalité
 
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
 
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 ...
 
Mix07 Ergonomie et Experience Utilisateur Steria
Mix07 Ergonomie et Experience Utilisateur SteriaMix07 Ergonomie et Experience Utilisateur Steria
Mix07 Ergonomie et Experience Utilisateur Steria
 
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 ?
 
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
 
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
 
Ux design-jean-françois-marti
Ux design-jean-françois-martiUx design-jean-françois-marti
Ux design-jean-françois-marti
 
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
 
UX Mobile - Experience Utilisateur Mobile
UX Mobile - Experience Utilisateur MobileUX Mobile - Experience Utilisateur Mobile
UX Mobile - Experience Utilisateur Mobile
 
1. Introduction à l'Expérience utilisateur
1. Introduction à l'Expérience utilisateur1. Introduction à l'Expérience utilisateur
1. Introduction à l'Expérience utilisateur
 
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...
 
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...
 
Experience map @UXRepublic
Experience map @UXRepublicExperience map @UXRepublic
Experience map @UXRepublic
 
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
 
Opening keynote Blendwebmix 2019 - Carine Lallemand
Opening keynote Blendwebmix 2019 - Carine LallemandOpening keynote Blendwebmix 2019 - Carine Lallemand
Opening keynote Blendwebmix 2019 - Carine Lallemand
 
L’UX pour vendre - afterwork Flupa janvier 2016
L’UX pour vendre - afterwork Flupa janvier 2016L’UX pour vendre - afterwork Flupa janvier 2016
L’UX pour vendre - afterwork Flupa janvier 2016
 
Conference pitch l'ux design a ta grand-mere
Conference pitch l'ux design a ta grand-mereConference pitch l'ux design a ta grand-mere
Conference pitch l'ux design a ta grand-mere
 
Quand Monsieur Experience rencontre Madame Marketing
Quand Monsieur Experience rencontre Madame MarketingQuand Monsieur Experience rencontre Madame Marketing
Quand Monsieur Experience rencontre Madame Marketing
 
FLUPA UX-Day 2014 - Leslie Matté et Risvan Asif : "Pourquoi l’UX Design va s’...
FLUPA UX-Day 2014 - Leslie Matté et Risvan Asif : "Pourquoi l’UX Design va s’...FLUPA UX-Day 2014 - Leslie Matté et Risvan Asif : "Pourquoi l’UX Design va s’...
FLUPA UX-Day 2014 - Leslie Matté et Risvan Asif : "Pourquoi l’UX Design va s’...
 

En vedette

CN1- Anticiper les tecnhos chaudes du web 3.0 et 4.0
CN1- Anticiper les tecnhos chaudes du web 3.0 et 4.0CN1- Anticiper les tecnhos chaudes du web 3.0 et 4.0
CN1- Anticiper les tecnhos chaudes du web 3.0 et 4.0Cap'Com
 
#capcom15 - AT10 : Mener une campagne Facebook advertising
#capcom15 - AT10 : Mener une campagne Facebook advertising #capcom15 - AT10 : Mener une campagne Facebook advertising
#capcom15 - AT10 : Mener une campagne Facebook advertising Cap'Com
 
Cap com2011 service communication-bellanger
Cap com2011 service communication-bellangerCap com2011 service communication-bellanger
Cap com2011 service communication-bellangerCap'Com
 
Le tri des déchets - atelier
Le tri des déchets - atelierLe tri des déchets - atelier
Le tri des déchets - atelierCap'Com
 
Aism global presentation jan 2012 fr
Aism global presentation jan 2012 frAism global presentation jan 2012 fr
Aism global presentation jan 2012 frStefaan Beullens
 
Ademe_Laurent Thibaud_Bilan énergétique de la ville numérique
Ademe_Laurent Thibaud_Bilan énergétique de la ville numériqueAdeme_Laurent Thibaud_Bilan énergétique de la ville numérique
Ademe_Laurent Thibaud_Bilan énergétique de la ville numériqueMetro'num 2011
 
APEL Notre-Dame Tonneins: Activités 2011 - 2012
APEL Notre-Dame Tonneins: Activités 2011 - 2012APEL Notre-Dame Tonneins: Activités 2011 - 2012
APEL Notre-Dame Tonneins: Activités 2011 - 2012Irina Descharmes
 
Números Romanos
Números RomanosNúmeros Romanos
Números RomanosLcantillo
 
Tema 2 sma
Tema 2 smaTema 2 sma
Tema 2 smaSottti
 
Recrutement oma v3
Recrutement oma v3Recrutement oma v3
Recrutement oma v3b2rb2r
 

En vedette (20)

CN1- Anticiper les tecnhos chaudes du web 3.0 et 4.0
CN1- Anticiper les tecnhos chaudes du web 3.0 et 4.0CN1- Anticiper les tecnhos chaudes du web 3.0 et 4.0
CN1- Anticiper les tecnhos chaudes du web 3.0 et 4.0
 
#capcom15 - AT10 : Mener une campagne Facebook advertising
#capcom15 - AT10 : Mener une campagne Facebook advertising #capcom15 - AT10 : Mener une campagne Facebook advertising
#capcom15 - AT10 : Mener une campagne Facebook advertising
 
Ntic's
Ntic'sNtic's
Ntic's
 
Cap com2011 service communication-bellanger
Cap com2011 service communication-bellangerCap com2011 service communication-bellanger
Cap com2011 service communication-bellanger
 
Le tri des déchets - atelier
Le tri des déchets - atelierLe tri des déchets - atelier
Le tri des déchets - atelier
 
Aism global presentation jan 2012 fr
Aism global presentation jan 2012 frAism global presentation jan 2012 fr
Aism global presentation jan 2012 fr
 
Shopping list
Shopping listShopping list
Shopping list
 
Ademe_Laurent Thibaud_Bilan énergétique de la ville numérique
Ademe_Laurent Thibaud_Bilan énergétique de la ville numériqueAdeme_Laurent Thibaud_Bilan énergétique de la ville numérique
Ademe_Laurent Thibaud_Bilan énergétique de la ville numérique
 
APEL Notre-Dame Tonneins: Activités 2011 - 2012
APEL Notre-Dame Tonneins: Activités 2011 - 2012APEL Notre-Dame Tonneins: Activités 2011 - 2012
APEL Notre-Dame Tonneins: Activités 2011 - 2012
 
120222 mbachile
120222 mbachile120222 mbachile
120222 mbachile
 
Bioelementos
BioelementosBioelementos
Bioelementos
 
Números Romanos
Números RomanosNúmeros Romanos
Números Romanos
 
Vih mg
Vih mgVih mg
Vih mg
 
Bacterias i reino procariote
Bacterias i reino procarioteBacterias i reino procariote
Bacterias i reino procariote
 
Shakespeare
ShakespeareShakespeare
Shakespeare
 
Mediosdecomunicacion1
Mediosdecomunicacion1Mediosdecomunicacion1
Mediosdecomunicacion1
 
Qué es un emo
Qué es un emoQué es un emo
Qué es un emo
 
Commons
CommonsCommons
Commons
 
Tema 2 sma
Tema 2 smaTema 2 sma
Tema 2 sma
 
Recrutement oma v3
Recrutement oma v3Recrutement oma v3
Recrutement oma v3
 

Similaire à CN2 - Faire d'UX sur son site web

Design Thinking & UX/UI
Design Thinking & UX/UIDesign Thinking & UX/UI
Design Thinking & UX/UIÉvolt
 
ExperienceUtilisateur_AnastasiaSimitsis_RDVweb
ExperienceUtilisateur_AnastasiaSimitsis_RDVwebExperienceUtilisateur_AnastasiaSimitsis_RDVweb
ExperienceUtilisateur_AnastasiaSimitsis_RDVwebValtech Canada
 
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 UXNewflux UX/UI News
 
02 00 application et services _ introduction
02 00 application et services _ introduction02 00 application et services _ introduction
02 00 application et services _ introductionAlexandre Rivaux
 
Qu'est-ce que l'UX et comment peut-elle aider votre bibliothèque ?
Qu'est-ce que l'UX et comment peut-elle aider votre bibliothèque ?Qu'est-ce que l'UX et comment peut-elle aider votre bibliothèque ?
Qu'est-ce que l'UX et comment peut-elle aider votre bibliothèque ?ADBU
 
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 DesignUXD Meetup
 
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 performanceNet Design
 
#ADBU2016 Qu'apportent les méthodes de Design UX par rapport aux méthodes tra...
#ADBU2016 Qu'apportent les méthodes de Design UX par rapport aux méthodes tra...#ADBU2016 Qu'apportent les méthodes de Design UX par rapport aux méthodes tra...
#ADBU2016 Qu'apportent les méthodes de Design UX par rapport aux méthodes tra...ADBU
 
Méthodologie de conception: user flow
Méthodologie de conception: user flowMéthodologie de conception: user flow
Méthodologie de conception: user flowKévin TONON
 
UX-Design-ericacademy.pdf
UX-Design-ericacademy.pdfUX-Design-ericacademy.pdf
UX-Design-ericacademy.pdfEricKeita
 
UX-Design-ericacademy.pdf
UX-Design-ericacademy.pdfUX-Design-ericacademy.pdf
UX-Design-ericacademy.pdffortestfortest
 
#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 #DesignVirginie Boullé
 
[Motion & animation dans un design system] FoF Cotonou event.pptx
[Motion & animation dans un design system] FoF Cotonou event.pptx[Motion & animation dans un design system] FoF Cotonou event.pptx
[Motion & animation dans un design system] FoF Cotonou event.pptxFriends Of Figma, Cotonou
 
101 - UX, Agile, collaboration : une formule gagnante en développement de pr...
101 -  UX, Agile, collaboration : une formule gagnante en développement de pr...101 -  UX, Agile, collaboration : une formule gagnante en développement de pr...
101 - UX, Agile, collaboration : une formule gagnante en développement de pr...PMI-Montréal
 
Work’n Coffee UX Design by ND du 27 octobre 2017
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 2017Net Design
 
Concevoir des Interfaces Utilisateur efficaces et vendeuses
Concevoir des Interfaces Utilisateur efficaces et vendeusesConcevoir des Interfaces Utilisateur efficaces et vendeuses
Concevoir des Interfaces Utilisateur efficaces et vendeusesMicrosoft
 
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
 

Similaire à CN2 - Faire d'UX sur son site web (20)

Design Thinking & UX/UI
Design Thinking & UX/UIDesign Thinking & UX/UI
Design Thinking & UX/UI
 
ExperienceUtilisateur_AnastasiaSimitsis_RDVweb
ExperienceUtilisateur_AnastasiaSimitsis_RDVwebExperienceUtilisateur_AnastasiaSimitsis_RDVweb
ExperienceUtilisateur_AnastasiaSimitsis_RDVweb
 
Inclusive Design
Inclusive DesignInclusive Design
Inclusive Design
 
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
 
02 00 application et services _ introduction
02 00 application et services _ introduction02 00 application et services _ introduction
02 00 application et services _ introduction
 
Qu'est-ce que l'UX et comment peut-elle aider votre bibliothèque ?
Qu'est-ce que l'UX et comment peut-elle aider votre bibliothèque ?Qu'est-ce que l'UX et comment peut-elle aider votre bibliothèque ?
Qu'est-ce que l'UX et comment peut-elle aider votre bibliothèque ?
 
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
 
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
 
What is ux ?
What is ux ?What is ux ?
What is ux ?
 
#ADBU2016 Qu'apportent les méthodes de Design UX par rapport aux méthodes tra...
#ADBU2016 Qu'apportent les méthodes de Design UX par rapport aux méthodes tra...#ADBU2016 Qu'apportent les méthodes de Design UX par rapport aux méthodes tra...
#ADBU2016 Qu'apportent les méthodes de Design UX par rapport aux méthodes tra...
 
Méthodologie de conception: user flow
Méthodologie de conception: user flowMéthodologie de conception: user flow
Méthodologie de conception: user flow
 
UX-Design-ericacademy.pdf
UX-Design-ericacademy.pdfUX-Design-ericacademy.pdf
UX-Design-ericacademy.pdf
 
UX-Design-ericacademy.pdf
UX-Design-ericacademy.pdfUX-Design-ericacademy.pdf
UX-Design-ericacademy.pdf
 
#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
 
[Motion & animation dans un design system] FoF Cotonou event.pptx
[Motion & animation dans un design system] FoF Cotonou event.pptx[Motion & animation dans un design system] FoF Cotonou event.pptx
[Motion & animation dans un design system] FoF Cotonou event.pptx
 
101 - UX, Agile, collaboration : une formule gagnante en développement de pr...
101 -  UX, Agile, collaboration : une formule gagnante en développement de pr...101 -  UX, Agile, collaboration : une formule gagnante en développement de pr...
101 - UX, Agile, collaboration : une formule gagnante en développement de pr...
 
030 fondamentaux di
030   fondamentaux di030   fondamentaux di
030 fondamentaux di
 
Work’n Coffee UX Design by ND du 27 octobre 2017
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
 
Concevoir des Interfaces Utilisateur efficaces et vendeuses
Concevoir des Interfaces Utilisateur efficaces et vendeusesConcevoir des Interfaces Utilisateur efficaces et vendeuses
Concevoir des Interfaces Utilisateur efficaces et vendeuses
 
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...
 

Plus de Cap'Com

Plénière de clôture | S'appuyer sur les sciences comportementales pour accomp...
Plénière de clôture | S'appuyer sur les sciences comportementales pour accomp...Plénière de clôture | S'appuyer sur les sciences comportementales pour accomp...
Plénière de clôture | S'appuyer sur les sciences comportementales pour accomp...Cap'Com
 
Créer une web radio : décryptage du dispositif mis en place à l'agglomération...
Créer une web radio : décryptage du dispositif mis en place à l'agglomération...Créer une web radio : décryptage du dispositif mis en place à l'agglomération...
Créer une web radio : décryptage du dispositif mis en place à l'agglomération...Cap'Com
 
E1.Évaluer sa communication interne .
E1.Évaluer sa communication interne     .E1.Évaluer sa communication interne     .
E1.Évaluer sa communication interne .Cap'Com
 
D2. Impliquer les agents dans les événements internes
D2. Impliquer les agents dans les événements internesD2. Impliquer les agents dans les événements internes
D2. Impliquer les agents dans les événements internesCap'Com
 
D1. Application intranet mobile : peser le pour et le contre
D1. Application intranet mobile : peser le pour et le contreD1. Application intranet mobile : peser le pour et le contre
D1. Application intranet mobile : peser le pour et le contreCap'Com
 
C2. Miser sur la sobriété éditoriale pour des contenus accessibles
C2. Miser sur la sobriété éditoriale pour des contenus accessiblesC2. Miser sur la sobriété éditoriale pour des contenus accessibles
C2. Miser sur la sobriété éditoriale pour des contenus accessiblesCap'Com
 
C1. Créer et accompagner un réseau d'ambassadeurs sur Linkedin
C1. Créer et accompagner un réseau d'ambassadeurs sur LinkedinC1. Créer et accompagner un réseau d'ambassadeurs sur Linkedin
C1. Créer et accompagner un réseau d'ambassadeurs sur LinkedinCap'Com
 
Conférence HOP | Renforcer la proximité : la com interne sur le terrain
Conférence HOP | Renforcer la proximité : la com interne sur le terrainConférence HOP | Renforcer la proximité : la com interne sur le terrain
Conférence HOP | Renforcer la proximité : la com interne sur le terrainCap'Com
 
Dynamiser ses voeux et événements protocolaires : décryptage du Grand Prix 20...
Dynamiser ses voeux et événements protocolaires : décryptage du Grand Prix 20...Dynamiser ses voeux et événements protocolaires : décryptage du Grand Prix 20...
Dynamiser ses voeux et événements protocolaires : décryptage du Grand Prix 20...Cap'Com
 
B2. Travailler sa communication managériale
B2. Travailler sa communication managérialeB2. Travailler sa communication managériale
B2. Travailler sa communication managérialeCap'Com
 
B1. Valoriser et s'appuyer sur le sport en com interne
B1. Valoriser et s'appuyer sur le sport en com interneB1. Valoriser et s'appuyer sur le sport en com interne
B1. Valoriser et s'appuyer sur le sport en com interneCap'Com
 
A2. Réinventer son dispositif de recrutement au travers de l'ingénierie conve...
A2. Réinventer son dispositif de recrutement au travers de l'ingénierie conve...A2. Réinventer son dispositif de recrutement au travers de l'ingénierie conve...
A2. Réinventer son dispositif de recrutement au travers de l'ingénierie conve...Cap'Com
 
A1. S'adresser aux nouvelles générations
A1. S'adresser aux nouvelles générationsA1. S'adresser aux nouvelles générations
A1. S'adresser aux nouvelles générationsCap'Com
 
L'événementiel pour mobiliser les journalistes
L'événementiel pour mobiliser les journalistesL'événementiel pour mobiliser les journalistes
L'événementiel pour mobiliser les journalistesCap'Com
 
S'emparer de Linkedin
S'emparer de LinkedinS'emparer de Linkedin
S'emparer de LinkedinCap'Com
 
Acculturer les élus et les agents
Acculturer les élus et les agentsAcculturer les élus et les agents
Acculturer les élus et les agentsCap'Com
 
Tirer parti des clubs de presse en région
Tirer parti des clubs de presse en régionTirer parti des clubs de presse en région
Tirer parti des clubs de presse en régionCap'Com
 
Utiliser l'intelligence artificielle dans ses pratiques métier
Utiliser l'intelligence artificielle dans ses pratiques métierUtiliser l'intelligence artificielle dans ses pratiques métier
Utiliser l'intelligence artificielle dans ses pratiques métierCap'Com
 
Tendances RP 2024 : comment "pimper" ses RP ?
Tendances RP 2024 : comment "pimper" ses RP ?Tendances RP 2024 : comment "pimper" ses RP ?
Tendances RP 2024 : comment "pimper" ses RP ?Cap'Com
 
VP1 - Toulouse terre de rugby : un puissant marqueur du territoire
VP1 - Toulouse terre de rugby : un puissant marqueur du territoireVP1 - Toulouse terre de rugby : un puissant marqueur du territoire
VP1 - Toulouse terre de rugby : un puissant marqueur du territoireCap'Com
 

Plus de Cap'Com (20)

Plénière de clôture | S'appuyer sur les sciences comportementales pour accomp...
Plénière de clôture | S'appuyer sur les sciences comportementales pour accomp...Plénière de clôture | S'appuyer sur les sciences comportementales pour accomp...
Plénière de clôture | S'appuyer sur les sciences comportementales pour accomp...
 
Créer une web radio : décryptage du dispositif mis en place à l'agglomération...
Créer une web radio : décryptage du dispositif mis en place à l'agglomération...Créer une web radio : décryptage du dispositif mis en place à l'agglomération...
Créer une web radio : décryptage du dispositif mis en place à l'agglomération...
 
E1.Évaluer sa communication interne .
E1.Évaluer sa communication interne     .E1.Évaluer sa communication interne     .
E1.Évaluer sa communication interne .
 
D2. Impliquer les agents dans les événements internes
D2. Impliquer les agents dans les événements internesD2. Impliquer les agents dans les événements internes
D2. Impliquer les agents dans les événements internes
 
D1. Application intranet mobile : peser le pour et le contre
D1. Application intranet mobile : peser le pour et le contreD1. Application intranet mobile : peser le pour et le contre
D1. Application intranet mobile : peser le pour et le contre
 
C2. Miser sur la sobriété éditoriale pour des contenus accessibles
C2. Miser sur la sobriété éditoriale pour des contenus accessiblesC2. Miser sur la sobriété éditoriale pour des contenus accessibles
C2. Miser sur la sobriété éditoriale pour des contenus accessibles
 
C1. Créer et accompagner un réseau d'ambassadeurs sur Linkedin
C1. Créer et accompagner un réseau d'ambassadeurs sur LinkedinC1. Créer et accompagner un réseau d'ambassadeurs sur Linkedin
C1. Créer et accompagner un réseau d'ambassadeurs sur Linkedin
 
Conférence HOP | Renforcer la proximité : la com interne sur le terrain
Conférence HOP | Renforcer la proximité : la com interne sur le terrainConférence HOP | Renforcer la proximité : la com interne sur le terrain
Conférence HOP | Renforcer la proximité : la com interne sur le terrain
 
Dynamiser ses voeux et événements protocolaires : décryptage du Grand Prix 20...
Dynamiser ses voeux et événements protocolaires : décryptage du Grand Prix 20...Dynamiser ses voeux et événements protocolaires : décryptage du Grand Prix 20...
Dynamiser ses voeux et événements protocolaires : décryptage du Grand Prix 20...
 
B2. Travailler sa communication managériale
B2. Travailler sa communication managérialeB2. Travailler sa communication managériale
B2. Travailler sa communication managériale
 
B1. Valoriser et s'appuyer sur le sport en com interne
B1. Valoriser et s'appuyer sur le sport en com interneB1. Valoriser et s'appuyer sur le sport en com interne
B1. Valoriser et s'appuyer sur le sport en com interne
 
A2. Réinventer son dispositif de recrutement au travers de l'ingénierie conve...
A2. Réinventer son dispositif de recrutement au travers de l'ingénierie conve...A2. Réinventer son dispositif de recrutement au travers de l'ingénierie conve...
A2. Réinventer son dispositif de recrutement au travers de l'ingénierie conve...
 
A1. S'adresser aux nouvelles générations
A1. S'adresser aux nouvelles générationsA1. S'adresser aux nouvelles générations
A1. S'adresser aux nouvelles générations
 
L'événementiel pour mobiliser les journalistes
L'événementiel pour mobiliser les journalistesL'événementiel pour mobiliser les journalistes
L'événementiel pour mobiliser les journalistes
 
S'emparer de Linkedin
S'emparer de LinkedinS'emparer de Linkedin
S'emparer de Linkedin
 
Acculturer les élus et les agents
Acculturer les élus et les agentsAcculturer les élus et les agents
Acculturer les élus et les agents
 
Tirer parti des clubs de presse en région
Tirer parti des clubs de presse en régionTirer parti des clubs de presse en région
Tirer parti des clubs de presse en région
 
Utiliser l'intelligence artificielle dans ses pratiques métier
Utiliser l'intelligence artificielle dans ses pratiques métierUtiliser l'intelligence artificielle dans ses pratiques métier
Utiliser l'intelligence artificielle dans ses pratiques métier
 
Tendances RP 2024 : comment "pimper" ses RP ?
Tendances RP 2024 : comment "pimper" ses RP ?Tendances RP 2024 : comment "pimper" ses RP ?
Tendances RP 2024 : comment "pimper" ses RP ?
 
VP1 - Toulouse terre de rugby : un puissant marqueur du territoire
VP1 - Toulouse terre de rugby : un puissant marqueur du territoireVP1 - Toulouse terre de rugby : un puissant marqueur du territoire
VP1 - Toulouse terre de rugby : un puissant marqueur du territoire
 

CN2 - Faire d'UX sur son site web

  • 1.
  • 2.
  • 3. 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.
  • 4.
  • 5. UX veut dire User eXperience et se traduit en français par eXpérience Utilisateur
  • 6. 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
  • 7. 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 ?”
  • 8.
  • 9.
  • 10. 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.
  • 11. 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.
  • 12. 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.
  • 13.
  • 14. Persuasive Design Le Persuasive design cherche à inciter l’utilisateur à effectuer une action tout en le laissant libre de sa décision.
  • 15. 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.
  • 16. 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.
  • 17. 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…
  • 18.
  • 19. 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.
  • 20. 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.
  • 21. Les arborescences Les arborescences sont des arbres visuels qui servent à hiérarchiser le contenu texte et les fonctionnalités d’une interface.
  • 22. 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.
  • 23. 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.
  • 24. 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.
  • 25.
  • 26. Le processus UX peut se définir en 7 grandes étapes : 1. Découvrir 2. Définir 3. Conceptualiser 4. Créer et développer 5. Déployer 6. Écouter 7. Réitérer !
  • 27. 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...
  • 28. 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.
  • 29.
  • 30. 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.