SlideShare a Scribd company logo
1 of 11
Download to read offline
UXDMeetup
Atelier!
Vis ma vie
#UXDmeetup
#2
27 juin 2013
Vis ma vie - atelier
UXDMeetup
#1
#UXDmeetup
Dans la peau d’un UX designer, d’un
ergonome ou d’un designer d’interaction…!
Objectif : concevoir un système à partir de la
demande utilisateur et de cas réels d’usage!
• concept!
• croquis !
• maquette!
• cinématique d’écrans!
Mots-clés : utilisateur, usage réel, simplicité,
confort, adaptabilité, plaisir d’utilisation
La demande utilisateur
UXDMeetup
#1
#UXDmeetup
• « Quand je travaille sur un dossier en particulier, je dois mobiliser tout un tas de
documents de nature différente (sites web, documents word enregistrés sur mon
PC, messagerie, documents sur le cloud ou sur le réseau d’entreprise). Je perds
chaque jour un temps fou à aller chercher ces documents avant de commencer à
travailler. »"
!
• « Les progiciels que j’utilise contraignent mon activité et m’imposent une logique
d’utilisation qui n’est pas la mienne. Je voudrais pouvoir configurer mon
environnement de travail comme j’en ai envie, avec ma propre logique. »
Les consignes
UXDMeetup
#1
#UXDmeetup
• Répondre aux demandes des utilisateurs"
• Application web collaborative"
• L’utilisateur configure lui-même son espace de travail : pas d'espace "préconçu""
• Interfaces contextuelles : une tâche = un écran"
• Cette application est collaborative et chaque "page" peut être partagée avec les personnes de
son choix
Les exemples d’usages
UXDMeetup
#1
#UXDmeetup
• Par exemple, je suis gérant d’une épicerie de fruits et légumes, je partage une page avec l’un
de mes fournisseurs qui peut me laisser des messages chat, mettre à jour ses tarifs, envoyer
ses factures…"
!
• Je travaille sur un projet avec un collaborateur à distance, nous devons faire la liste des tâches
à accomplir pour le projet et savoir qui fait quoi, qui a déjà fait quoi, et se laisser des messages
et des documents pour avancer sur la réalisation du projet.
À vous de jouer
UXDMeetup
#1
#UXDmeetup
• ¾ d’heure maximum"
• Petits groupes"
• Vous devrez justifier vos propositions au client ainsi qu’à l’équipe de développement
Partageons vos idées
UXDMeetup
#1
#UXDmeetup
Groupe Heidi!
!
• Martine, coiffeuse!
• Gérer les flux pour RDVs (pro
et perso): site, tél, agenda
papier!
• Communiquer avec d’autres
acteurs pro/prestataires!
• Gestion compta!
• Communication privée (fb)!
!
• Budget limité, différents
supports/outils à exploiter et
interconnecter!
• Interface évolutive par centres
d’intérêts (pro/perso)!
• Bénéfices : enregistrer
inventaire, gestion stock,
enregistrer rdv via plusieurs
supports (format : Pinterest),
Groupe Liv!
!
• Liih, stagiaire web agency
traductrice!
• Classement par projets, !
• Liste de ses tâches et celles
des autres à qui elle est
rattachée, A/R création doc/
validation!
• ➔ hiérarchiser les besoins et
se rappeler des
contraintes(=consignes)!
• Liberté dans la gestion de
tâches
Groupe Cédric!
!
• Persona collectif!
• Interface (presque) aboutie!
• Interface=page profil sur projet!
• Personnalisation : s’abonner à
des discussions, projets,
collaborateur!
• Forte interaction entre les
membres d’une équipe :
visibilité des tâches à faire/
faites des autres profils!
• Partie centrale modulable en
fonction des éléments latéraux
utilisés
À vous de jouer
UXDMeetup
#1
#UXDmeetup
Qu’attendez-vous de nous ?
UXDMeetup
#1
#UXDmeetup
• Les outils de l’UX, la méthodo, les étapes de la démarche!
!
• Vue d’ensemble sur l’ergo, l’état de l’art des interfaces qui marchent, des références, base
documentaire!
!
• Citer des références par rapport à telle ou telle thématique abordées lors des sessions,
références biblio!
!
• Thématiques techno (responsive design, réalité augmentée…)!
!
• Restituer des expériences (REX)!
!
• Méthodo d’enquête, de rédaction de guide d’entretien , comment faire un test utilisateur…!
!
• Existent-ils des référentiels ergo selon pays et culture ? !
!
• Conférences théorie et atelier cas pratique (plus de consigne dans les exercices à accomplir, un
cadre plus précis?)!
!
• Explications études de cas sur sites qui marchent et ceux qui ne marchent pas
Qu’attendez-vous de nous ?
UXDMeetup
#1
#UXDmeetup
Schéma	
  de	
  Dan	
  Shaffer,	
  ingénieur	
  logiciel	
  
	
  http://www.kickerstudio.com/2008/12/the-disciplines-of-user-experience/
