@ippontech#UXImportantePourNous
L'expérience utilisateur est importante pour
nous
@ippontech#UXImportantePourNous
Florence Herrou
Ippon Technologies Nantes
Ingénieur Java / nouvelles
technologies
Agiliste...
@ippontech#UXImportantePourNous
Sommaire
• Introduction : qu'est-ce que l'UX ?
• Exemple concret : un ENT
• En quoi ça nou...
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 p...
@YourTwitterHandle@YourTwitterHandle @ippontech#UXImportantePourNous
Exemple
@ippontech#UXImportantePourNous
Espace numérique de travail
• Portail d'information d'un établissement scolaire
• Informat...
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 cours
Oups ! C'est maintenant !
Recherche du prochain cours
Oups ! C'est maintenant !
Dé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 travail
Les premiers cours se sont déroulés. Obi-Wan et Mace ont
donné...
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'endroit
où on met les notes
Recherche de l'endroit
où on met les notes
Notation de la copieNotation de la c...
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 à ...
Noter toutes les copies et profiter
du temps libre pour sauver la galaxie
Noter toutes les copies et profiter
du temps lib...
@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...
@ippontech#UXImportantePourNous
Deux profils
• Naturaliste « expert » : besoin d'entrer des données en masse
sans perte de...
@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 ...
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 ?
...
@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è...
@ippontech#UXImportantePourNous
La ludification (gamification)
• Utilisation de techniques issues du jeu vidéo pour :
• Cr...
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 po...
@YourTwitterHandle@YourTwitterHandle @ippontech#UXImportantePourNous
Conclusion
@ippontech#UXImportantePourNous
Remerciements
• Georges Lucas, un excellent storytelleur
• Images de la première partie is...
@ippontech#UXImportantePourNous
Contact
• Adresse mail : fherrou@ippon.fr
• LinkedIn : https://www.linkedin.com/in/florenc...
@YourTwitterHandle@YourTwitterHandle @ippontech#UXImportantePourNous
Q & A
L'expérience Utilisateur est impotante pour nous (Devoxx)
L'expérience Utilisateur est impotante pour nous (Devoxx)
L'expérience Utilisateur est impotante pour nous (Devoxx)
L'expérience Utilisateur est impotante pour nous (Devoxx)
L'expérience Utilisateur est impotante pour nous (Devoxx)
L'expérience Utilisateur est impotante pour nous (Devoxx)
L'expérience Utilisateur est impotante pour nous (Devoxx)
L'expérience Utilisateur est impotante pour nous (Devoxx)
L'expérience Utilisateur est impotante pour nous (Devoxx)
L'expérience Utilisateur est impotante pour nous (Devoxx)
L'expérience Utilisateur est impotante pour nous (Devoxx)
L'expérience Utilisateur est impotante pour nous (Devoxx)
L'expérience Utilisateur est impotante pour nous (Devoxx)
Prochain SlideShare
Chargement dans…5
×

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

372 vues

Publié le

L'expérience utilisateur est une discipline peu connue et encore très négligée en France, en particulier lors de la conception d'applications métier. Pourtant, une bonne ergonomie améliore la productivité et facilite l'adoption par les usagers. Dans beaucoup de projets, en particulier en mode agile, le développeur participe à la définition de l'interface et des fonctionnalités. Cette conférence lui donnera quelques clés pour savoir comment améliorer l'expérience des utilisateurs.

Publié dans : Logiciels
0 commentaire
0 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

  • Soyez le premier à aimer ceci

