5 phases du Design pour l'Experience Utilisateur

1. * COMMENT DESIGNER POUR L’EXPERIENCE UTILISATEUR ? RÉVISION POUR TOUS lundi 4 octobre 2010

2. SOMMAIRE 1. DECOUVERTE 2. CONCEPT LES ETAPES 3. ORGANISATION 4. DESIGN 5. SUIVI DE PRODUCTION + CONCLUSION 6. PROCESSUS D’ENSEMBLE lundi 4 octobre 2010

3. *1 DECOUVERTE lundi 4 octobre 2010

4. Recherches Utilisateurs - Sources: data, stats, analyses, études... - Recherches: ein, terviews, ethnographi benchmark comparatif... - Tests:eanalyses de taches, intervi ws... DÉCOUVERTE Quantitatif + Qualitatif lundi 4 octobre 2010

5. Recherches Utilisateurs - Sources: data, stats, analyses, études... - Recherches: ein, terviews, ethnographi benchmark comparatif... - Tests:eanalyses de taches, intervi ws... DÉCOUVERTE Quantitatif Audit + Qualitatif - Sources: contenus, data, experience Business analyst - Besoins: audit de l’existant, Consulting demande client, technologie - Equipe: capacité, organisation, Conduite du Objectifs éducation changement business lundi 4 octobre 2010

6. Recherches Modèles Utilisateurs Utilisateurs - Segments: comprehension du marché - Personas: comprehension des comportements - Sources: data, stats, - Scénario d’usage: outil conceptuel analyses, études... - Recherches: ein, terviews, ethnographi benchmark comparatif... - Tests:eanalyses de taches, intervi ws... DÉCOUVERTE Quantitatif Audit + Qualitatif - Sources: contenus, data, experience Business analyst - Besoins: audit de l’existant, Consulting demande client, technologie - Equipe: capacité, organisation, Conduite du Objectifs éducation changement business lundi 4 octobre 2010

7. Recherches Modèles Utilisateurs Utilisateurs - Segments: comprehension du marché - Personas: comprehension des comportements - Sources: data, stats, - Scénario d’usage: outil conceptuel analyses, études... - Recherches: ein, terviews, ethnographi benchmark comparatif... - Tests:eanalyses de taches, intervi ws... DÉCOUVERTE Quantitatif Audit + Qualitatif - Sources: contenus, data, experience Business analyst - Besoins: audit de l’existant, Consulting demande client, technologie - Equipe: capacité, organisation, Conduite du Objectifs éducation changement business lundi 4 octobre 2010

8. Recherches Modèles Utilisateurs Utilisateurs - Segments: comprehension du marché - Personas: comprehension des comportements - Sources: data, stats, - Scénario d’usage: outil conceptuel analyses, études... - Recherches: ein, terviews, ethnographi benchmark comparatif... - Tests:eanalyses de taches, DÉCOUVERTE intervi ws... Quantitatif Benchmark - Collecte, capture, Audit veille appliquée + Qualitatif - Sources: contenus, data, experience Business analyst - Besoins: audit de l’existant, Consulting demande client, technologie - Equipe: capacité, organisation, Conduite du Objectifs éducation changement business lundi 4 octobre 2010

9. Recherches Modèles Utilisateurs Utilisateurs - Segments: comprehension du marché - Personas: comprehension des comportements - Sources: data, stats, - Scénario d’usage: outil conceptuel analyses, études... - Recherches: ein, terviews, ethnographi benchmark comparatif... - Tests:eanalyses de taches, DÉCOUVERTE intervi ws... Quantitatif Benchmark Audit - Collecte, quée Fonctionnel capture, veille appli + Qualitatif - Sources: contenus, data, experience Business analyst - Besoins: audit de l’existant, Consulting demande client, technologie - Equipe: capacité, organisation, Conduite du Objectifs éducation changement business lundi 4 octobre 2010

