SlideShare une entreprise Scribd logo
©2021 ericacademy
UX Design …
conception centrée sur l'utilisateur
ericacademy
Apprendre Autrement
o Design Thinking


o Service Design


o Interaction Design


o User eXperience
un domaine large …
C’est quoi UX?
l’UX se traite au niveau émotionnel. c’est l’ensemble du ressenti et
des perceptions resultant de l’usage et l’interaction avec un produit ou
service (digital ou non)
capacité d’usage
émotionnel
l’UX s’évalue sur:
UI - produit
l’apparence finale du produit ou du
service par laquelle l’utilisateur va
entrer en interaction.
utilisation
😀
UX
User eXperience
la conception centrée sur l'utilisateur vous
permet d'ajouter un impact émotionnel à
vos produits.
le challenge avec l’UX Design
Ils ne parlent pas le même language
utilisateur expert
vous devez trouver les désirs et les besoins
des utilisateurs afin d’avoir une approche
UX Design efficiente.
TARG
ET
1
TARGET 2
TARGET 3
TARGET 4
TARG
ET
5
Objectifs
Problèmes
Envies
Douleurs
Désirs
la conception centrée
sur l’utilisateur est basée
sur les DONNÉES.
Concrètement, cela se passe…
Données
données de l'utilisateur
provenant des
observations initiales
Douleurs
Les difficultés et
douleurs remontées par
les utilisateurs
Persona
On define le
personnage virtuel de
notre segment concerné
PROTOTYPE
On fait finalement des
prototypes pour tester
la capacité d’usage
scénarios
On fait des scénarios
pour réduire les
possibilités
Idéation
Pour créer de multiples
solutions possibles
Un Travail d’équipe
Investir un temps à l'avance permet d’en economiser beaucoup à l’arrivée.
Ibrahim Moussa
Youssouf
Tania
Mastan
2 4 5 6
7 8 9 10 12 13
14 17 18 19 20
21 22 23 25 26 27
28 29 31
M T W T F S S
3
16
30
OCTOBER 2021
1 2 3
4 5 7
6 8 9 10
30 1
11
15
24
Rapide à mettre en oeuvre, tout le
process tient sur 1 SEMAINE env.
Un tableau de post-it
Les observations des utilisateurs
Le process de votre Design
notre cas d’étude?
CODE FIGHTERS 😀
CODE
Plani
fi
cation, Clef de Tous les Succès
Il est toujours bon d'avoir une


vue d'ensemble de l’objectif et de ce dont
on a besoin pour y arriver.
C’est toujours plus OPTIMAL!
Données Douleurs Cible
Mot de Passe oublié?
Nom dʼutilisateur
Mot de Passe…
LOGIN
Enregistrez-vous!
UX Scénarios Idéation
Joueur1 Joueur2
Sélection de joueurs
La Sélection de Personnages
Points de Vie
Super Pouvoir
Barre d’Énergie
L’Écran de Combat
Notre Application - un Jeu de Combat
Notre Application - un Jeu de Combat
Quelques Références Intéressantes…
Controller
l’attention de
l’utilisateur
Le Bon TITRE
TITRE
TITRE
TITRE
TITRE
Grouper les Menus Ensemble
TITRE TITRE
Sous Titre
Les Titres au Bon Endroit
Sous Titre
TITRE
Les Titres au Bon Endroit
TITRE DE PAGE
Nom*
Prénom
Age
Un problème avec le Nom
L’Élément Qui Pose Problème
Nom
Prénom
Age
Un problème avec le Nom
Don’t make


me THINK!
Je Suis Où???
MENU1 MENU2 MENU3
| | MENU1 MENU2 MENU3
| |
MENU1 MENU2 MENU3
| | MENU1 MENU2 MENU3
| |
MENU1 MENU2 MENU3
| |
▸MENU1 MENU2 MENU3
| |
Les Sequences…
SEQ1 SEQ2 SEQ3
HOME ▸ PRODUITS ▸ ACCESSOIRES ▸▸▸ MONTRE
La Simpli
fi
cation de la Recherche
Eri| Eri|
ericacademy
ericacademy est bon
ericacademy est super
Eri|
ericacademy
ericacademy est bon
ericacademy est super
Le HOVER sur les Intéractions
Eri|
ericacademy
ericacademy est bon
ericacademy est super
Password
8 caractères au minimum…
NON Au Placeholder…
Password
8 caractères au minimum…
Euuuuuuuuuuuuhhhhhhh!!!!!!!
Il vous reste:


1283742 secondes de forfait
Votre forfait s’épuise dans 143 jours
Vous avez 1287381637165 octets


