SlideShare une entreprise Scribd logo
1  sur  68
@ippontech#UXImportantePourNous
L'expérience utilisateur est importante pour
nous
@ippontech#UXImportantePourNous
Florence Herrou
Ippon Technologies Nantes
Ingénieur Java / nouvelles
technologies
Agiliste 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 cours
Oups ! C'est maintenant !
Recherche du prochain cours
Oups ! 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 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
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 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 galaxie
Noter 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

Contenu connexe

En vedette

Introduction à Cassandra
Introduction à CassandraIntroduction à Cassandra
Introduction à CassandraVMware Tanzu
 
HTML5, Spring, NoSQL et mobilité
HTML5, Spring, NoSQL et mobilitéHTML5, Spring, NoSQL et mobilité
HTML5, Spring, NoSQL et mobilitéJulien Dubois
 
Spark, ou comment traiter des données à la vitesse de l'éclair
Spark, ou comment traiter des données à la vitesse de l'éclairSpark, ou comment traiter des données à la vitesse de l'éclair
Spark, ou comment traiter des données à la vitesse de l'éclairAlexis Seigneurin
 
L'atelier e-Recrutement 2.0 (3eme partie)
L'atelier e-Recrutement 2.0 (3eme partie)L'atelier e-Recrutement 2.0 (3eme partie)
L'atelier e-Recrutement 2.0 (3eme partie)Patrice Malaurie
 
L'atelier e-Recrutement 2.0 (1ère partie)
L'atelier e-Recrutement 2.0 (1ère partie)L'atelier e-Recrutement 2.0 (1ère partie)
L'atelier e-Recrutement 2.0 (1ère partie)Patrice Malaurie
 
Annonces du french scrum user group v1.2
Annonces du french scrum user group   v1.2Annonces du french scrum user group   v1.2
Annonces du french scrum user group v1.2Xavier Warzee
 
Présentation Rex GWT 2.0
Présentation Rex GWT 2.0Présentation Rex GWT 2.0
Présentation Rex GWT 2.0Ippon
 
Seminaire Portail Open Source
Seminaire Portail Open SourceSeminaire Portail Open Source
Seminaire Portail Open SourceIppon
 
Agile Tour Nantes 2011 - Bertrand pinel les projets au forfait - scrum but....
Agile Tour Nantes 2011 - Bertrand pinel   les projets au forfait - scrum but....Agile Tour Nantes 2011 - Bertrand pinel   les projets au forfait - scrum but....
Agile Tour Nantes 2011 - Bertrand pinel les projets au forfait - scrum but....Association Agile Nantes
 
Nouveau look pour une nouvelle vie : HTML5, Spring, NoSQL et Mobile
Nouveau look pour une nouvelle vie : HTML5, Spring, NoSQL et MobileNouveau look pour une nouvelle vie : HTML5, Spring, NoSQL et Mobile
Nouveau look pour une nouvelle vie : HTML5, Spring, NoSQL et MobileIppon
 
Scrum et forfait
Scrum et forfaitScrum et forfait
Scrum et forfaitIppon
 
Presentation Rex Methodes Agiles
Presentation Rex Methodes AgilesPresentation Rex Methodes Agiles
Presentation Rex Methodes AgilesIppon
 
10 Signos Vitales de la Billetera Boricua
10 Signos Vitales de la Billetera Boricua10 Signos Vitales de la Billetera Boricua
10 Signos Vitales de la Billetera BoricuaArteaga Arteaga
 
Reperes le quali en ligne, opportunités et challenge pour le qualitativiste...
Reperes   le quali en ligne, opportunités et challenge pour le qualitativiste...Reperes   le quali en ligne, opportunités et challenge pour le qualitativiste...
Reperes le quali en ligne, opportunités et challenge pour le qualitativiste...François Abiven
 
9 insights about innovation
9 insights about innovation9 insights about innovation
9 insights about innovationR. Sosa
 
Atelier Web et Mobile Design partie I, introduction au web design, Ahmed BACH...
Atelier Web et Mobile Design partie I, introduction au web design, Ahmed BACH...Atelier Web et Mobile Design partie I, introduction au web design, Ahmed BACH...
Atelier Web et Mobile Design partie I, introduction au web design, Ahmed BACH...Ahmed BACHIR CHERIF
 

En vedette (20)

