More Related Content Similar to UXD#5 - De l'importance de la conception centrée utilisateur (20) UXD#5 - De l'importance de la conception centrée utilisateur1. © 2014 – Cédric Bouré
UXDMeetup
De l’importance de
la conception
centrée utilisateur
#UXDmeetup
#5
10 avril 2013
2. © 2014 – Cédric Bouré
Enjeux
UXDMeetup
#1
#UXDmeetup
• Nombreuses erreurs !
• saisie fastidieuse!
• Perte de temps!
• Données partiellement
invalides
Sous-performance
!• Expérience utilisateur
frustrante et
désagréable!
• Image de marque
dégradée.
Déception
!• Fonctionnalités
inadaptées aux
besoins réels des
utilisateurs!
• détournement des
fonctionnalités
proposées,!
• Gros besoins de
formation!
Inadaptation
• Interfaces peu
conviviales!
• Hétérogènes!
• Architecture de l’info
difficile à comprendre
Rejet
Risques d’une Conception exclusivement orientée fonctionnel et technique
3. © 2014 – Cédric Bouré
Qu’est ce qu’une interface ergonomique ?
UXDMeetup
#1
#UXDmeetup
c
But
?
Qualité d’utilisation
Efficience (réussite)
Efficacité
Satisfaction
Apprentissage
Efficience (réussite)
Efficacité
Satisfaction
Apprentissage
But
4. © 2014 – Cédric Bouré
UXDMeetup
#1
#UXDmeetup
Ergonomie cosmétique
Ergonomie en mode pompier
Pas d’intervention ergonome : conception
guidée par les développements
Niveaux de maturité : où en êtes-vous ?
Ergonomie comme
enjeu stratégique
Démarche de
conception centrée
utilisateur
Pyramide des besoins des produits et
services
5. © 2014 – Cédric Bouré
Ergonomie en conception
UXDMeetup
#1
#UXDmeetup
d’après C.Midler, 1996
6. © 2014 – Cédric Bouré
Enjeux pour l’utilisateur final
UXDMeetup
#1
#UXDmeetup
!
Optimisation des
processus de saisie.
Réduction des erreurs.!
Validité des données.
Performance
!
Expérience utilisateur
enrichie.
Forte valeur ajoutée.
Image de marque
innovante.
Satisfaction
!
Homogénéité des écrans
et des fonctionnalités.!
Réduction du besoin de
formation et d’assistance.
Appropriation
!
Séduction par la
convivialité de
l’application et le design
des interfaces!
Adhésion des utilisateurs.
Acceptation
Conception ergonomique centrée sur l’utilisateur
7. © 2014 – Cédric Bouré
Enjeux pour l’éditeur
UXDMeetup
#1
#UXDmeetup
La fidélité de vos
utilisateurs est un gage de
qualité
Avantage!
concurrentiel!
Qui recommande
Recommandation
Qui revient
Rachat
Un utilisateur content est
un utilisateur qui reste
Fidélisation
Conception ergonomique centrée sur l’utilisateur
8. © 2014 – Cédric Bouré
New Myspace
UXDMeetup
#1
#UXDmeetup
« Stop making shit people don’t want! »!
Joshua Seiden – Managing Director at Neo, NYC
9. © 2014 – Cédric Bouré
Retour
d’expériences
#UXDmeetup
10. © 2014 – Cédric Bouré
Intranet - gestion des congés
UXDMeetup
#1
#UXDmeetup
CIBLE : POPULATION INTERNE (SALARIÉS)!
!
ÉTAT : CAHIER DES CHARGES, FONCTIONNALITÉS, PLANNING ENGAGÉS, VALIDÉS!
!
DEMANDE INITIALE : ERGONOMIE DES INTERFACES!
!
DEMANDE RÉVISÉE : CONFIRMATION ET ADHÉSION DES UTILISATEURS!
!
MÉTHODE : 2 ATELIERS CRÉATIVITÉ SUR LA BASE DES FONCTIONNALITÉS LIGHT « MON OUTIL RH
DE DEMAIN »!
!
RÉSULTATS : DÉCALAGE RÉEL ENTRE LA VOLONTÉ DU SERVICE RH DE LA GESTION DE CONGÉS
ET LES ATTENTES DES UTILISATEURS (SIMPLIFICATION ET VULGARISATION DE L’EXISTANT, PLUS
DE COMMUNICATION AVEC LE MANAGEMENT, GESTION DE CARRIÈRE,…).!
!
SOLUTIONS (EN COURS) : GEL, REVUE DES PRIORITÉS ET OBJECTIFS, DÉMARCHE DE CO-
CONSTRUCTION CONTINUE
11. © 2014 – Cédric Bouré
Site de gestion de crise
UXDMeetup
#1
#UXDmeetup
CIBLE : USAGERS DES TRANSPORTS!
!
ÉTAT : SITE EXISTANT (BASCULE EN CAS DE MOUVEMENTS TRAVAUX, GRÈVES,…)!
!
DEMANDE INITIALE : HOMOGÉNÉISATION GRAPHIQUE DES DONNÉES D’AFFICHAGE GRAND
PUBLIC!
!
MÉTHODE : ENTRETIEN AVEC LES UTILISATEURS ENTRANT LES DONNÉES BACK OFFICE!
!
RÉSULTATS : MÉCONTENTEMENT DES UTILISATEURS BACK OFFICE, COMPLEXITÉ, PERTE DE
TEMPS, SERVICE MARKETING SOURD CAR UTILISATEURS GRAND PUBLIC SATISFAIT, NON-
DÉLÉGATION DES TÂCHES…!
!
SOLUTIONS (EN COURS) : REMONTÉE DES INSATISFACTIONS À LA HIÉRARCHIE (ARGUMENTS
R.O.I) POUR PRISE DE DÉCISION DES PRIORITÉS.
12. © 2014 – Cédric Bouré
Spotify
UXDMeetup
#1
#UXDmeetup
LE NOUVEAU DESIGN
1: CONTENT FIRST
2: TOUJOURS EN
MOUVEMENT
3: RESPONSIVE &
HOMOGÉNÉITÉ
4: SIMPLICITÉ
5: MARQUE AUTHENTIQUE
ET RECONNAISSABLE
6 : « LAGOM »
Michelle Kadir
13. © 2014 – Cédric Bouré
Le travail de l’UX
designer
#UXDmeetup
14. © 2014 – Cédric Bouré
UX Designer as an executant
UXDMeetup
#1
#UXDmeetup
NON
enfin pas seulement…
15. © 2014 – Cédric Bouré
Concevoir pour l’utilisateur
UXDMeetup
#1
#UXDmeetup
RECHERCHE UTILISATEURS
AUDIT
MODÈLES UTILISATEURS
DÉCOUVERTE
• SOURCES : METRICS, ANALYSES, DONNÉES
MARKETING…!
• RECHERCHES : ETHNOGRAPHIE…!
• TESTS, ENQUÊTES, INTERVIEWS
QUANTI + QUALI
• SEGMENTS : MARCHÉ!
• PERSONAS : COMPORTEMENTS!
• SCÉNARIO D’USAGE : OUTIL CONCEPTUEL
• SOURCES : CONTENUS, EXPÉRIENCE!
• BESOINS : AUDIT, DEMANDE…!
• ÉQUIPE : CAPACITÉ, ORGANISATION…
BENCHMARK
• COLLECTE, CAPTURE!
• VEILLE CONCURRENCE, SECTEUR, MARCHÉ,
TECHNO,…
1
16. © 2014 – Cédric Bouré
Concevoir pour l’utilisateur
UXDMeetup
#1
#UXDmeetup
IDÉATION
MODÉLISATION
CONCEPT
• DIVISER PAR QUESTIONS!
• SCÉNARIO D’USAGE / D’EXPÉRIENCE!
• STORYTELLING / BOARDING…
• STRATÉGIE D’ENSEMBLE!
• STRATÉGIE DES CONTENUS!
• STRATÉGIE FONCTIONNELLE
VISUALISATION
• CONSTRUIRE UNE VISION D’ENSEMBLE!
• VISUALISER RAPIDEMENT
CROQUIS
2
17. © 2014 – Cédric Bouré
Comment rendre son offre invisible
UXDMeetup
#1
#UXDmeetup
PÉRIMÈTRE FONCTIONNEL
MANAGEMENT DES
CONTENUS
ORGANISATION
• DÉFINITION DES FONCTIONS, PRINCIPES
D’INTERACTION
• CARD SORTING!
• MATRICE DES CONTENUS!
• TABLEAU DE PAGES
STRUCTURE
• PLAN DE SITE (LOGIQUE D’ENSEMBLE)!
• ARBORESCENCE (VUE DÉTAILLÉE)
3
18. © 2014 – Cédric Bouré
Concevoir pour l’utilisateur
UXDMeetup
#1
#UXDmeetup
DESIGN FONCTIONNEL
DESIGN D’INTERACTION
DESIGN
• SCHÉMAS DE STRUCTURE!
• FLUX LOGIQUES
• COMPORTEMENTS DES OBJETS!
• CHARTE D’INTERACTION
INTERFACE
• LISIBILITÉ (FOND)!
• GRILLE (FORME)!
• NAVIGATION (FONCTION)!
• COMPOSANTS (TECHNOLOGIE)
4
WIREFRAMES/PROTOTYPE
• BASSE DÉFINITION : PAPIER, BALSAMIQ!
• MOYENNE DÉFINITION : WIREFRAES
CLIQUABLES, DÉMO CLIENT!
• HAUTE DÉFINITION : P.O.C., PROTOTYPES DE
DÉVELOPPEMENT
19. © 2014 – Cédric Bouré
Concevoir pour l’utilisateur
UXDMeetup
#1
#UXDmeetup
MANAGEMENT DE PRODUCTION
5
ITÉRATION
CHEF DE PROJET
ARCHITECTE DE L’INFORMATION
DESIGNER D’INTERFACE
SPÉCIFICATIONS !
FONCTIONNELLES
PRODUCTION!
GRAPHIQUE
PRODUCTION DE
CONTENUS
SPÉCIFICATIONS
TECHNIQUES
20. © 2014 – Cédric Bouré
Comment rendre son offre invisible
UXDMeetup
#1
#UXDmeetup
En allant pas jusqu’au
bout de son parti pris
ergonomique!
(en gros, ici, ce qui s’ouvre
au-dessus de la barre
de navigation n’est pas
vu d’autant plus que les
éléments dessous se
rafraichissent et du coup
attire le regard de
l’internaute)!
21. © 2014 – Cédric Bouré
UX design et R.O.I - Métaphore de l’(IM)productivité
UXDMeetup
#1
#UXDmeetup
! En ne permettant pas à
l’utilisateur d’anticiper le
contenu!
!
(en gros, l’internaute se
précipite pour remplir le
formulaire alors qu’il a le
résultat de sa requête
sous les yeux)
22. © 2014 – Cédric Bouré
Comment rendre une fonctionnalité invisible
UXDMeetup
#1
#UXDmeetup
En sur-sollicitant
l’internaute par de
nombreuses
actions liées à
l’objectif recherché
23. © 2014 – Cédric Bouré
UX design et R.O.I - Métaphore de l’(IM)productivité
UXDMeetup
#1
#UXDmeetup
« On part d’où? »
S’il n’est pas anticipé, les nouveautés d’un site peuvent
être très perturbantes (au mieux invisibles)
« Je veux voir où ça se situe
par rapport à là où je suis »
« Je dois trouver une chambre
d’hôtel à Lille mais je pars d’où? »
24. © 2014 – Cédric Bouré
Quel R.O.I pour
d’UX designer
#UXDmeetup
25. © 2014 – Cédric Bouré
UX design et R.O.I - Métaphore de l’(IM)productivité
UXDMeetup
#1
#UXDmeetup
26. © 2014 – Cédric Bouré
UX design et R.O.I
UXDMeetup
#1
#UXDmeetup
1 000 SALARIÉS!
1 MINUTE/JOUR!
217 JOURS/AN!
217 000 MINUTES/AN!
3 616,66 HEURES/AN!
7H/JOUR!
516 JOURS/AN
27. © 2014 – Cédric Bouré
Verbatim
UXDMeetup
#1
#UXDmeetup
« I’M FOND OF SAYING
THAT ALL THE WORK
WE DO IS CHANGE
MANAGEMENT. »!
!
KATE MCGRANE - INDEPENDANT
28. © 2014 – Cédric Bouré
Un événement
fondé par
#UXDmeetup
& Cédric Bouré, Liv Levebvre
Heidi Ghernati, Michaël Thoby