10. Recherches Modèles Utilisateurs Utilisateurs - Segments: comprehension du marché - Personas: comprehension des comportements - Sources: data, stats, - Scénario d’usage: outil conceptuel analyses, études... - Recherches: ein, terviews, ethnographi benchmark comparatif... - Tests:eanalyses de taches, DÉCOUVERTE intervi ws... Quantitatif Benchmark Audit - Collecte, capture, veille appliquée + Qualitatif - Sources: contenus, data, experience Business analyst - Besoins: audit de l’existant, Consulting demande client, technologie - Equipe: capacité, organisation, Conduite du Objectifs éducation changement business lundi 4 octobre 2010

11. Recherches Modèles Utilisateurs Utilisateurs - Segments: comprehension du marché - Personas: comprehension des comportements - Sources: data, stats, - Scénario d’usage: outil conceptuel analyses, études... Besoins - Recherches: ein, terviews, ethnographi benchmark GRILLE DE Disponibilité marché comparatif... SYNTHÈSE - Tests:eanalyses de taches, DÉCOUVERTE Faisabilité (Tech., Budget...) intervi ws... Quantitatif Benchmark Audit - Collecte, capture, veille appliquée + Qualitatif - Sources: contenus, data, experience Business analyst - Besoins: audit de l’existant, Consulting demande client, technologie - Equipe: capacité, organisation, Conduite du Objectifs éducation changement business lundi 4 octobre 2010

13. Recherches Modèles Utilisateurs Utilisateurs - Segments: comprehension du marché - Personas: comprehension des comportements - Sources: data, stats, - Scénario d’usage: outil conceptuel analyses, études... Besoins - Recherches: ein, terviews, ethnographi benchmark GRILLE DE Disponibilité marché comparatif... SYNTHÈSE - Tests:eanalyses de taches, DÉCOUVERTE Faisabilité (Tech., Budget...) intervi ws... Quantitatif Benchmark Audit Fonctionnel Contenus + Qualitatif - Sources: contenus, data, - Collecte, capture, veille appliquée Business experience analyst - Besoins: audit de l’existant, Consulting demande client, technologie - Equipe: capacité, organisation, Conduite du Objectifs éducation changement business lundi 4 octobre 2010

15. * 2 CONCEPT lundi 4 octobre 2010

16. “IdeatioD’IDÉES GENERATION n” Principes: - générer pasplusmauvaisespossible le d’idées - iparticipaants: de trop, ni trop peu l n’y idées - prendre toutnien note - Méthode: CONCEPT - Diviser par questi/ons ence (par persona) - Scénaritelling / boarding o d’usage d’expéri - Storyquoi la page d’accueil (par persona) - C’estner la boite - Desig - ... lundi 4 octobre 2010

17. “IdeatioD’IDÉES GENERATION n” Principes: - générer pasplusmauvaisespossible le d’idées - iparticipaants: de trop, ni trop peu l n’y idées - prendre toutnien note - Méthode: CONCEPT - Diviser par questi/ons ence (par persona) - Scénaritelling / boarding o d’usage d’expéri - Storyquoi la page d’accueil (par persona) - C’estner la boite - Desig - ... source: http://www.learninglab.jumpassociates.com/?p=113 lundi 4 octobre 2010

18. “IdeatioD’IDÉES GENERATION n” Principes: - générer pasplusmauvaisespossible le d’idées - iparticipaants: de trop, ni trop peu l n’y idées - prendre toutnien note - Méthode: CONCEPT - Diviser par questi/ons ence (par persona) - Scénaritelling / boarding o d’usage d’expéri - Storyquoi la page d’accueil (par persona) - C’estner la boite - Desig - ... source: adaptive path lundi 4 octobre 2010

19. “IdeatioD’IDÉES GENERATION n” Principes: - générer pasplusmauvaisespossible le d’idées - iparticipaants: de trop, ni trop peu l n’y idées - prendre toutnien note - Méthode: CONCEPT - Diviser par questi/ons ence (par persona) - Scénaritelling / boarding o d’usage d’expéri - Storyquoi la page d’accueil (par persona) - C’estner la boite - Desig - ... source: http://weizhou.wordpress.com/2008/07/07/prototype/ lundi 4 octobre 2010