Introduction à Cassandra
Introduction à CassandraIntroduction à Cassandra
Introduction à Cassandra
 
De Devoxx au CAC40
De Devoxx au CAC40De Devoxx au CAC40
De Devoxx au CAC40
 
HTML5, Spring, NoSQL et mobilité
HTML5, Spring, NoSQL et mobilitéHTML5, Spring, NoSQL et mobilité
HTML5, Spring, NoSQL et mobilité
 
Spark, ou comment traiter des données à la vitesse de l'éclair
Spark, ou comment traiter des données à la vitesse de l'éclairSpark, ou comment traiter des données à la vitesse de l'éclair
Spark, ou comment traiter des données à la vitesse de l'éclair
 
L'atelier e-Recrutement 2.0 (3eme partie)
L'atelier e-Recrutement 2.0 (3eme partie)L'atelier e-Recrutement 2.0 (3eme partie)
L'atelier e-Recrutement 2.0 (3eme partie)
 
L'atelier e-Recrutement 2.0 (1ère partie)
L'atelier e-Recrutement 2.0 (1ère partie)L'atelier e-Recrutement 2.0 (1ère partie)
L'atelier e-Recrutement 2.0 (1ère partie)
 
Annonces du french scrum user group v1.2
Annonces du french scrum user group   v1.2Annonces du french scrum user group   v1.2
Annonces du french scrum user group v1.2
 
Présentation Rex GWT 2.0
Présentation Rex GWT 2.0Présentation Rex GWT 2.0
Présentation Rex GWT 2.0
 
Seminaire Portail Open Source
Seminaire Portail Open SourceSeminaire Portail Open Source
Seminaire Portail Open Source
 
Agile Tour Nantes 2011 - Bertrand pinel les projets au forfait - scrum but....
Agile Tour Nantes 2011 - Bertrand pinel   les projets au forfait - scrum but....Agile Tour Nantes 2011 - Bertrand pinel   les projets au forfait - scrum but....
Agile Tour Nantes 2011 - Bertrand pinel les projets au forfait - scrum but....
 
Nouveau look pour une nouvelle vie : HTML5, Spring, NoSQL et Mobile
Nouveau look pour une nouvelle vie : HTML5, Spring, NoSQL et MobileNouveau look pour une nouvelle vie : HTML5, Spring, NoSQL et Mobile
Nouveau look pour une nouvelle vie : HTML5, Spring, NoSQL et Mobile
 
Scrum et forfait
Scrum et forfaitScrum et forfait
Scrum et forfait
 
Presentation Rex Methodes Agiles
Presentation Rex Methodes AgilesPresentation Rex Methodes Agiles
Presentation Rex Methodes Agiles
 
Nac
Nac Nac
Nac
 
10 Signos Vitales de la Billetera Boricua
10 Signos Vitales de la Billetera Boricua10 Signos Vitales de la Billetera Boricua
10 Signos Vitales de la Billetera Boricua
 
Reperes le quali en ligne, opportunités et challenge pour le qualitativiste...
Reperes   le quali en ligne, opportunités et challenge pour le qualitativiste...Reperes   le quali en ligne, opportunités et challenge pour le qualitativiste...
Reperes le quali en ligne, opportunités et challenge pour le qualitativiste...
 
Profesores CCI
Profesores CCIProfesores CCI
Profesores CCI
 
9 insights about innovation
9 insights about innovation9 insights about innovation
9 insights about innovation
 
Slidecast
SlidecastSlidecast
Slidecast
 
Atelier Web et Mobile Design partie I, introduction au web design, Ahmed BACH...
Atelier Web et Mobile Design partie I, introduction au web design, Ahmed BACH...Atelier Web et Mobile Design partie I, introduction au web design, Ahmed BACH...
Atelier Web et Mobile Design partie I, introduction au web design, Ahmed BACH...
 

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

Appréhender son premier Design Sprint
Appréhender son premier Design SprintAppréhender son premier Design Sprint
Appréhender son premier Design SprintSebastien Bonneval
 
"5 fausses idées reçues sur l’UX" par Joel Schillio
"5 fausses idées reçues sur l’UX" par Joel Schillio "5 fausses idées reçues sur l’UX" par Joel Schillio
"5 fausses idées reçues sur l’UX" par Joel Schillio TheFamily
 
