@ippontech#UXImportantePourNous

L'expérience utilisateur est importante pour nous

@ippontech#UXImportantePourNous

Florence Herrou

Ippon Technologies NantesIngénieur Java / nouvelles technologiesAgiliste convaincue

@ippontech#UXImportantePourNous

Sommaire

• Introduction : qu'est-ce que l'UX ?• Exemple concret : un ENT• En quoi ça nous concerne ?• Que faire quand on est dev ?• Connaître l'utilisateur• Comprendre les besoins• L'utilisateur a toujours raison• Tester• Les petits plus

Objectifs

Ce que vous allez apprendre pendant cette présentation

@YourTwitterHandle@YourTwitterHandle @ippontech#UXImportantePourNous

Design d'expérience utilisateur

@ippontech#UXImportantePourNous

Expérience utilisateur

• Conception d'un produit centré sur l'utilisateur

• Ne se limite pas à l'ergonomie : le produit ne doit pas seulement être facile à utiliser, il doit également être agréable et répondre à un besoin

• Processus itératif

• Métier lié au design

• Encore émergent en France. Exemple : Décathlon

@YourTwitterHandle@YourTwitterHandle @ippontech#UXImportantePourNous

Exemple

@ippontech#UXImportantePourNous

Espace numérique de travail

• Portail d'information d'un établissement scolaire

• Informations sur les emplois du temps, les salles, les activités…

• Relations entre les parents et les enseignants

• Espace d'échanges entre les élèves

• Saisie des absences

• Mise à disposition de ressources pédagogiques

• ...

Création du compte utilisateurCréation du compte utilisateur

Création du compte utilisateurCréation du compte utilisateur Recherche des emplois du tempsRecherche des emplois du temps

Création du compte utilisateurCréation du compte utilisateur

Recherche du prochain coursRecherche du prochain cours

Confirmation de l'adresse mailConfirmation de l'adresse mail Préparation du coursPréparation du cours

ConnexionConnexion Préparation du coursPréparation du cours

Recherche des emplois du tempsRecherche des emplois du temps Préparation du coursPréparation du cours

Recherche des emplois du tempsRecherche des emplois du temps En route vers la salleEn route vers la salle

Recherche du prochain coursOups ! C'est maintenant !

Recherche du prochain coursOups ! C'est maintenant !

Début du coursDébut du cours

Recherche de la salle du prochain coursRecherche de la salle du prochain cours CoursCours

En route vers la salleEn route vers la salle CoursCours

@ippontech#UXImportantePourNous

Espace numérique de travailLes premiers cours se sont déroulés. Obi-Wan et Mace ont donné des devoirs à rendre sur l'ENT à leurs élèves. Ils doivent maintenant se rendre sur le portail pour :

• Lire les copies numériques des élèves

• Attribuer des notes

Pas de bol, il y a un bug pour une copiePas de bol, il y a un bug pour une copie

Consultation des copiesConsultation des copies

Recherche de l'endroitoù on met les notes

Recherche de l'endroitoù on met les notes Notation de la copieNotation de la copie

Consultation d'une nouvelle copieConsultation d'une nouvelle copieNotation de la copieNotation de la copie

5 minutes de clics sur l'icône pour revenir aux copies avant de

comprendre que ce n'est qu'un dessin et que le lien est à côté

5 minutes de clics sur l'icône pour revenir aux copies avant de

comprendre que ce n'est qu'un dessin et que le lien est à côté Notation de la copieNotation de la copie

Noter toutes les copies et profiter du temps libre pour sauver la galaxieNoter toutes les copies et profiter

du temps libre pour sauver la galaxieNoter toutes les copiesNoter toutes les copies

@YourTwitterHandle@YourTwitterHandle @ippontech#UXImportantePourNous

L'échec des projets

Christophe Moustier

Planbox

@YourTwitterHandle@YourTwitterHandle @ippontech#UXImportantePourNous

Que faire ?