20. “IdeatioD’IDÉES GENERATION n” Principes: - générer pasplusmauvaisespossible le d’idées - iparticipaants: de trop, ni trop peu l n’y idées - prendre toutnien note - Méthode: CONCEPT - Diviser par questi/ons ence (par persona) - Scénaritelling / boarding o d’usage d’expéri - Storyquoi la page d’accueil (par persona) - C’estner la boite - Desig - ... lundi 4 octobre 2010

21. Stratégie “IdeatioD’IDÉES n” d’ensemble GENERATION Principes: - générer pasplusmauvaisespossible le d’idées Modélisation - iparticipaants: de trop, ni trop peu l n’y idées Stratégie des Stratégie - prendre toutnien note contenus Fonctionnelle - Méthode: CONCEPT + modèles hybrides - Diviser par questi/ons ence (par persona) - Scénaritelling / boarding o d’usage d’expéri - Storyquoi la page d’accueil (par persona) - C’estner la boite - Desig - ... lundi 4 octobre 2010

26. Stratégie “IdeatioD’IDÉES n” d’ensemble GENERATION Principes: - générer pasplusmauvaisespossible le d’idées Modélisation - iparticipaants: de trop, ni trop peu l n’y idées Stratégie des Stratégie - prendre toutnien note contenus Fonctionnelle - Méthode: CONCEPT + modèles hybrides - Diviser par questi/ons ence (par persona) - Scénaritelling / boarding o d’usage d’expéri - Storyquoi la page d’accueil (par persona) - C’estner la boite - Desig - ... Visualisation Principes: - Construirerapidementd’ensemble une vision - Visualiser Méthode: CROQUIS + schémas.... lundi 4 octobre 2010

28. Stratégie “IdeatioD’IDÉES n” d’ensemble GENERATION Principes: - générer pasplusmauvaisespossible le d’idées Modélisation - iparticipaants: de trop, ni trop peu l n’y idées Stratégie des Stratégie - prendre toutnien note contenus Fonctionnelle - Méthode: CONCEPT + modèles hybrides - Usages/Objectifs Business - avant-pendant-après l (pour mon persona) - c’estner lalaboite d’accuei quoi page - desig ons - questi - ... Visualisation Principes: - Construirerapidementd’ensemble une vision - Visualiser Méthode: CROQUIS + schémas.... lundi 4 octobre 2010

30. *3 ORGANISATION lundi 4 octobre 2010

31. Périmoètre foncti nnel Definition des fonctions, des formats, des principes d’interaction... mini-schemas ORGANISATION Objectifs: - lister lesrelations, et leurs fonctions - obtenir(sansaccord du un client le perdre dans les details), - fairmatiobudgetlaet une e un esti n de production lundi 4 octobre 2010

34. Périmoètre foncti nnel Definition des fonctions, Management des Contenus des formats, des principes d’interaction... Tableau mini-schemas Matrice des de page ORGANISATION contenus Objectifs: - lister lesrelations, et leurs fonctions - obtenir(sansaccord du un client le perdre dans les details), - fairmatiobudgetlaet une e un esti n de production lundi 4 octobre 2010

37. Périmoètre foncti nnel Definition des fonctions, Management des Contenus des formats, des principes d’interaction... Tableau mini-schemas Matrice des de page ORGANISATION contenus Objectifs: - lister lesrelations, et leurs fonctions Structure - obtenir(sansaccord du un Plan de site Arborescence client le perdre Logique Méthode: dans les details), d’ensemble -Vue détaillée tableur - fairmatiobudgetlaet une e un esti n de Méthode: schéma -Nommage ou arbre production -Références lundi 4 octobre 2010

38. Périmoètre foncti nnel Definition des fonctions, Management des Contenus des formats, des principes d’interaction... Tableau mini-schemas Matrice des de page ORGANISATION contenus + Optimisation Moteur de Recherche + Flux opérationnel éditorial Objectifs: - lister lesrelations, et leurs fonctions Structure - obtenir(sansaccord du un Plan de site Arborescence client le perdre Logique Méthode: dans les details), d’ensemble -Vue détaillée tableur - fairmatiobudgetlaet une e un esti n de Méthode: schéma -Nommage ou arbre production -Références lundi 4 octobre 2010