Afterworkshop #4 : Appréhender son premier design sprint
Afterworkshop #4 : Appréhender son premier design sprintAfterworkshop #4 : Appréhender son premier design sprint
Afterworkshop #4 : Appréhender son premier design sprintNewflux UX/UI News
 
2015 art du maniement des exigences agiles
2015   art du maniement des exigences agiles2015   art du maniement des exigences agiles
2015 art du maniement des exigences agilesAlexandre Boutin
 
Lean & Agile UX - afterwork Axance
Lean & Agile UX - afterwork AxanceLean & Agile UX - afterwork Axance
Lean & Agile UX - afterwork AxanceAlexandre Jubien
 
Adoption de l’agilité par les usages
Adoption de l’agilité par les usagesAdoption de l’agilité par les usages
Adoption de l’agilité par les usagesXavier Warzee
 
soft-shake.ch - Adoption de l'Agilité par les usages
soft-shake.ch - Adoption de l'Agilité par les usagessoft-shake.ch - Adoption de l'Agilité par les usages
soft-shake.ch - Adoption de l'Agilité par les usagessoft-shake.ch
 
Deck pour la conférence EducPros "MOOC, faut-il encore y aller ? Si oui, comm...
Deck pour la conférence EducPros "MOOC, faut-il encore y aller ? Si oui, comm...Deck pour la conférence EducPros "MOOC, faut-il encore y aller ? Si oui, comm...
Deck pour la conférence EducPros "MOOC, faut-il encore y aller ? Si oui, comm...Philippe Chiu
 
Initiation à la programmation école primaire neuville
Initiation à la programmation   école primaire neuvilleInitiation à la programmation   école primaire neuville
Initiation à la programmation école primaire neuvilleNicolas Piquot
 
Tab st hilaire
Tab st hilaireTab st hilaire
Tab st hilaireMATICE_CDP
 
Innover en support de formation à l'ère du numérique : exemple d'un escape ga...
Innover en support de formation à l'ère du numérique : exemple d'un escape ga...Innover en support de formation à l'ère du numérique : exemple d'un escape ga...
Innover en support de formation à l'ère du numérique : exemple d'un escape ga...Institut de l'Elevage - Idele
 
Adoption de agilité par les usages
Adoption de agilité par les usagesAdoption de agilité par les usages
Adoption de agilité par les usagesXavier Warzee
 
Crash Test Your Idea Meetup Valtech 13/09/2016
Crash Test Your Idea Meetup Valtech 13/09/2016Crash Test Your Idea Meetup Valtech 13/09/2016
Crash Test Your Idea Meetup Valtech 13/09/2016André De Sousa
 
Documenter et valoriser un projet pour le grand public
Documenter et valoriser un projet pour le grand publicDocumenter et valoriser un projet pour le grand public
Documenter et valoriser un projet pour le grand publicPascal Moutet
 
Utiliser son traitement de texte pour concevoir un document complexe version def
Utiliser son traitement de texte pour concevoir un document complexe version defUtiliser son traitement de texte pour concevoir un document complexe version def
Utiliser son traitement de texte pour concevoir un document complexe version defMoiraud Jean-Paul
 
Construire et prototyper rapidement un concept d’application mobile
 Construire et prototyper rapidement un concept d’application mobile Construire et prototyper rapidement un concept d’application mobile
Construire et prototyper rapidement un concept d’application mobileStrasWeb
 
UX Days 2019 by Flupa - Conférence : Pauline Thomas
UX Days 2019 by Flupa - Conférence : Pauline ThomasUX Days 2019 by Flupa - Conférence : Pauline Thomas
UX Days 2019 by Flupa - Conférence : Pauline ThomasFlupa
 
CocoaHeads Toulouse - so!use - Faites vos propres tests utilisateurs
CocoaHeads Toulouse - so!use - Faites vos propres tests utilisateursCocoaHeads Toulouse - so!use - Faites vos propres tests utilisateurs
CocoaHeads Toulouse - so!use - Faites vos propres tests utilisateursCocoaHeads France
 
Les TPC et les outils technologiques
Les TPC et les outils technologiquesLes TPC et les outils technologiques
Les TPC et les outils technologiquesStéphane Bazan
 

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

Appréhender son premier Design Sprint
Appréhender son premier Design SprintAppréhender son premier Design Sprint
Appréhender son premier Design Sprint
 