Un événement
fondé par
#UXDmeetup
& Cédric Bouré, Liv Levebvre,
Heidi Ghernati, Michaël Thoby

More Related Content

What's hot

Sciencedirect, scopus, scholarvox
Sciencedirect, scopus, scholarvoxSciencedirect, scopus, scholarvox
Sciencedirect, scopus, scholarvoxGora LO
 
Exemples de c.v et quelques conseils
Exemples de c.v et quelques conseils Exemples de c.v et quelques conseils
Exemples de c.v et quelques conseils hunter2302
 
Présentation Comment Réussir un Entretien
Présentation Comment Réussir un EntretienPrésentation Comment Réussir un Entretien
Présentation Comment Réussir un EntretienCynapsys It Hotspot
 
Animer des chantiers Kaizen
Animer des chantiers KaizenAnimer des chantiers Kaizen
Animer des chantiers KaizenXL Groupe
 
Lean : outil d'optimisation dans le laboratoire
Lean  : outil d'optimisation dans le laboratoireLean  : outil d'optimisation dans le laboratoire
Lean : outil d'optimisation dans le laboratoirePasteur_Tunis
 
Gestion du temps marcel nizon methodes et outils
Gestion du temps marcel nizon methodes et outils Gestion du temps marcel nizon methodes et outils
Gestion du temps marcel nizon methodes et outils MARCEL NIZON, Marcel
 
Tout savoir sur le DM !
Tout savoir sur le DM ! Tout savoir sur le DM !
Tout savoir sur le DM ! Market iT
 
Cours recherche google
Cours recherche googleCours recherche google
Cours recherche googlemounirtemp
 
Design de service: Méthode de conception centrée utilisateur
Design de service: Méthode de conception centrée utilisateurDesign de service: Méthode de conception centrée utilisateur
Design de service: Méthode de conception centrée utilisateurVanessa Lirus
 
Gestion du Temps - Time Management
Gestion du Temps - Time ManagementGestion du Temps - Time Management
Gestion du Temps - Time ManagementPSYKOPTIMAL Conseil
 

What's hot (14)

Sciencedirect, scopus, scholarvox
Sciencedirect, scopus, scholarvoxSciencedirect, scopus, scholarvox
Sciencedirect, scopus, scholarvox
 
Exemples de c.v et quelques conseils
Exemples de c.v et quelques conseils Exemples de c.v et quelques conseils
Exemples de c.v et quelques conseils
 
4 Etude De Faisabilite
4 Etude De Faisabilite4 Etude De Faisabilite
4 Etude De Faisabilite
 
Présentation Comment Réussir un Entretien
Présentation Comment Réussir un EntretienPrésentation Comment Réussir un Entretien
Présentation Comment Réussir un Entretien
 
Cours de Gestion du temps
Cours de Gestion du tempsCours de Gestion du temps
Cours de Gestion du temps
 
Formation en conduite de projet
Formation en conduite de projet Formation en conduite de projet
Formation en conduite de projet
 
Animer des chantiers Kaizen
Animer des chantiers KaizenAnimer des chantiers Kaizen
Animer des chantiers Kaizen
 
Lean : outil d'optimisation dans le laboratoire
Lean  : outil d'optimisation dans le laboratoireLean  : outil d'optimisation dans le laboratoire
Lean : outil d'optimisation dans le laboratoire
 
