© 2014 – Cédric Bouré
UXDMeetup
De l’importance de la conception
centrée utilisateur
#UXDmeetup
#5
10 avril 2013
© 2014 – Cédric Bouré
EnjeuxUXD
Meetup
#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
© 2014 – Cédric Bouré
Qu’est ce qu’une interface ergonomique ?UXD
Meetup
#1
#UXDmeetup
c But
? Qualité d’utilisation
Efficience (réussite)Efficacité
SatisfactionApprentissage
Efficience (réussite) Efficacité
SatisfactionApprentissage
But
© 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
© 2014 – Cédric Bouré
Ergonomie en conceptionUXD
Meetup
#1
#UXDmeetup
d’après C.Midler, 1996
© 2014 – Cédric Bouré
Enjeux pour l’utilisateur finalUXD
Meetup
#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
© 2014 – Cédric Bouré
Enjeux pour l’éditeurUXD
Meetup
#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
© 2014 – Cédric Bouré
New MyspaceUXD
Meetup
#1
#UXDmeetup
« Stop making shit people don’t want! »!Joshua Seiden – Managing Director at Neo, NYC
© 2014 – Cédric Bouré
Retour d’expériences
#UXDmeetup
© 2014 – Cédric Bouré
Intranet - gestion des congésUXD
Meetup
#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
© 2014 – Cédric Bouré
Site de gestion de criseUXD
Meetup
#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.
© 2014 – Cédric Bouré
SpotifyUXD
Meetup
#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
© 2014 – Cédric Bouré
Le travail de l’UX designer
#UXDmeetup
© 2014 – Cédric Bouré
UX Designer as an executantUXD
Meetup
#1
#UXDmeetup
NONenfin pas seulement…
© 2014 – Cédric Bouré
Concevoir pour l’utilisateurUXD
Meetup
#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
© 2014 – Cédric Bouré
Concevoir pour l’utilisateurUXD
Meetup
#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
© 2014 – Cédric Bouré
Comment rendre son offre invisibleUXD
Meetup
#1
#UXDmeetup
PÉRIMÈTRE FONCTIONNELMANAGEMENT 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
© 2014 – Cédric Bouré
Concevoir pour l’utilisateurUXD
Meetup
#1
#UXDmeetup
DESIGN FONCTIONNELDESIGN 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
© 2014 – Cédric Bouré
Concevoir pour l’utilisateurUXD
Meetup
#1
#UXDmeetupMANAGEMENT DE PRODUCTION
5
ITÉRATIONCHEF DE PROJET
ARCHITECTE DE L’INFORMATION
DESIGNER D’INTERFACE
SPÉCIFICATIONS !
FONCTIONNELLES
PRODUCTION!
GRAPHIQUE
PRODUCTION DE
CONTENUS
SPÉCIFICATIONS
TECHNIQUES
© 2014 – Cédric Bouré
Comment rendre son offre invisibleUXD
Meetup
#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)!
© 2014 – Cédric Bouré
UX design et R.O.I - Métaphore de l’(IM)productivitéUXD
Meetup
#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)
© 2014 – Cédric Bouré
Comment rendre une fonctionnalité invisibleUXD
Meetup
#1
#UXDmeetup
En sur-sollicitant l’internaute par de nombreuses actions liées à l’objectif recherché
© 2014 – Cédric Bouré
UX design et R.O.I - Métaphore de l’(IM)productivitéUXD
Meetup
#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ù? »
© 2014 – Cédric Bouré
Quel R.O.I pour d’UX designer
#UXDmeetup
© 2014 – Cédric Bouré
UX design et R.O.I - Métaphore de l’(IM)productivitéUXD
Meetup
#1
#UXDmeetup
© 2014 – Cédric Bouré
UX design et R.O.IUXD
Meetup
#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
© 2014 – Cédric Bouré
VerbatimUXD
Meetup
#1
#UXDmeetup
« I’M FOND OF SAYING THAT ALL THE WORK WE DO IS CHANGE MANAGEMENT. »!!KATE MCGRANE - INDEPENDANT
© 2014 – Cédric Bouré
Un événement fondé par
#UXDmeetup
& Cédric Bouré, Liv Levebvre Heidi Ghernati, Michaël Thoby