L'expérience Utilisateur est impotante pour nous (Devoxx)

@ippontech#UXImportantePourNous

L'expérience utilisateur est importante pour nous


Florence Herrou

Ippon Technologies NantesIngénieur Java / nouvelles technologiesAgiliste convaincue


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


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


Exemple


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


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


L'échec des projets

Christophe Moustier

Planbox


Que faire ?


Qui est l'utilisateur ?


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


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 !


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


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


L'utilisateur a toujours raison


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 ?


L'utilisateur ne comprend pas

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


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


Les petits plus


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


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


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


Conclusion


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


Contact

• Adresse mail : [email protected]

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

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

mailto:[email protected]

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

http://blog.ippon.fr/


Q & A

L'expérience Utilisateur est impotante pour nous (Devoxx)

Software

Transcript of L'expérience Utilisateur est impotante pour nous (Devoxx)