Gestion du temps marcel nizon methodes et outils
Gestion du temps marcel nizon methodes et outils Gestion du temps marcel nizon methodes et outils
Gestion du temps marcel nizon methodes et outils
 
Tout savoir sur le DM !
Tout savoir sur le DM ! Tout savoir sur le DM !
Tout savoir sur le DM !
 
Méthode qqoqcp
Méthode qqoqcpMéthode qqoqcp
Méthode qqoqcp
 
Cours recherche google
Cours recherche googleCours recherche google
Cours recherche google
 
Design de service: Méthode de conception centrée utilisateur
Design de service: Méthode de conception centrée utilisateurDesign de service: Méthode de conception centrée utilisateur
Design de service: Méthode de conception centrée utilisateur
 
Gestion du Temps - Time Management
Gestion du Temps - Time ManagementGestion du Temps - Time Management
Gestion du Temps - Time Management
 

Similar to UXD#2 - Atelier Vis ma vie

FLUPA UX-Day 2014 - Sophie Henry : "L’UX sans papier, ou comment faire de l’U...
FLUPA UX-Day 2014 - Sophie Henry : "L’UX sans papier, ou comment faire de l’U...FLUPA UX-Day 2014 - Sophie Henry : "L’UX sans papier, ou comment faire de l’U...
FLUPA UX-Day 2014 - Sophie Henry : "L’UX sans papier, ou comment faire de l’U...Flupa
 
Créer un site web ? Méthode illustrée par la médiathèque de Roubaix - PARTIE 1
Créer un site web ? Méthode illustrée par la médiathèque de Roubaix - PARTIE 1Créer un site web ? Méthode illustrée par la médiathèque de Roubaix - PARTIE 1
Créer un site web ? Méthode illustrée par la médiathèque de Roubaix - PARTIE 1Médiathèque de Roubaix - La Grand-Plage
 
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
 
Formation UX Design - Usages mobiles et web
Formation UX Design - Usages mobiles et webFormation UX Design - Usages mobiles et web
Formation UX Design - Usages mobiles et webNovUp
 
Usability & Wireframe par Nathalie Gouzée - Co-Founder Rubbik
Usability & Wireframe par Nathalie Gouzée - Co-Founder RubbikUsability & Wireframe par Nathalie Gouzée - Co-Founder Rubbik
Usability & Wireframe par Nathalie Gouzée - Co-Founder RubbikLa FeWeb
 
UXD#1 - Lancement des User eXperience Design
UXD#1 - Lancement des User eXperience DesignUXD#1 - Lancement des User eXperience Design
UXD#1 - Lancement des User eXperience DesignUXD Meetup
 
Conference pitch l'ux design a ta grand-mere
Conference pitch l'ux design a ta grand-mereConference pitch l'ux design a ta grand-mere
Conference pitch l'ux design a ta grand-mereBenjamin Richy
 
les outils du management organisationnel
les outils du management organisationnelles outils du management organisationnel
les outils du management organisationnelAnne-Gaëlle Gaudion
 
Design systems : Bench et reco sur les outils
Design systems : Bench et reco sur les outilsDesign systems : Bench et reco sur les outils
Design systems : Bench et reco sur les outilsIdean France
 
Symposium uxdesign
Symposium uxdesignSymposium uxdesign
Symposium uxdesignVersusmind
 
UXD#5 - De l'importance de la conception centrée utilisateur
UXD#5 - De l'importance de la conception centrée utilisateurUXD#5 - De l'importance de la conception centrée utilisateur
UXD#5 - De l'importance de la conception centrée utilisateurUXD Meetup
 
Conférence Paris Web 2015 - Vers une bonne pratique du Pair Design
Conférence Paris Web 2015 - Vers une bonne pratique du Pair DesignConférence Paris Web 2015 - Vers une bonne pratique du Pair Design
Conférence Paris Web 2015 - Vers une bonne pratique du Pair DesignCatherine Verfaillie
 