de forfait Internet
Accessibilité est
le maitre mot
mettez votre ID
L’Élément Qui Pose Problème
mettez votre ID
?
ID veut dire Identification
header
nav
aside section
footer
<div>
<div>
<div> <div>
<div>
Miser sur l’Avenir… HTML5
Ooops, 3 problèmes
X
X
X
Mettez en Évidence les Erreurs
les erreurs sont en rouge
Le CONTRASTE mon cher Watson…
©2021 ericacademy
Fait avec amour et passion
MERCI
vous avez des questions ou besoin d’aide?
ericacademy@protonmail.com
ericacademy
Apprendre Autrement

Contenu connexe

Similaire à UX-Design-ericacademy.pdf

Symposium uxdesign
Symposium uxdesignSymposium uxdesign
Symposium uxdesign
Versusmind
 
[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
Friends Of Figma, Cotonou
 
Quand Monsieur Experience rencontre Madame Marketing
Quand Monsieur Experience rencontre Madame MarketingQuand Monsieur Experience rencontre Madame Marketing
Quand Monsieur Experience rencontre Madame Marketing
Benjamin Richy
 
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
Benjamin Richy
 
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
 
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
 
Les outils de l'ergonome agile
Les outils de l'ergonome agileLes outils de l'ergonome agile
Les outils de l'ergonome agile
CARA_Lyon
 
Présentation Bertin Ergonomie - Transformation digitale
Présentation Bertin Ergonomie - Transformation digitalePrésentation Bertin Ergonomie - Transformation digitale
Présentation Bertin Ergonomie - Transformation digitale
Hugues Randriatsoa
 
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
 
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
 
UX & UI Design : les tendances pour 2017
UX & UI Design : les tendances pour 2017UX & UI Design : les tendances pour 2017
UX & UI Design : les tendances pour 2017
NiceToMeetYou
 
Améliorer le Design pour améliorer l'UX
Améliorer le Design pour améliorer l'UXAméliorer le Design pour améliorer l'UX
Améliorer le Design pour améliorer l'UX
L_Demontiers
 
Applications tactiles : Design en mode maquette papier et story-board
Applications tactiles : Design en mode maquette papier et story-boardApplications tactiles : Design en mode maquette papier et story-board
Applications tactiles : Design en mode maquette papier et story-board
Microsoft
 
Atelier - Bienvenue dans l'ère post-webdesign
Atelier - Bienvenue dans l'ère post-webdesignAtelier - Bienvenue dans l'ère post-webdesign
Atelier - Bienvenue dans l'ère post-webdesign
Medialibs
 
Intégrer la démarche ergonomique dans le cycle de développement d'un jeu vidé...
Intégrer la démarche ergonomique dans le cycle de développement d'un jeu vidé...Intégrer la démarche ergonomique dans le cycle de développement d'un jeu vidé...
Intégrer la démarche ergonomique dans le cycle de développement d'un jeu vidé...
Flupa
 
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
 
Du serious game au jeux utiles - Stéphane Natkin
Du serious game au jeux utiles - Stéphane NatkinDu serious game au jeux utiles - Stéphane Natkin
Du serious game au jeux utiles - Stéphane Natkin
FFFOD
 
Ma relation d'amour-haine avec la gamification
Ma relation d'amour-haine avec la gamificationMa relation d'amour-haine avec la gamification
Ma relation d'amour-haine avec la gamification
TP1
 
Optimiser l'expérience utilisateur de l'Open Source
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 Wabnitz
 

Similaire à UX-Design-ericacademy.pdf (20)

Symposium uxdesign
Symposium uxdesignSymposium uxdesign
Symposium uxdesign
 
C’est quoi l’UX -
C’est quoi l’UX -C’est quoi l’UX -
C’est quoi l’UX -
 
[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
 
Quand Monsieur Experience rencontre Madame Marketing
Quand Monsieur Experience rencontre Madame MarketingQuand Monsieur Experience rencontre Madame Marketing
Quand Monsieur Experience rencontre Madame Marketing
 
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
 
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
 
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
 
Les outils de l'ergonome agile
Les outils de l'ergonome agileLes outils de l'ergonome agile
Les outils de l'ergonome agile
 
Présentation Bertin Ergonomie - Transformation digitale
Présentation Bertin Ergonomie - Transformation digitalePrésentation Bertin Ergonomie - Transformation digitale
Présentation Bertin Ergonomie - Transformation digitale
 
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
 
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é
 
UX & UI Design : les tendances pour 2017
UX & UI Design : les tendances pour 2017UX & UI Design : les tendances pour 2017
UX & UI Design : les tendances pour 2017
 
Améliorer le Design pour améliorer l'UX
Améliorer le Design pour améliorer l'UXAméliorer le Design pour améliorer l'UX
Améliorer le Design pour améliorer l'UX
 
Applications tactiles : Design en mode maquette papier et story-board
Applications tactiles : Design en mode maquette papier et story-boardApplications tactiles : Design en mode maquette papier et story-board
Applications tactiles : Design en mode maquette papier et story-board
 
Atelier - Bienvenue dans l'ère post-webdesign
Atelier - Bienvenue dans l'ère post-webdesignAtelier - Bienvenue dans l'ère post-webdesign
Atelier - Bienvenue dans l'ère post-webdesign
 
Intégrer la démarche ergonomique dans le cycle de développement d'un jeu vidé...
Intégrer la démarche ergonomique dans le cycle de développement d'un jeu vidé...Intégrer la démarche ergonomique dans le cycle de développement d'un jeu vidé...
Intégrer la démarche ergonomique dans le cycle de développement d'un jeu vidé...
 
WAQ16 - Atelier design émotionnel - Carine Lallemand
WAQ16 - Atelier design émotionnel - Carine LallemandWAQ16 - Atelier design émotionnel - Carine Lallemand
WAQ16 - Atelier design émotionnel - Carine Lallemand
 
Du serious game au jeux utiles - Stéphane Natkin
Du serious game au jeux utiles - Stéphane NatkinDu serious game au jeux utiles - Stéphane Natkin
Du serious game au jeux utiles - Stéphane Natkin
 
Ma relation d'amour-haine avec la gamification
Ma relation d'amour-haine avec la gamificationMa relation d'amour-haine avec la gamification
Ma relation d'amour-haine avec la gamification
 
Optimiser l'expérience utilisateur de l'Open Source
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
 

Plus de EricKeita

typographie-ericacademy.pdf
typographie-ericacademy.pdftypographie-ericacademy.pdf
typographie-ericacademy.pdf
EricKeita
 
initiation-dvptWEB-ericacademy.pdf
initiation-dvptWEB-ericacademy.pdfinitiation-dvptWEB-ericacademy.pdf
initiation-dvptWEB-ericacademy.pdf
EricKeita
 
programmes-fidelite-ericacademy.pdf
programmes-fidelite-ericacademy.pdfprogrammes-fidelite-ericacademy.pdf
programmes-fidelite-ericacademy.pdf
EricKeita
 
buzz-reseaux-sociaux-ericacademy.pdf
buzz-reseaux-sociaux-ericacademy.pdfbuzz-reseaux-sociaux-ericacademy.pdf
buzz-reseaux-sociaux-ericacademy.pdf
EricKeita
 
brand-identity-ericacademy.pdf
brand-identity-ericacademy.pdfbrand-identity-ericacademy.pdf
brand-identity-ericacademy.pdf
EricKeita
 
internet-Mali-ericacademy.pdf
internet-Mali-ericacademy.pdfinternet-Mali-ericacademy.pdf
internet-Mali-ericacademy.pdf
EricKeita
 
site-noCODE-ericacademy.pdf
site-noCODE-ericacademy.pdfsite-noCODE-ericacademy.pdf
site-noCODE-ericacademy.pdf
EricKeita
 
entreprendre-15regles-ericacademy.pdf
entreprendre-15regles-ericacademy.pdfentreprendre-15regles-ericacademy.pdf
entreprendre-15regles-ericacademy.pdf
EricKeita
 
initiation-programmation-erickeita.pdf
initiation-programmation-erickeita.pdfinitiation-programmation-erickeita.pdf
initiation-programmation-erickeita.pdf
EricKeita
 

Plus de EricKeita (9)

typographie-ericacademy.pdf
typographie-ericacademy.pdftypographie-ericacademy.pdf
typographie-ericacademy.pdf
 
initiation-dvptWEB-ericacademy.pdf
initiation-dvptWEB-ericacademy.pdfinitiation-dvptWEB-ericacademy.pdf
initiation-dvptWEB-ericacademy.pdf
 
programmes-fidelite-ericacademy.pdf
programmes-fidelite-ericacademy.pdfprogrammes-fidelite-ericacademy.pdf
programmes-fidelite-ericacademy.pdf
 
buzz-reseaux-sociaux-ericacademy.pdf
buzz-reseaux-sociaux-ericacademy.pdfbuzz-reseaux-sociaux-ericacademy.pdf
buzz-reseaux-sociaux-ericacademy.pdf
 
brand-identity-ericacademy.pdf
brand-identity-ericacademy.pdfbrand-identity-ericacademy.pdf
brand-identity-ericacademy.pdf
 
internet-Mali-ericacademy.pdf
internet-Mali-ericacademy.pdfinternet-Mali-ericacademy.pdf
internet-Mali-ericacademy.pdf
 
site-noCODE-ericacademy.pdf
site-noCODE-ericacademy.pdfsite-noCODE-ericacademy.pdf
site-noCODE-ericacademy.pdf
 
entreprendre-15regles-ericacademy.pdf
entreprendre-15regles-ericacademy.pdfentreprendre-15regles-ericacademy.pdf
entreprendre-15regles-ericacademy.pdf
 
initiation-programmation-erickeita.pdf
initiation-programmation-erickeita.pdfinitiation-programmation-erickeita.pdf
initiation-programmation-erickeita.pdf
 

UX-Design-ericacademy.pdf