UXD#5 - De l'importance de la conception centrée utilisateur

© 2014 – Cédric Bouré

UXDMeetup

De l’importance de la conception

centrée utilisateur

#UXDmeetup

#5

10 avril 2013


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


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


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


Ergonomie en conceptionUXD

Meetup

#1

#UXDmeetup

d’après C.Midler, 1996


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


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


New MyspaceUXD

Meetup

#1

#UXDmeetup

« Stop making shit people don’t want! »!Joshua Seiden – Managing Director at Neo, NYC


Retour d’expériences

#UXDmeetup


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


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.


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


Le travail de l’UX designer

#UXDmeetup


UX Designer as an executantUXD

Meetup

#1

#UXDmeetup

NONenfin pas seulement…


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



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


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



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



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


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)!


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)


Comment rendre une fonctionnalité invisibleUXD

Meetup

#1

#UXDmeetup

En sur-sollicitant l’internaute par de nombreuses actions liées à l’objectif recherché



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ù? »


Quel R.O.I pour d’UX designer

#UXDmeetup



Meetup

#1

#UXDmeetup


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


VerbatimUXD

Meetup

#1

#UXDmeetup

« I’M FOND OF SAYING THAT ALL THE WORK WE DO IS CHANGE MANAGEMENT. »!!KATE MCGRANE - INDEPENDANT


Un événement fondé par

#UXDmeetup

& Cédric Bouré, Liv Levebvre Heidi Ghernati, Michaël Thoby