*
                         COMMENT DESIGNER POUR
                       L’EXPERIENCE UTILISATEUR ?
                       ...
SOMMAIRE
                        1.   DECOUVERTE
                        2.   CONCEPT
        LES ETAPES      3.   ORGANIS...
*1
                       DECOUVERTE

lundi 4 octobre 2010
Recherches
               Utilisateurs
        - Sources: data, stats,
          analyses, études...
        - Recherches:...
Recherches
               Utilisateurs
        - Sources: data, stats,
          analyses, études...
        - Recherches:...
Recherches                            Modèles Utilisateurs
               Utilisateurs                              - Segm...
Recherches                            Modèles Utilisateurs
               Utilisateurs                              - Segm...
Recherches                            Modèles Utilisateurs
               Utilisateurs                              - Segm...
Recherches                           Modèles Utilisateurs
               Utilisateurs                             - Segmen...
Recherches                            Modèles Utilisateurs
               Utilisateurs                              - Segm...
Recherches                            Modèles Utilisateurs
               Utilisateurs                              - Segm...
Recherches                            Modèles Utilisateurs
               Utilisateurs                              - Segm...
Recherches                            Modèles Utilisateurs
               Utilisateurs                              - Segm...
Recherches                            Modèles Utilisateurs
               Utilisateurs                              - Segm...
*
                         2
                       CONCEPT

lundi 4 octobre 2010
“IdeatioD’IDÉES
               GENERATION
                          n”
         Principes:
      - générer pasplusmauvaise...
“IdeatioD’IDÉES
               GENERATION
                          n”
         Principes:
      - générer pasplusmauvaise...
“IdeatioD’IDÉES
               GENERATION
                          n”
         Principes:
      - générer pasplusmauvaise...
“IdeatioD’IDÉES
               GENERATION
                          n”
         Principes:
      - générer pasplusmauvaise...
“IdeatioD’IDÉES
               GENERATION
                          n”
         Principes:
      - générer pasplusmauvaise...
Stratégie
               “IdeatioD’IDÉES
                          n”                               d’ensemble
           ...
Stratégie
               “IdeatioD’IDÉES
                          n”                               d’ensemble
           ...
Stratégie
               “IdeatioD’IDÉES
                          n”                               d’ensemble
           ...
Stratégie
               “IdeatioD’IDÉES
                          n”                               d’ensemble
           ...
Stratégie
               “IdeatioD’IDÉES
                          n”                               d’ensemble
           ...
Stratégie
               “IdeatioD’IDÉES
                          n”                                                 d’en...
Stratégie
               “IdeatioD’IDÉES
                          n”                                                 d’en...
Stratégie
               “IdeatioD’IDÉES
                          n”                                                 d’en...
Stratégie
               “IdeatioD’IDÉES
                          n”                                                 d’en...
*3
                       ORGANISATION

lundi 4 octobre 2010
Périmoètre
        foncti nnel
         Definition des fonctions,
         des formats, des principes
         d’interacti...
Périmoètre
        foncti nnel
         Definition des fonctions,
         des formats, des principes
         d’interacti...
Périmoètre
        foncti nnel
         Definition des fonctions,
         des formats, des principes
         d’interacti...
Périmoètre
        foncti nnel
         Definition des fonctions,
                                                Manageme...
Périmoètre
        foncti nnel
         Definition des fonctions,
                                                Manageme...
Périmoètre
        foncti nnel
         Definition des fonctions,
                                                Manageme...
Périmoètre
        foncti nnel
         Definition des fonctions,
                                                        ...
Périmoètre
        foncti nnel
         Definition des fonctions,
                                                        ...
Périmoètre
        foncti nnel
         Definition des fonctions,
                                                        ...
*
                         4
                       DESIGN

lundi 4 octobre 2010
Architecture
             d,information
      Shémas de        Flux
      structure`       logiques
      (wireframes)    ...
Architecture
             d,information
      Shémas de        Flux
      structure`       logiques
      (wireframes)    ...
Architecture
             d,information
      Shémas de        Flux
      structure`       logiques
      (wireframes)    ...
Architecture
             d,information
      Shémas de        Flux
      structure`       logiques
      (wireframes)    ...