#Cours : Comment se définit et en quoi consiste l’#UX #Design
#Cours : Comment se définit et en quoi consiste l’#UX #Design#Cours : Comment se définit et en quoi consiste l’#UX #Design
#Cours : Comment se définit et en quoi consiste l’#UX #DesignVirginie Boullé
 
Optimiser l'expérience utilisateur de l'Open Source
Optimiser l'expérience utilisateur de l'Open SourceOptimiser l'expérience utilisateur de l'Open Source
Optimiser l'expérience utilisateur de l'Open SourceMarc Wabnitz
 
Good Morning UX #3 : Les fondamentaux du design UX
Good Morning UX #3 : Les fondamentaux du design UXGood Morning UX #3 : Les fondamentaux du design UX
Good Morning UX #3 : Les fondamentaux du design UXNewflux UX/UI News
 
Introduction à l'ergonomie - Drupal Lyon
Introduction à l'ergonomie - Drupal LyonIntroduction à l'ergonomie - Drupal Lyon
Introduction à l'ergonomie - Drupal LyonOlivier Lorrain
 
#ADBU2016 Qu'apportent les méthodes de Design UX par rapport aux méthodes tra...
#ADBU2016 Qu'apportent les méthodes de Design UX par rapport aux méthodes tra...#ADBU2016 Qu'apportent les méthodes de Design UX par rapport aux méthodes tra...
#ADBU2016 Qu'apportent les méthodes de Design UX par rapport aux méthodes tra...ADBU
 
Ux design
Ux designUx design
Ux designniklofr
 
WUD2010 Sophia 08 - S. de Bonis (IBM) "Concevoir un intranet centré utilisateur"
WUD2010 Sophia 08 - S. de Bonis (IBM) "Concevoir un intranet centré utilisateur"WUD2010 Sophia 08 - S. de Bonis (IBM) "Concevoir un intranet centré utilisateur"
WUD2010 Sophia 08 - S. de Bonis (IBM) "Concevoir un intranet centré utilisateur"Use Age
 
WUD2010 Sophia 08 - S. de Bonis (IBM) "Concevoir un intranet centré utilisateur"
WUD2010 Sophia 08 - S. de Bonis (IBM) "Concevoir un intranet centré utilisateur"WUD2010 Sophia 08 - S. de Bonis (IBM) "Concevoir un intranet centré utilisateur"
WUD2010 Sophia 08 - S. de Bonis (IBM) "Concevoir un intranet centré utilisateur"Use Age
 

Similar to UXD#2 - Atelier Vis ma vie (20)

FLUPA UX-Day 2014 - Sophie Henry : "L’UX sans papier, ou comment faire de l’U...
FLUPA UX-Day 2014 - Sophie Henry : "L’UX sans papier, ou comment faire de l’U...FLUPA UX-Day 2014 - Sophie Henry : "L’UX sans papier, ou comment faire de l’U...
FLUPA UX-Day 2014 - Sophie Henry : "L’UX sans papier, ou comment faire de l’U...
 
Créer un site web ? Méthode illustrée par la médiathèque de Roubaix - PARTIE 1
Créer un site web ? Méthode illustrée par la médiathèque de Roubaix - PARTIE 1Créer un site web ? Méthode illustrée par la médiathèque de Roubaix - PARTIE 1
Créer un site web ? Méthode illustrée par la médiathèque de Roubaix - PARTIE 1
 
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
 
Formation UX Design - Usages mobiles et web
Formation UX Design - Usages mobiles et webFormation UX Design - Usages mobiles et web
Formation UX Design - Usages mobiles et web
 
Usability & Wireframe par Nathalie Gouzée - Co-Founder Rubbik
Usability & Wireframe par Nathalie Gouzée - Co-Founder RubbikUsability & Wireframe par Nathalie Gouzée - Co-Founder Rubbik
Usability & Wireframe par Nathalie Gouzée - Co-Founder Rubbik
 
UXD#1 - Lancement des User eXperience Design
UXD#1 - Lancement des User eXperience DesignUXD#1 - Lancement des User eXperience Design
UXD#1 - Lancement des User eXperience Design
 
