@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 : [email protected]
• LinkedIn : https://www.linkedin.com/in/florenceherrou
• Blog : http://blog.ippon.fr/
@YourTwitterHandle@YourTwitterHandle @ippontech#UXImportantePourNous
Q & A