5 phases du Design pour l'Experience Utilisateur

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

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

*1 DECOUVERTE lundi 4 octobre 2010

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

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

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

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

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

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

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

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

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

* 2 CONCEPT lundi 4 octobre 2010

“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

“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

“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

“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

“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

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

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

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

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

*3 ORGANISATION lundi 4 octobre 2010

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

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

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

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

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

* 4 DESIGN lundi 4 octobre 2010

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

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

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

* 5 SUIVI DE PRODUCTION lundi 4 octobre 2010

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

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

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

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

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

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

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

http://activeside.wdfiles.com	378
http://www.bitenc.eu	75
http://jeremie.welovemonday.fr	6
http://feeds.feedburner.com	4
http://www.linkedin.com	3
http://bitenc.si	2

5 phases du Design pour l'Experience Utilisateur

by Matthieu Mingasson

Accessibility

Categories

Upload Details

Usage Rights

6 Embeds 468

Statistics

5 phases du Design pour l’Experience Utilisateur Presentation Transcript