"5 fausses idées reçues sur l’UX" par Joel Schillio
"5 fausses idées reçues sur l’UX" par Joel Schillio "5 fausses idées reçues sur l’UX" par Joel Schillio
"5 fausses idées reçues sur l’UX" par Joel Schillio
 
Afterworkshop #4 : Appréhender son premier design sprint
Afterworkshop #4 : Appréhender son premier design sprintAfterworkshop #4 : Appréhender son premier design sprint
Afterworkshop #4 : Appréhender son premier design sprint
 
2015 art du maniement des exigences agiles
2015   art du maniement des exigences agiles2015   art du maniement des exigences agiles
2015 art du maniement des exigences agiles
 
Lean & Agile UX - afterwork Axance
Lean & Agile UX - afterwork AxanceLean & Agile UX - afterwork Axance
Lean & Agile UX - afterwork Axance
 
Adoption de l’agilité par les usages
Adoption de l’agilité par les usagesAdoption de l’agilité par les usages
Adoption de l’agilité par les usages
 
soft-shake.ch - Adoption de l'Agilité par les usages
soft-shake.ch - Adoption de l'Agilité par les usagessoft-shake.ch - Adoption de l'Agilité par les usages
soft-shake.ch - Adoption de l'Agilité par les usages
 
Deck pour la conférence EducPros "MOOC, faut-il encore y aller ? Si oui, comm...
Deck pour la conférence EducPros "MOOC, faut-il encore y aller ? Si oui, comm...Deck pour la conférence EducPros "MOOC, faut-il encore y aller ? Si oui, comm...
Deck pour la conférence EducPros "MOOC, faut-il encore y aller ? Si oui, comm...
 
Initiation à la programmation école primaire neuville
Initiation à la programmation   école primaire neuvilleInitiation à la programmation   école primaire neuville
Initiation à la programmation école primaire neuville
 
Tab st hilaire
Tab st hilaireTab st hilaire
Tab st hilaire
 
Innover en support de formation à l'ère du numérique : exemple d'un escape ga...
Innover en support de formation à l'ère du numérique : exemple d'un escape ga...Innover en support de formation à l'ère du numérique : exemple d'un escape ga...
Innover en support de formation à l'ère du numérique : exemple d'un escape ga...
 
Adoption de agilité par les usages
Adoption de agilité par les usagesAdoption de agilité par les usages
Adoption de agilité par les usages
 
Crash Test Your Idea Meetup Valtech 13/09/2016
Crash Test Your Idea Meetup Valtech 13/09/2016Crash Test Your Idea Meetup Valtech 13/09/2016
Crash Test Your Idea Meetup Valtech 13/09/2016
 
Documenter et valoriser un projet pour le grand public
Documenter et valoriser un projet pour le grand publicDocumenter et valoriser un projet pour le grand public
Documenter et valoriser un projet pour le grand public
 
Utiliser son traitement de texte pour concevoir un document complexe version def
Utiliser son traitement de texte pour concevoir un document complexe version defUtiliser son traitement de texte pour concevoir un document complexe version def
Utiliser son traitement de texte pour concevoir un document complexe version def
 
Construire et prototyper rapidement un concept d’application mobile
 Construire et prototyper rapidement un concept d’application mobile Construire et prototyper rapidement un concept d’application mobile
Construire et prototyper rapidement un concept d’application mobile
 
UX Days 2019 by Flupa - Conférence : Pauline Thomas
UX Days 2019 by Flupa - Conférence : Pauline ThomasUX Days 2019 by Flupa - Conférence : Pauline Thomas
UX Days 2019 by Flupa - Conférence : Pauline Thomas
 
CocoaHeads Toulouse - so!use - Faites vos propres tests utilisateurs
CocoaHeads Toulouse - so!use - Faites vos propres tests utilisateursCocoaHeads Toulouse - so!use - Faites vos propres tests utilisateurs
CocoaHeads Toulouse - so!use - Faites vos propres tests utilisateurs
 
Les TPC et les outils technologiques
Les TPC et les outils technologiquesLes TPC et les outils technologiques
Les TPC et les outils technologiques
 
Guide de leçons PRIMO
Guide de leçons PRIMOGuide de leçons PRIMO
Guide de leçons PRIMO
 

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