Aucun téléchargement
Vues
Nombre de vues
372
Sur SlideShare
0
Issues des intégrations
0
Intégrations
10
Actions
Partages
0
Téléchargements
5
Commentaires
0
J’aime
0
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

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

  1. 1. @ippontech#UXImportantePourNous L'expérience utilisateur est importante pour nous
  2. 2. @ippontech#UXImportantePourNous Florence Herrou Ippon Technologies Nantes Ingénieur Java / nouvelles technologies Agiliste convaincue
  3. 3. @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
  4. 4. Objectifs Ce que vous allez apprendre pendant cette présentation
  5. 5. @YourTwitterHandle@YourTwitterHandle @ippontech#UXImportantePourNous Design d'expérience utilisateur
  6. 6. @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
  7. 7. @YourTwitterHandle@YourTwitterHandle @ippontech#UXImportantePourNous Exemple
  8. 8. @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 • ...
  9. 9. Création du compte utilisateurCréation du compte utilisateur
  10. 10. Création du compte utilisateurCréation du compte utilisateur Recherche des emplois du tempsRecherche des emplois du temps
  11. 11. Création du compte utilisateurCréation du compte utilisateur Recherche du prochain coursRecherche du prochain cours
  12. 12. Confirmation de l'adresse mailConfirmation de l'adresse mail Préparation du coursPréparation du cours
  13. 13. ConnexionConnexion Préparation du coursPréparation du cours
  14. 14. Recherche des emplois du tempsRecherche des emplois du temps Préparation du coursPréparation du cours
  15. 15. Recherche des emplois du tempsRecherche des emplois du temps En route vers la salleEn route vers la salle
  16. 16. Recherche du prochain cours Oups ! C'est maintenant ! Recherche du prochain cours Oups ! C'est maintenant ! Début du coursDébut du cours
  17. 17. Recherche de la salle du prochain coursRecherche de la salle du prochain cours CoursCours
  18. 18. En route vers la salleEn route vers la salle CoursCours
  19. 19. @ippontech#UXImportantePourNous Espace numérique de travail Les 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
  20. 20. Pas de bol, il y a un bug pour une copiePas de bol, il y a un bug pour une copie
  21. 21. Consultation des copiesConsultation des copies
  22. 22. Recherche de l'endroit où on met les notes Recherche de l'endroit où on met les notes Notation de la copieNotation de la copie
  23. 23. Consultation d'une nouvelle copieConsultation d'une nouvelle copieNotation de la copieNotation de la copie
  24. 24. 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
  25. 25. Noter toutes les copies et profiter du temps libre pour sauver la galaxie Noter toutes les copies et profiter du temps libre pour sauver la galaxieNoter toutes les copiesNoter toutes les copies
  26. 26. @YourTwitterHandle@YourTwitterHandle @ippontech#UXImportantePourNous L'échec des projets
  27. 27. Christophe Moustier
  28. 28. Planbox
  29. 29. @YourTwitterHandle@YourTwitterHandle @ippontech#UXImportantePourNous Que faire ?
  30. 30. @YourTwitterHandle@YourTwitterHandle @ippontech#UXImportantePourNous Qui est l'utilisateur ?
  31. 31. @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
  32. 32. @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 !
  33. 33. @YourTwitterHandle@YourTwitterHandle @ippontech#UXImportantePourNous Répondre au besoin, pas aux demandes
  34. 34. Si j’avais demandé à mes clients ce qu’ils attendaient, ils auraient répondu : Un cheval plus rapide Henry Ford
  35. 35. J’ai besoin d’un nouvel outil de mailing-list Lisamarie Babik
  36. 36. @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
  37. 37. Réponse à la demandeRéponse à la demande
  38. 38. Réponse au besoin : le réseau socialRéponse au besoin : le réseau social
  39. 39. @YourTwitterHandle@YourTwitterHandle @ippontech#UXImportantePourNous L'utilisateur a toujours raison
  40. 40. @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 ?
  41. 41. @ippontech#UXImportantePourNous L'utilisateur ne comprend pas • Est-ce que l'application est trop compliquée ?
  42. 42. @YourTwitterHandle@YourTwitterHandle @ippontech#UXImportantePourNous Tester tout le temps
  43. 43. Avant les développements : le prototype papierAvant les développements : le prototype papier
  44. 44. Tests A/BTests A/B
  45. 45. Interroger les utilisateursInterroger les utilisateurs
  46. 46. @YourTwitterHandle@YourTwitterHandle @ippontech#UXImportantePourNous Les petits plus
  47. 47. @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
  48. 48. @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
  49. 49. Exemple : habitRPGExemple : habitRPG
  50. 50. Exemple : Stack OverflowExemple : Stack Overflow
  51. 51. @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
  52. 52. @YourTwitterHandle@YourTwitterHandle @ippontech#UXImportantePourNous Conclusion
  53. 53. @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
  54. 54. @ippontech#UXImportantePourNous Contact • Adresse mail : fherrou@ippon.fr • LinkedIn : https://www.linkedin.com/in/florenceherrou • Blog : http://blog.ippon.fr/
  55. 55. @YourTwitterHandle@YourTwitterHandle @ippontech#UXImportantePourNous Q & A

×