@YourTwitterHandle@YourTwitterHandle @ippontech#UXImportantePourNous

Qui est l'utilisateur ?

@ippontech#UXImportantePourNous

Exemple

• Besoin d'une application de gestion de données naturalistes• L'utilisateur fait des observations de présence d'espèces en un

lieu et à un moment donnés• Entrée de ces données dans la base par l'application

@ippontech#UXImportantePourNous

Deux profils

• Naturaliste « expert » : besoin d'entrer des données en masse sans perte de temps

• Grand public dans le cadre de la science participative : besoin d'être guidé et cadré tout le long du processus

• Deux applications différentes !

@YourTwitterHandle@YourTwitterHandle @ippontech#UXImportantePourNous

Répondre au besoin, pas aux demandes

Si j’avais demandé à mes clients ce qu’ils attendaient, ils auraient répondu :

Un cheval plus rapide

Henry Ford

J’ai besoin d’un nouvel outil de mailing-list

Lisamarie Babik

@ippontech#UXImportantePourNous

Demandes du client

• Pouvoir gérer plusieurs listes à la fois• Pouvoir lire les échanges sur un site au lieu de recevoir des

mails• Suivre une conversation (des mails qui se répondent)• Si on envoie des documents, ils sont stockés sur le site et pas

envoyés en pièce jointe aux destinataires

Réponse à la demandeRéponse à la demande

Réponse au besoin : le réseau socialRéponse au besoin : le réseau social

@YourTwitterHandle@YourTwitterHandle @ippontech#UXImportantePourNous

L'utilisateur a toujours raison

@ippontech#UXImportantePourNous

L'utilisateur ne comprend pas

• Est-ce que j'ai mal expliqué ?• Est-ce qu'il est idiot ?• Est-ce qu'il est de mauvaise foi ?

@ippontech#UXImportantePourNous

L'utilisateur ne comprend pas

• Est-ce que l'application est trop compliquée ?

@YourTwitterHandle@YourTwitterHandle @ippontech#UXImportantePourNous

Tester tout le temps

Avant les développements : le prototype papierAvant les développements : le prototype papier

Tests A/BTests A/B

Interroger les utilisateursInterroger les utilisateurs

@YourTwitterHandle@YourTwitterHandle @ippontech#UXImportantePourNous

Les petits plus

@ippontech#UXImportantePourNous

Obtenir le comportement désiré

• Une tâche sera effectuée ou non en fonction de deux critères :• La motivation de l'utilisateur• La facilité de la tâche

• Un déclencheur est également nécessaire• Externe ou interne

@ippontech#UXImportantePourNous

La ludification (gamification)

• Utilisation de techniques issues du jeu vidéo pour :• Créer l'engagement• Faciliter la progression• Favoriser le travail en équipe• Créer de nouvelles habitudes

• Utilisation de quêtes de difficulté progressive et de passages de niveau

• Dimension sociale

Exemple : habitRPGExemple : habitRPG

Exemple : Stack OverflowExemple : Stack Overflow

@ippontech#UXImportantePourNous

Le storytelling

• Présenter son application sous la forme d'une histoire• Goût naturel pour les histoires• Suscite des émotions et améliore la mémorisation

• Plutôt une technique marketing

• Ce que j'ai tenté de faire en première partie

@YourTwitterHandle@YourTwitterHandle @ippontech#UXImportantePourNous

Conclusion

@ippontech#UXImportantePourNous

Remerciements

• Georges Lucas, un excellent storytelleur • Images de la première partie issues des films Star Wars

• BJ Fogg pour m'avoir autorisée à utiliser son modèle• http://www.behaviormodele.org

@ippontech#UXImportantePourNous

Contact

• Adresse mail : fherrou@ippon.fr

• LinkedIn : https://www.linkedin.com/in/florenceherrou

• Blog : http://blog.ippon.fr/

@YourTwitterHandle@YourTwitterHandle @ippontech#UXImportantePourNous

Q & A