Conference pitch l'ux design a ta grand-mere
Conference pitch l'ux design a ta grand-mereConference pitch l'ux design a ta grand-mere
Conference pitch l'ux design a ta grand-mere
 
les outils du management organisationnel
les outils du management organisationnelles outils du management organisationnel
les outils du management organisationnel
 
Design systems : Bench et reco sur les outils
Design systems : Bench et reco sur les outilsDesign systems : Bench et reco sur les outils
Design systems : Bench et reco sur les outils
 
Symposium uxdesign
Symposium uxdesignSymposium uxdesign
Symposium uxdesign
 
UXD#5 - De l'importance de la conception centrée utilisateur
UXD#5 - De l'importance de la conception centrée utilisateurUXD#5 - De l'importance de la conception centrée utilisateur
UXD#5 - De l'importance de la conception centrée utilisateur
 
Conférence Paris Web 2015 - Vers une bonne pratique du Pair Design
Conférence Paris Web 2015 - Vers une bonne pratique du Pair DesignConférence Paris Web 2015 - Vers une bonne pratique du Pair Design
Conférence Paris Web 2015 - Vers une bonne pratique du Pair Design
 
#Cours : Comment se définit et en quoi consiste l’#UX #Design
#Cours : Comment se définit et en quoi consiste l’#UX #Design#Cours : Comment se définit et en quoi consiste l’#UX #Design
#Cours : Comment se définit et en quoi consiste l’#UX #Design
 
Optimiser l'expérience utilisateur de l'Open Source
Optimiser l'expérience utilisateur de l'Open SourceOptimiser l'expérience utilisateur de l'Open Source
Optimiser l'expérience utilisateur de l'Open Source
 
Good Morning UX #3 : Les fondamentaux du design UX
Good Morning UX #3 : Les fondamentaux du design UXGood Morning UX #3 : Les fondamentaux du design UX
Good Morning UX #3 : Les fondamentaux du design UX
 
Introduction à l'ergonomie - Drupal Lyon
Introduction à l'ergonomie - Drupal LyonIntroduction à l'ergonomie - Drupal Lyon
Introduction à l'ergonomie - Drupal Lyon
 
#ADBU2016 Qu'apportent les méthodes de Design UX par rapport aux méthodes tra...
#ADBU2016 Qu'apportent les méthodes de Design UX par rapport aux méthodes tra...#ADBU2016 Qu'apportent les méthodes de Design UX par rapport aux méthodes tra...
#ADBU2016 Qu'apportent les méthodes de Design UX par rapport aux méthodes tra...
 
Ux design
Ux designUx design
Ux design
 
WUD2010 Sophia 08 - S. de Bonis (IBM) "Concevoir un intranet centré utilisateur"
WUD2010 Sophia 08 - S. de Bonis (IBM) "Concevoir un intranet centré utilisateur"WUD2010 Sophia 08 - S. de Bonis (IBM) "Concevoir un intranet centré utilisateur"
WUD2010 Sophia 08 - S. de Bonis (IBM) "Concevoir un intranet centré utilisateur"
 
WUD2010 Sophia 08 - S. de Bonis (IBM) "Concevoir un intranet centré utilisateur"
WUD2010 Sophia 08 - S. de Bonis (IBM) "Concevoir un intranet centré utilisateur"WUD2010 Sophia 08 - S. de Bonis (IBM) "Concevoir un intranet centré utilisateur"
WUD2010 Sophia 08 - S. de Bonis (IBM) "Concevoir un intranet centré utilisateur"
 