39. Périmoètre foncti nnel Definition des fonctions, Management des Contenus des formats, des principes d’interaction... Tableau mini-schemas Matrice des de page ORGANISATION contenus Objectifs: - lister lesrelations, et leurs fonctions Structure - obtenir(sansaccord du un Plan de site Arborescence client le perdre Logique Méthode: dans les details), d’ensemble -Vue détaillée tableur - fairmatiobudgetlaet une e un esti n de Méthode: schéma -Nommage ou arbre production -Références lundi 4 octobre 2010

40. * 4 DESIGN lundi 4 octobre 2010

41. Architecture d,information Shémas de Flux structure` logiques (wireframes) DESIGN lundi 4 octobre 2010

46. Architecture d,information d Design on ,interacti Shémas de Flux Charte Comportements d’interaction structure` logiques (wireframes) DESIGN des objets lundi 4 octobre 2010

50. Architecture d,information d Design on ,interacti Shémas de Flux Charte Comportements d’interaction structure` logiques (wireframes) DESIGN des objets Prototype Basse Moyenne Haute définition définition définition - Papier - Wiqruables cli eframes - Prototype de développement - Balsamiq - Simulation HTML/CSS/DOM ou FLASH Flash ou autre lundi 4 octobre 2010

53. * 5 SUIVI DE PRODUCTION lundi 4 octobre 2010

54. Specifications Production Production Specifications Fonctionnelles graphique de contenus techniques SUIVI DE PRODUCTION lundi 4 octobre 2010

55. Specifications Production Production Specifications Fonctionnelles graphique de contenus techniques SUIVI DE PRODUCTION PRODUCTION GABARITS & OBJETS DES SHEMAS DE Objectifs: STRUCTURE (WIREFRAMES) - Ratimnalisle développement o er les gabarits - Opti iser - a fairefier Modélisation Description des STATUS - a modi de l’organisation composants - validé des gabarits lundi 4 octobre 2010

58. Specifications Production Production Specifications Fonctionnelles graphique de contenus techniques Designer d’interface Chef de projet + techno. ITERATION Architecte d’information SUIVI DE PRODUCTION PRODUCTION GABARITS & OBJETS DES SHEMAS DE Objectifs: STRUCTURE (WIREFRAMES) - Ratimnalisle développement o er les gabarits - Opti iser - a fairefier Modélisation Description des STATUS - a modi de l’organisation composants - validé des gabarits lundi 4 octobre 2010

59. *6 PROCESSUS D’ENSEMBLE (CONCLUSION) c’est presque fini... ;-) lundi 4 octobre 2010

60. AGILITÉ DU PROCESSUS Découverte Concept Organisation Design Production Niveau d’engagement Niveau d’engagement Degrés de définition Inspiré par UX Matters: http://tiny.cc/ux-process-source lundi 4 octobre 2010

61. AGILITÉ DU PROCESSUS Découverte Concept Organisation Design Production Niveau d’engagement Niveau d’engagement ITERATION Degrés de définition - Recherches - “Ideation” - Périmètre - Schémas de structure - Specifications utilisateurs - Esquisses fonctionnel fonctionelles - Personas - Management des - Flux logiques - Production graphique - Modélisation de la contenus - Rédaction - benchmark stratégie editoriale fonctionnelle - Production de compétitif et et fonctionnelle - Structure de site contenus fonctionnel - Réalisation de prototype Inspiré par UX Matters: http://tiny.cc/ux-process-source lundi 4 octobre 2010

62. * attention merci de votre :-) Matthieu Mingasson Head of UX Design Linkedin.com/in/mingasson lundi 4 octobre 2010

5 phases du Design pour l'Experience Utilisateur

Recommended

More Related Content

Viewers also liked

Viewers also liked (20)

Similar to 5 phases du Design pour l'Experience Utilisateur

Similar to 5 phases du Design pour l'Experience Utilisateur (20)

5 phases du Design pour l'Experience Utilisateur