Architecture
             d,information
      Shémas de        Flux
      structure`       logiques
      (wireframes)    ...
Architecture
             d,information                 d   Design on
                                            ,interac...
Architecture
             d,information                 d   Design on
                                            ,interac...
Architecture
             d,information                 d   Design on
                                            ,interac...
Architecture
             d,information                 d   Design on
                                            ,interac...
Architecture
             d,information                                  d   Design on
                                   ...
Architecture
             d,information                                  d   Design on
                                   ...
Architecture
             d,information                                  d   Design on
                                   ...
*
                         5
                 SUIVI DE PRODUCTION

lundi 4 octobre 2010
Specifications   Production    Production Specifications
                       Fonctionnelles     graphique   de contenus...
Specifications    Production        Production Specifications
                       Fonctionnelles      graphique       d...
Specifications    Production        Production Specifications
                       Fonctionnelles      graphique       d...
Specifications    Production        Production Specifications
                       Fonctionnelles      graphique       d...
Specifications       Production          Production Specifications
                       Fonctionnelles         graphique...
*6
                       PROCESSUS
                       D’ENSEMBLE
                          (CONCLUSION)

            ...
AGILITÉ DU PROCESSUS
                      Découverte   Concept      Organisation              Design                    P...
AGILITÉ DU PROCESSUS
                      Découverte             Concept                 Organisation               Desig...
* attention
                       merci de votre
                                  :-)

                                 ...
Prochain SlideShare
Chargement dans…5
×

5 phases du Design pour l'Experience Utilisateur

8 858 vues

Publié le

Designer pour l'Experience Utilisateur en 5 phases (révision pour tous)

Publié dans : Design
1 commentaire
18 j’aime
Statistiques
Remarques
Aucun téléchargement
Vues
Nombre de vues
8 858
Sur SlideShare
0
Issues des intégrations
0
Intégrations
1 104
Actions
Partages
0
Téléchargements
418
Commentaires
1
J’aime
18
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

5 phases du Design pour l'Experience Utilisateur

  1. 1. * COMMENT DESIGNER POUR L’EXPERIENCE UTILISATEUR ? RÉVISION POUR TOUS lundi 4 octobre 2010
  2. 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. 3. *1 DECOUVERTE lundi 4 octobre 2010
  4. 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. 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. 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. 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. 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. 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. 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. 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
  12. 12. 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. 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
  14. 14. 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
  15. 15. * 2 CONCEPT lundi 4 octobre 2010
  16. 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. 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. 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. 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. 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. 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
  22. 22. 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
  23. 23. 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
  24. 24. 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
  25. 25. 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. 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
  27. 27. 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. 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
  29. 29. 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
  30. 30. *3 ORGANISATION lundi 4 octobre 2010
  31. 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
  32. 32. 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
  33. 33. 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. 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
  35. 35. 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
  36. 36. 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. 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. 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. 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. 40. * 4 DESIGN lundi 4 octobre 2010
  41. 41. Architecture d,information Shémas de Flux structure` logiques (wireframes) DESIGN lundi 4 octobre 2010
  42. 42. Architecture d,information Shémas de Flux structure` logiques (wireframes) DESIGN lundi 4 octobre 2010
  43. 43. Architecture d,information Shémas de Flux structure` logiques (wireframes) DESIGN lundi 4 octobre 2010
  44. 44. Architecture d,information Shémas de Flux structure` logiques (wireframes) DESIGN lundi 4 octobre 2010
  45. 45. Architecture d,information Shémas de Flux structure` logiques (wireframes) DESIGN lundi 4 octobre 2010
  46. 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
  47. 47. 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
  48. 48. 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
  49. 49. 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. 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
  51. 51. 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
  52. 52. 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. 53. * 5 SUIVI DE PRODUCTION lundi 4 octobre 2010
  54. 54. Specifications Production Production Specifications Fonctionnelles graphique de contenus techniques SUIVI DE PRODUCTION lundi 4 octobre 2010
  55. 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
  56. 56. 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
  57. 57. 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. 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. 59. *6 PROCESSUS D’ENSEMBLE (CONCLUSION) c’est presque fini... ;-) lundi 4 octobre 2010
  60. 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. 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. 62. * attention merci de votre :-) Matthieu Mingasson Head of UX Design Linkedin.com/in/mingasson lundi 4 octobre 2010

×