UXD#2 - Atelier Vis ma vie

  • 2. Vis ma vie - atelier UXDMeetup #1 #UXDmeetup Dans la peau d’un UX designer, d’un ergonome ou d’un designer d’interaction…! Objectif : concevoir un système à partir de la demande utilisateur et de cas réels d’usage! • concept! • croquis ! • maquette! • cinématique d’écrans! Mots-clés : utilisateur, usage réel, simplicité, confort, adaptabilité, plaisir d’utilisation
  • 3. La demande utilisateur UXDMeetup #1 #UXDmeetup • « Quand je travaille sur un dossier en particulier, je dois mobiliser tout un tas de documents de nature différente (sites web, documents word enregistrés sur mon PC, messagerie, documents sur le cloud ou sur le réseau d’entreprise). Je perds chaque jour un temps fou à aller chercher ces documents avant de commencer à travailler. »" ! • « Les progiciels que j’utilise contraignent mon activité et m’imposent une logique d’utilisation qui n’est pas la mienne. Je voudrais pouvoir configurer mon environnement de travail comme j’en ai envie, avec ma propre logique. »
  • 4. Les consignes UXDMeetup #1 #UXDmeetup • Répondre aux demandes des utilisateurs" • Application web collaborative" • L’utilisateur configure lui-même son espace de travail : pas d'espace "préconçu"" • Interfaces contextuelles : une tâche = un écran" • Cette application est collaborative et chaque "page" peut être partagée avec les personnes de son choix
  • 5. Les exemples d’usages UXDMeetup #1 #UXDmeetup • Par exemple, je suis gérant d’une épicerie de fruits et légumes, je partage une page avec l’un de mes fournisseurs qui peut me laisser des messages chat, mettre à jour ses tarifs, envoyer ses factures…" ! • Je travaille sur un projet avec un collaborateur à distance, nous devons faire la liste des tâches à accomplir pour le projet et savoir qui fait quoi, qui a déjà fait quoi, et se laisser des messages et des documents pour avancer sur la réalisation du projet.
  • 6. À vous de jouer UXDMeetup #1 #UXDmeetup • ¾ d’heure maximum" • Petits groupes" • Vous devrez justifier vos propositions au client ainsi qu’à l’équipe de développement
  • 7. Partageons vos idées UXDMeetup #1 #UXDmeetup Groupe Heidi! ! • Martine, coiffeuse! • Gérer les flux pour RDVs (pro et perso): site, tél, agenda papier! • Communiquer avec d’autres acteurs pro/prestataires! • Gestion compta! • Communication privée (fb)! ! • Budget limité, différents supports/outils à exploiter et interconnecter! • Interface évolutive par centres d’intérêts (pro/perso)! • Bénéfices : enregistrer inventaire, gestion stock, enregistrer rdv via plusieurs supports (format : Pinterest), Groupe Liv! ! • Liih, stagiaire web agency traductrice! • Classement par projets, ! • Liste de ses tâches et celles des autres à qui elle est rattachée, A/R création doc/ validation! • ➔ hiérarchiser les besoins et se rappeler des contraintes(=consignes)! • Liberté dans la gestion de tâches Groupe Cédric! ! • Persona collectif! • Interface (presque) aboutie! • Interface=page profil sur projet! • Personnalisation : s’abonner à des discussions, projets, collaborateur! • Forte interaction entre les membres d’une équipe : visibilité des tâches à faire/ faites des autres profils! • Partie centrale modulable en fonction des éléments latéraux utilisés
  • 8. À vous de jouer UXDMeetup #1 #UXDmeetup
  • 9. Qu’attendez-vous de nous ? UXDMeetup #1 #UXDmeetup • Les outils de l’UX, la méthodo, les étapes de la démarche! ! • Vue d’ensemble sur l’ergo, l’état de l’art des interfaces qui marchent, des références, base documentaire! ! • Citer des références par rapport à telle ou telle thématique abordées lors des sessions, références biblio! ! • Thématiques techno (responsive design, réalité augmentée…)! ! • Restituer des expériences (REX)! ! • Méthodo d’enquête, de rédaction de guide d’entretien , comment faire un test utilisateur…! ! • Existent-ils des référentiels ergo selon pays et culture ? ! ! • Conférences théorie et atelier cas pratique (plus de consigne dans les exercices à accomplir, un cadre plus précis?)! ! • Explications études de cas sur sites qui marchent et ceux qui ne marchent pas
  • 10. Qu’attendez-vous de nous ? UXDMeetup #1 #UXDmeetup Schéma  de  Dan  Shaffer,  ingénieur  logiciel    http://www.kickerstudio.com/2008/12/the-disciplines-of-user-experience/
  • 11. Un événement fondé par #UXDmeetup & Cédric Bouré, Liv Levebvre, Heidi Ghernati, Michaël Thoby