SlideShare une entreprise Scribd logo
1  sur  92
Télécharger pour lire hors ligne
*
     CONCEVOIR POUR
L’EXPERIENCE UTILISATEUR
      RÉVISION POUR TOUS
QUEL EST VOTRE PROCESS DE CONCEPTION ?

                                           DESIGN


Panique non Validation oui Livré en
             Client         retard
    INSPIRÉ PAR : smashingmagazine.com/2010/10/05/what-is-user-experience-design-overview-tools-and-resources/
Design

Contenu     UX/IA       Business


          Technologie
Design
                    Forme

Contenu   Fond                Objectif   Business

                   Fonction
                 Technologie
Design
                    Forme

Contenu   Fond                Objectif   Business

                   Fonction
                 Technologie
5 NIVEAUX
1.   DECOUVERTE
2.   CONCEPT
3.   ORGANISATION
4.   DESIGN
5.   MANAGEMENT DE PRODUCTION
*1
DECOUVERTE
Recherches
      Utilisateurs
  - Sources: metrics, analyses...
  - Recherches: ethnographie...
Quantitatif
 +      Qualitatif                  DÉCOUVERTE
Recherches
      Utilisateurs
  - Sources: metrics, analyses...
  - Recherches: ethnographie...
Quantitatif
 +      Qualitatif                  DÉCOUVERTE
Recherches
      Utilisateurs
  - Sources: metrics, analyses...
  - Recherches: ethnographie...
Quantitatif
 +      Qualitatif                  DÉCOUVERTE
                                          Audit
                     - Sources: contenus, experience       Business
                                                           analyst
                     - Besoins: audit, demande...
                     - Equipe: capacité, organisation...
Recherches                                           Modèles Utilisateurs
      Utilisateurs                                           - Segments: marché
                                                             - Personas: comportements
  - Sources: metrics, analyses...                            - Scénario d’usage: outil conceptuel
  - Recherches: ethnographie...
Quantitatif
 +      Qualitatif                  DÉCOUVERTE
                                          Audit
                     - Sources: contenus, experience          Business
                                                              analyst
                     - Besoins: audit, demande...
                     - Equipe: capacité, organisation...
Recherches                                           Modèles Utilisateurs
      Utilisateurs                                           - Segments: marché
                                                             - Personas: comportements
  - Sources: metrics, analyses...                            - Scénario d’usage: outil conceptuel
  - Recherches: ethnographie...
Quantitatif
 +      Qualitatif                  DÉCOUVERTE
                                          Audit
                     - Sources: contenus, experience          Business
                                                              analyst
                     - Besoins: audit, demande...
                     - Equipe: capacité, organisation...
Recherches                                           Modèles Utilisateurs
      Utilisateurs                                           - Segments: marché
                                                             - Personas: comportements
  - Sources: metrics, analyses...                            - Scénario d’usage: outil conceptuel
  - Recherches: ethnographie...
Quantitatif
 +      Qualitatif                  DÉCOUVERTE
                                          Audit
                     - Sources: contenus, experience          Business
                                                              analyst
                     - Besoins: audit, demande...
                     - Equipe: capacité, organisation...
Recherches                                           Modèles Utilisateurs
      Utilisateurs                                           - Segments: marché
                                                             - Personas: comportements
  - Sources: metrics, analyses...                            - Scénario d’usage: outil conceptuel
  - Recherches: ethnographie...
Quantitatif
 +      Qualitatif                  DÉCOUVERTE
                                                                             Benchmark
                                                                              - Collecte, capture,
                                          Audit                                    veille appliquée
                     - Sources: contenus, experience          Business
                                                              analyst
                     - Besoins: audit, demande...
                     - Equipe: capacité, organisation...
Recherches                                           Modèles Utilisateurs
      Utilisateurs                                           - Segments: marché
                                                             - Personas: comportements
  - Sources: metrics, analyses...                            - Scénario d’usage: outil conceptuel
  - Recherches: ethnographie...
Quantitatif
 +      Qualitatif                  DÉCOUVERTE
                                                                             Benchmark
                                                                              - Collecte, capture,
                                          Audit                                    veille appliquée
                     - Sources: contenus, experience          Business
                                                              analyst
                     - Besoins: audit, demande...
                     - Equipe: capacité, organisation...
Recherches                                           Modèles Utilisateurs
      Utilisateurs                                           - Segments: marché
                                                             - Personas: comportements
  - Sources: metrics, analyses...                            - Scénario d’usage: outil conceptuel
  - Recherches: ethnographie...
Quantitatif
 +      Qualitatif                  DÉCOUVERTE
                                                                             Benchmark
                                                                              - Collecte, capture,
                                          Audit                                    veille appliquée
                     - Sources: contenus, experience          Business
                                                              analyst
                     - Besoins: audit, demande...
                     - Equipe: capacité, organisation...
Recherches                                           Modèles Utilisateurs
      Utilisateurs                                           - Segments: marché
                                                             - Personas: comportements
  - Sources: metrics, analyses...                            - Scénario d’usage: outil conceptuel
  - Recherches: ethnographie...
Quantitatif                                                                   GRILLE DE
                                                                              SYNTHÈSE
 +      Qualitatif                  DÉCOUVERTE
                                                                             Benchmark
                                                                              - Collecte, capture,
                                          Audit                                    veille appliquée
                     - Sources: contenus, experience          Business
                                                              analyst
                     - Besoins: audit, demande...
                     - Equipe: capacité, organisation...
Recherches                                           Modèles Utilisateurs
      Utilisateurs                                           - Segments: marché
                                                             - Personas: comportements
  - Sources: metrics, analyses...                            - Scénario d’usage: outil conceptuel
  - Recherches: ethnographie...
Quantitatif                                                                   GRILLE DE
                                                                              SYNTHÈSE
 +      Qualitatif                  DÉCOUVERTE
                                                                             Benchmark
                                                                              - Collecte, capture,
                                          Audit                                    veille appliquée
                     - Sources: contenus, experience          Business
                                                              analyst
                     - Besoins: audit, demande...
                     - Equipe: capacité, organisation...
Recherches                                           Modèles Utilisateurs
      Utilisateurs                                           - Segments: marché
                                                             - Personas: comportements
  - Sources: metrics, analyses...                            - Scénario d’usage: outil conceptuel
  - Recherches: ethnographie...
Quantitatif                                                                   GRILLE DE
                                                                              SYNTHÈSE
 +      Qualitatif                  DÉCOUVERTE
                                                                             Benchmark
                                                                              - Collecte, capture,
                                          Audit                                    veille appliquée
                     - Sources: contenus, experience          Business
                                                              analyst
                     - Besoins: audit, demande...
                     - Equipe: capacité, organisation...
*
  2
CONCEPT
“IdeatioD’IDÉES
      GENERATION
                 n”
- Diviser par questi/ons ence
- Scénaritelling / boarding
          o d’usage d’expéri
- Storyquoi la page d’accueil (par persona)
- C’estner la boite
- Desig
- ...                              CONCEPT
“IdeatioD’IDÉES
      GENERATION
                 n”
- Diviser par questi/ons ence
- Scénaritelling / boarding
          o d’usage d’expéri
- Storyquoi la page d’accueil (par persona)
- C’estner la boite
- Desig
- ...                               CONCEPT


                         source: http://www.learninglab.jumpassociates.com/?p=113
“IdeatioD’IDÉES
      GENERATION
                 n”
- Diviser par questi/ons ence
- Scénaritelling / boarding
          o d’usage d’expéri
- Storyquoi la page d’accueil (par persona)
- C’estner la boite
- Desig
- ...                              CONCEPT


                                          source: adaptive path
“IdeatioD’IDÉES
      GENERATION
                 n”
- Diviser par questi/ons ence
- Scénaritelling / boarding
          o d’usage d’expéri
- Storyquoi la page d’accueil (par persona)
- C’estner la boite
- Desig
- ...                              CONCEPT


                      source: http://weizhou.wordpress.com/2008/07/07/prototype/
“IdeatioD’IDÉES
      GENERATION
                 n”
- Diviser par questi/ons ence
- Scénaritelling / boarding
          o d’usage d’expéri
- Storyquoi la page d’accueil (par persona)
- C’estner la boite
- Desig
- ...                              CONCEPT
“IdeatioD’IDÉES
      GENERATION
                 n”
- Diviser par questi/ons ence
- Scénaritelling / boarding
          o d’usage d’expéri
- Storyquoi la page d’accueil (par persona)
- C’estner la boite
- Desig
- ...                              CONCEPT
“IdeatioD’IDÉES
                 n”
      GENERATION
- Diviser par questi/ons ence
- Scénaritelling / boarding
          o d’usage d’expéri
                                              Modélisation
- Storyquoi la page d’accueil (par persona)
- C’estner la boite
- Desig
- ...                              CONCEPT
Stratégie
      “IdeatioD’IDÉES
                 n”                                  d’ensemble
      GENERATION
- Diviser par questi/ons ence
- Scénaritelling / boarding
          o d’usage d’expéri
                                              Modélisation
- Storyquoi la page d’accueil (par persona)   Stratégie des      Stratégie
- C’estner la boite
- Desig                                       contenus           Fonctionnelle
- ...                              CONCEPT          + modèles hybrides
Stratégie
      “IdeatioD’IDÉES
                 n”                                  d’ensemble
      GENERATION
- Diviser par questi/ons ence
- Scénaritelling / boarding
          o d’usage d’expéri
                                              Modélisation
- Storyquoi la page d’accueil (par persona)   Stratégie des      Stratégie
- C’estner la boite
- Desig                                       contenus           Fonctionnelle
- ...                              CONCEPT          + modèles hybrides
Stratégie
      “IdeatioD’IDÉES
                 n”                                  d’ensemble
      GENERATION
- Diviser par questi/ons ence
- Scénaritelling / boarding
          o d’usage d’expéri
                                              Modélisation
- Storyquoi la page d’accueil (par persona)   Stratégie des      Stratégie
- C’estner la boite
- Desig                                       contenus           Fonctionnelle
- ...                              CONCEPT          + modèles hybrides
Stratégie
      “IdeatioD’IDÉES
                 n”                                  d’ensemble
      GENERATION
- Diviser par questi/ons ence
- Scénaritelling / boarding
          o d’usage d’expéri
                                              Modélisation
- Storyquoi la page d’accueil (par persona)   Stratégie des      Stratégie
- C’estner la boite
- Desig                                       contenus           Fonctionnelle
- ...                              CONCEPT          + modèles hybrides
Stratégie
      “IdeatioD’IDÉES
                 n”                                  d’ensemble
      GENERATION
- Diviser par questi/ons ence
- Scénaritelling / boarding
          o d’usage d’expéri
                                              Modélisation
- Storyquoi la page d’accueil (par persona)   Stratégie des      Stratégie
- C’estner la boite
- Desig                                       contenus           Fonctionnelle
- ...                              CONCEPT          + modèles hybrides
Stratégie
      “IdeatioD’IDÉES
                 n”                                  d’ensemble
      GENERATION
- Diviser par questi/ons ence
- Scénaritelling / boarding
          o d’usage d’expéri
                                              Modélisation
- Storyquoi la page d’accueil (par persona)   Stratégie des      Stratégie
- C’estner la boite
- Desig                                       contenus           Fonctionnelle
- ...                              CONCEPT          + modèles hybrides
Stratégie
      “IdeatioD’IDÉES
                 n”                                  d’ensemble
      GENERATION
- Diviser par questi/ons ence
- Scénaritelling / boarding
          o d’usage d’expéri
                                              Modélisation
- Storyquoi la page d’accueil (par persona)   Stratégie des      Stratégie
- C’estner la boite
- Desig                                       contenus           Fonctionnelle
- ...                              CONCEPT          + modèles hybrides
Stratégie
      “IdeatioD’IDÉES
                 n”                                  d’ensemble
      GENERATION
- Diviser par questi/ons ence
- Scénaritelling / boarding
          o d’usage d’expéri
                                              Modélisation
- Storyquoi la page d’accueil (par persona)   Stratégie des      Stratégie
- C’estner la boite
- Desig                                       contenus           Fonctionnelle
- ...                              CONCEPT          + modèles hybrides
Stratégie
      “IdeatioD’IDÉES
                 n”                                                     d’ensemble
      GENERATION
- Diviser par questi/ons ence
- Scénaritelling / boarding
          o d’usage d’expéri
                                                               Modélisation
- Storyquoi la page d’accueil (par persona)                   Stratégie des      Stratégie
- C’estner la boite
- Desig                                                       contenus           Fonctionnelle
- ...                              CONCEPT                          + modèles hybrides



                                               Visualisation
                                       Principes:
                                     - Construirerapidementd’ensemble
                                                  une vision
                                     - Visualiser
                                                                 Méthode:    CROQUIS
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....
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....
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....
Stratégie
      “IdeatioD’IDÉES
                 n”                                                     d’ensemble
      GENERATION
- Diviser par questi/ons ence
- Scénaritelling / boarding
          o d’usage d’expéri
                                                               Modélisation
- Storyquoi la page d’accueil (par persona)                   Stratégie des      Stratégie
- C’estner la boite
- Desig                                                       contenus           Fonctionnelle
- ...                              CONCEPT                          + modèles hybrides



                                               Visualisation
                                       Principes:
                                     - Construirerapidementd’ensemble
                                                  une vision
                                     - Visualiser
                                                                 Méthode:    CROQUIS
*3
ORGANISATION
Périmoètre
foncti nnel
Definition des fonctions,
des formats, des principes
d’interaction...

                             ORGANISATION
Périmoètre
foncti nnel
Definition des fonctions,
des formats, des principes
d’interaction...

                             ORGANISATION
Périmoètre
foncti nnel
Definition des fonctions,
des formats, des principes
d’interaction...

                             ORGANISATION
Périmoètre
foncti nnel
Definition des fonctions,
des formats, des principes
d’interaction...

                             ORGANISATION
Périmoètre
 foncti nnel
  Definition des fonctions,
  des formats, des principes
  d’interaction...

                               ORGANISATION
  Objectifs:
- lister rles fonctions ent
- obteniun un accord cli
- fairmatiobudgetproduction
      e
  esti n de
                   et une
Périmoètre
foncti nnel
Definition des fonctions,
                                       Management des
                                         Contenus
des formats, des principes
d’interaction...
                                                        Tableau
                                            Matrice des de page
                             ORGANISATION   contenus
Périmoètre
foncti nnel
Definition des fonctions,
                                       Management des
                                         Contenus
des formats, des principes
d’interaction...
                                                        Tableau
                                            Matrice des de page
                             ORGANISATION   contenus
Périmoètre
foncti nnel
Definition des fonctions,
                                       Management des
                                         Contenus
des formats, des principes
d’interaction...
                                                        Tableau
                                            Matrice des de page
                             ORGANISATION   contenus
Périmoètre
foncti nnel
Definition des fonctions,
                                       Management des
                                         Contenus
des formats, des principes
d’interaction...
                                                        Tableau
                                            Matrice des de page
                             ORGANISATION   contenus
Périmoètre
foncti nnel
Definition des fonctions,
                                                       Management des
                                                         Contenus
des formats, des principes
d’interaction...
                                                                           Tableau
                                                               Matrice des de page
                              ORGANISATION                     contenus


                                          Structure
                                        Plan de site    Arborescence
                                         Logique                            Méthode:
                             Méthode:    d’ensemble       -Vue détaillée    tableur
                             schéma                       -Nommage          ou arbre
                                                          -Références
Périmoètre
foncti nnel
Definition des fonctions,
                                                       Management des
                                                         Contenus
des formats, des principes
d’interaction...
                                                                           Tableau
                                                               Matrice des de page
                              ORGANISATION                     contenus


                                          Structure
                                        Plan de site    Arborescence
                                         Logique                            Méthode:
                             Méthode:    d’ensemble       -Vue détaillée    tableur
                             schéma                       -Nommage          ou arbre
                                                          -Références
Périmoètre
foncti nnel
Definition des fonctions,
                                                       Management des
                                                         Contenus
des formats, des principes
d’interaction...
                                                                           Tableau
                                                               Matrice des de page
                              ORGANISATION                     contenus


                                          Structure
                                        Plan de site    Arborescence
                                         Logique                            Méthode:
                             Méthode:    d’ensemble       -Vue détaillée    tableur
                             schéma                       -Nommage          ou arbre
                                                          -Références
*
  4
DESIGN
Desiognnel
     foncti   n
Shémas de      Flux
structure`     logiques
(wireframes)              DESIGN
Desiognnel
     foncti   n
Shémas de      Flux
structure`     logiques
(wireframes)              DESIGN
Desiognnel
     foncti   n
Shémas de      Flux
structure`     logiques
(wireframes)              DESIGN
Desiognnel
     foncti   n
Shémas de      Flux
structure`     logiques
(wireframes)              DESIGN
Desiognnel
     foncti   n                    d   Design on
                                    ,interacti
Shémas de      Flux                              Charte
                                   Comportements d’interaction
structure`     logiques
(wireframes)              DESIGN   des objets
Desiognnel
     foncti   n                    d   Design on
                                    ,interacti
Shémas de      Flux                              Charte
                                   Comportements d’interaction
structure`     logiques
(wireframes)              DESIGN   des objets
Desiognnel
     foncti   n                    d   Design on
                                    ,interacti
Shémas de      Flux                              Charte
                                   Comportements d’interaction
structure`     logiques
(wireframes)              DESIGN   des objets
Desiognnel
     foncti   n                    d   Design on
                                    ,interacti
Shémas de      Flux                              Charte
                                   Comportements d’interaction
structure`     logiques
(wireframes)              DESIGN   des objets
Desiognnel
     foncti   n                    d   Design on
                                    ,interacti
Shémas de      Flux                              Charte
                                   Comportements d’interaction
structure`     logiques
(wireframes)              DESIGN   des objets
Desiognnel
     foncti   n                    d   Design on
                                    ,interacti
Shémas de      Flux                              Charte
                                   Comportements d’interaction
structure`     logiques
(wireframes)              DESIGN   des objets
Desiognnel
     foncti   n                    d   Design on
                                    ,interacti
Shémas de      Flux                              Charte
                                   Comportements d’interaction
structure`     logiques
(wireframes)              DESIGN   des objets


          Prototype
Desiognnel
      foncti   n                    d   Design on
                                     ,interacti
 Shémas de      Flux                              Charte
                                    Comportements d’interaction
 structure`     logiques
 (wireframes)              DESIGN   des objets


             Prototype
 Basse
 définition
- Papier
- Balsamiq
Desiognnel
      foncti   n                          d   Design on
                                           ,interacti
 Shémas de         Flux                                 Charte
                                          Comportements d’interaction
 structure`        logiques
 (wireframes)                    DESIGN   des objets


             Prototype
 Basse             Moyenne
 définition        définition
- Papier         - Wiqruables
                   cli eframes
- Balsamiq       - Demo client
                Flash ou autre
Desiognnel
      foncti   n                                            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 - Prototype de
                   cli eframes  développement
- Balsamiq       - Demo client               HTML/CSS/DOM
                                             ou FLASH
                Flash ou autre
Desiognnel
     foncti   n                    d   Design on
                                    ,interacti
Shémas de      Flux                              Charte
                                   Comportements d’interaction
structure`     logiques
(wireframes)              DESIGN   des objets


          Prototype
Desiognnel
      foncti   n                    d   Design on
                                     ,interacti
 Shémas de      Flux                              Charte
                                    Comportements d’interaction
 structure`     logiques
 (wireframes)              DESIGN   des objets


             Prototype
 Basse
 définition
- Papier
- Balsamiq
Desiognnel
      foncti   n                          d   Design on
                                           ,interacti
 Shémas de         Flux                                 Charte
                                          Comportements d’interaction
 structure`        logiques
 (wireframes)                    DESIGN   des objets


             Prototype
 Basse             Moyenne
 définition        définition
- Papier         - Wiqruables
                   cli eframes
- Balsamiq       - Demo client
                Flash ou autre
Desiognnel
      foncti   n                                            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 - Prototype de
                   cli eframes  développement
- Balsamiq       - Demo client               HTML/CSS/DOM
                                             ou FLASH
                Flash ou autre
Desiognnel
     foncti   n                    d   Design on
                                    ,interacti
Shémas de      Flux                              Charte
                                   Comportements d’interaction
structure`     logiques
(wireframes)              DESIGN   des objets


          Prototype
Desiognnel
      foncti   n                    d   Design on
                                     ,interacti
 Shémas de      Flux                              Charte
                                    Comportements d’interaction
 structure`     logiques
 (wireframes)              DESIGN   des objets


             Prototype
 Basse
 définition
- Papier
- Balsamiq
Desiognnel
      foncti   n                          d   Design on
                                           ,interacti
 Shémas de         Flux                                 Charte
                                          Comportements d’interaction
 structure`        logiques
 (wireframes)                    DESIGN   des objets


             Prototype
 Basse             Moyenne
 définition        définition
- Papier         - Wiqruables
                   cli eframes
- Balsamiq       - Demo client
                Flash ou autre
Desiognnel
      foncti   n                                            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 - Prototype de
                   cli eframes  développement
- Balsamiq       - Demo client               HTML/CSS/DOM
                                             ou FLASH
                Flash ou autre
Desiognnel
      foncti   n                                            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 - Prototype de
                   cli eframes  développement
- Balsamiq       - Demo client               HTML/CSS/DOM
                                             ou FLASH
                Flash ou autre
Desiognnel
      foncti   n                                            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 - Prototype de
                   cli eframes  développement
- Balsamiq       - Demo client               HTML/CSS/DOM
                                             ou FLASH
                Flash ou autre
Desiognnel
      foncti   n                                            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 - Prototype de
                   cli eframes  développement
- Balsamiq       - Demo client               HTML/CSS/DOM
                                             ou FLASH
                Flash ou autre
Desiognnel
      foncti   n                                            d   Design on
                                                             ,interacti
 Shémas de         Flux                                                   Charte
                                                            Comportements d’interaction
 structure`        logiques
 (wireframes)                          DESIGN               des objets


             Prototype                                           Interface
 Basse             Moyenne       Haute
 définition        définition    définition           Lisibilité                 Composants
                                                                                 (technologie)
                                                      (fond)
- Papier         - Wiqruables - Prototype de
                   cli eframes  développement                   Grille   Navigation
- Balsamiq       - Demo client               HTML/CSS/DOM
                                                               (forme)   (fonction)
                                             ou FLASH
                Flash ou autre
*
     5
MANAGEMENT DE
  PRODUCTION
Specifications   Production    Production Specifications
Fonctionnelles     graphique   de contenus techniques




       MANAGEMENT DE PRODUCTION
Specifications      Production    Production Specifications
  Fonctionnelles        graphique   de contenus techniques




          MANAGEMENT DE PRODUCTION
 PRODUCTION
DES SHEMAS DE
 STRUCTURE
      (WIREFRAMES)
       - a fairefier
STATUS - a modi
       - validé
Specifications      Production    Production Specifications
  Fonctionnelles        graphique   de contenus techniques




          MANAGEMENT DE PRODUCTION
 PRODUCTION
DES SHEMAS DE
 STRUCTURE
      (WIREFRAMES)
       - a fairefier
STATUS - a modi
       - validé
Specifications      Production        Production Specifications
  Fonctionnelles        graphique       de contenus techniques




          MANAGEMENT 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
Specifications      Production        Production Specifications
  Fonctionnelles        graphique       de contenus techniques




          MANAGEMENT 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
Specifications      Production        Production Specifications
  Fonctionnelles        graphique       de contenus techniques




          MANAGEMENT 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
Specifications      Production         Production Specifications
  Fonctionnelles        graphique        de contenus techniques
                                   architecte n
                                 d’informatio
                       chef de ITÉRATION
                       projet               designer
                                          d’interface
          MANAGEMENT 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
*
Conclusion
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
AGILITÉ DU PROCESSUS
                      Découverte           Concept                 Organisation               Design                    Production
Niveau d’engagement




                                                                                                                                               Niveau d’engagement
                              ITERATIONS

                                                                 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
*
Discutons sur..
@activeside #parisweb
linkedin.com/in/mingasson
slideshare.net/activeside
design.activeside.net

Contenu connexe

En vedette

Présentation de stage
Présentation de stagePrésentation de stage
Présentation de stageqmouraret
 
Context Adaptive Services
Context Adaptive ServicesContext Adaptive Services
Context Adaptive ServicesJohn Yanosy Jr
 
A Case Modelling Language for Process Variant Management in Case-based Reasoning
A Case Modelling Language for Process Variant Management in Case-based ReasoningA Case Modelling Language for Process Variant Management in Case-based Reasoning
A Case Modelling Language for Process Variant Management in Case-based Reasoningandreasmartin
 
Âge et rytmes de constuction d’une vallée du versant méridional des Pyrénées ...
Âge et rytmes de constuction d’une vallée du versant méridional des Pyrénées ...Âge et rytmes de constuction d’une vallée du versant méridional des Pyrénées ...
Âge et rytmes de constuction d’une vallée du versant méridional des Pyrénées ...Fundació Marcel Chevalier
 
Application de découverte des podcasts à partir du profil utilisateur
Application de découverte des podcasts à partir du profil utilisateurApplication de découverte des podcasts à partir du profil utilisateur
Application de découverte des podcasts à partir du profil utilisateurMohamed Tahar ZWAWA
 
Storytelling pour votre entreprise est un Must. Storytelling in Business, a m...
Storytelling pour votre entreprise est un Must. Storytelling in Business, a m...Storytelling pour votre entreprise est un Must. Storytelling in Business, a m...
Storytelling pour votre entreprise est un Must. Storytelling in Business, a m...Diana Yazidjian ✈️
 
Learning objects retrieval from contextual analysis of user preferences to en...
Learning objects retrieval from contextual analysis of user preferences to en...Learning objects retrieval from contextual analysis of user preferences to en...
Learning objects retrieval from contextual analysis of user preferences to en...Luciana Zaina
 
CBR Based Workflow Composition Assistant
CBR Based Workflow Composition AssistantCBR Based Workflow Composition Assistant
CBR Based Workflow Composition AssistantEran Chinthaka Withana
 
Design de services
Design de servicesDesign de services
Design de serviceswedo studios
 
Expérience Client : 6 leviers pour réussir
Expérience Client : 6 leviers pour réussirExpérience Client : 6 leviers pour réussir
Expérience Client : 6 leviers pour réussirMaurice Cautela
 
Quand Monsieur Experience rencontre Madame Marketing
Quand Monsieur Experience rencontre Madame MarketingQuand Monsieur Experience rencontre Madame Marketing
Quand Monsieur Experience rencontre Madame MarketingBenjamin Richy
 
2010-02 Migration vers le Cloud - Lancelot-Network
2010-02 Migration vers le Cloud - Lancelot-Network2010-02 Migration vers le Cloud - Lancelot-Network
2010-02 Migration vers le Cloud - Lancelot-NetworkYves Leblond
 
case based recommendation approach for market basket data
case based recommendation approach for market basket datacase based recommendation approach for market basket data
case based recommendation approach for market basket datamniranjanmurthy
 
Introduction aux Technologies Web élaborée par Marouan OMEZZINE
Introduction aux Technologies Web élaborée par Marouan OMEZZINEIntroduction aux Technologies Web élaborée par Marouan OMEZZINE
Introduction aux Technologies Web élaborée par Marouan OMEZZINEMarouan OMEZZINE
 
SaaS et Cloud, une révolution ?
SaaS et Cloud, une révolution ?SaaS et Cloud, une révolution ?
SaaS et Cloud, une révolution ?Sage france
 
Devenir une banque relationnelle de référence
Devenir une banque relationnelle de référenceDevenir une banque relationnelle de référence
Devenir une banque relationnelle de référenceYVON MOYSAN
 

En vedette (17)

Présentation de stage
Présentation de stagePrésentation de stage
Présentation de stage
 
Context Adaptive Services
Context Adaptive ServicesContext Adaptive Services
Context Adaptive Services
 
A Case Modelling Language for Process Variant Management in Case-based Reasoning
A Case Modelling Language for Process Variant Management in Case-based ReasoningA Case Modelling Language for Process Variant Management in Case-based Reasoning
A Case Modelling Language for Process Variant Management in Case-based Reasoning
 
Âge et rytmes de constuction d’une vallée du versant méridional des Pyrénées ...
Âge et rytmes de constuction d’une vallée du versant méridional des Pyrénées ...Âge et rytmes de constuction d’une vallée du versant méridional des Pyrénées ...
Âge et rytmes de constuction d’une vallée du versant méridional des Pyrénées ...
 
Application de découverte des podcasts à partir du profil utilisateur
Application de découverte des podcasts à partir du profil utilisateurApplication de découverte des podcasts à partir du profil utilisateur
Application de découverte des podcasts à partir du profil utilisateur
 
Storytelling pour votre entreprise est un Must. Storytelling in Business, a m...
Storytelling pour votre entreprise est un Must. Storytelling in Business, a m...Storytelling pour votre entreprise est un Must. Storytelling in Business, a m...
Storytelling pour votre entreprise est un Must. Storytelling in Business, a m...
 
Learning objects retrieval from contextual analysis of user preferences to en...
Learning objects retrieval from contextual analysis of user preferences to en...Learning objects retrieval from contextual analysis of user preferences to en...
Learning objects retrieval from contextual analysis of user preferences to en...
 
CBR Based Workflow Composition Assistant
CBR Based Workflow Composition AssistantCBR Based Workflow Composition Assistant
CBR Based Workflow Composition Assistant
 
Design de services
Design de servicesDesign de services
Design de services
 
Expérience Client : 6 leviers pour réussir
Expérience Client : 6 leviers pour réussirExpérience Client : 6 leviers pour réussir
Expérience Client : 6 leviers pour réussir
 
Quand Monsieur Experience rencontre Madame Marketing
Quand Monsieur Experience rencontre Madame MarketingQuand Monsieur Experience rencontre Madame Marketing
Quand Monsieur Experience rencontre Madame Marketing
 
2010-02 Migration vers le Cloud - Lancelot-Network
2010-02 Migration vers le Cloud - Lancelot-Network2010-02 Migration vers le Cloud - Lancelot-Network
2010-02 Migration vers le Cloud - Lancelot-Network
 
case based recommendation approach for market basket data
case based recommendation approach for market basket datacase based recommendation approach for market basket data
case based recommendation approach for market basket data
 
Introduction aux Technologies Web élaborée par Marouan OMEZZINE
Introduction aux Technologies Web élaborée par Marouan OMEZZINEIntroduction aux Technologies Web élaborée par Marouan OMEZZINE
Introduction aux Technologies Web élaborée par Marouan OMEZZINE
 
SaaS et Cloud, une révolution ?
SaaS et Cloud, une révolution ?SaaS et Cloud, une révolution ?
SaaS et Cloud, une révolution ?
 
Devenir une banque relationnelle de référence
Devenir une banque relationnelle de référenceDevenir une banque relationnelle de référence
Devenir une banque relationnelle de référence
 
Les systèmes de recommandations
Les systèmes de recommandationsLes systèmes de recommandations
Les systèmes de recommandations
 

Similaire à Le design d'expérience utilisateur - Bases

Méthodologie D’Intelligence D’Affaires
Méthodologie D’Intelligence D’AffairesMéthodologie D’Intelligence D’Affaires
Méthodologie D’Intelligence D’AffairesAlain Charpentier
 
PB VEILLE CONSULTING
PB VEILLE CONSULTINGPB VEILLE CONSULTING
PB VEILLE CONSULTINGPBVC007
 
1. Introduction à l'Expérience utilisateur
1. Introduction à l'Expérience utilisateur1. Introduction à l'Expérience utilisateur
1. Introduction à l'Expérience utilisateurLaurent Barbat
 
Altics - Benchmark
Altics - BenchmarkAltics - Benchmark
Altics - BenchmarkALTICS
 
Marketing Evénementiel Sportif - Electif Master ESC - séance 2
Marketing Evénementiel Sportif - Electif Master ESC - séance 2Marketing Evénementiel Sportif - Electif Master ESC - séance 2
Marketing Evénementiel Sportif - Electif Master ESC - séance 2Guillaume LAURIE
 
#Fiche Produit : Diagnostic & Feuille de Route (Big) Data Marketing !
#Fiche Produit : Diagnostic & Feuille de Route (Big) Data Marketing !#Fiche Produit : Diagnostic & Feuille de Route (Big) Data Marketing !
#Fiche Produit : Diagnostic & Feuille de Route (Big) Data Marketing !Camp de Bases (Webedia Data Services)
 
Flupa 2010 Personas Eric Brangier
Flupa 2010 Personas Eric BrangierFlupa 2010 Personas Eric Brangier
Flupa 2010 Personas Eric BrangierFlupa
 
grilles ccf épreuve E4 - négociation vente
grilles ccf épreuve E4 - négociation ventegrilles ccf épreuve E4 - négociation vente
grilles ccf épreuve E4 - négociation venteDomVaitilingom
 
Portails d'information
Portails d'informationPortails d'information
Portails d'informationSKennel
 
L’évolution du métier de veilleur
L’évolution du métier de veilleur L’évolution du métier de veilleur
L’évolution du métier de veilleur Camille A
 
analyse de la valeur-.pdf
analyse de la valeur-.pdfanalyse de la valeur-.pdf
analyse de la valeur-.pdfJabirArif
 
[FR] Solutions et Applications Spotter 2013
[FR] Solutions et Applications Spotter 2013[FR] Solutions et Applications Spotter 2013
[FR] Solutions et Applications Spotter 2013Celine Molina
 
Etudes Qualitatives COURS ISIMA.ppt
Etudes Qualitatives COURS ISIMA.pptEtudes Qualitatives COURS ISIMA.ppt
Etudes Qualitatives COURS ISIMA.pptAbdelhakim Fakhour
 
[FR] Présentation Corporate Spotter 2013
[FR] Présentation Corporate Spotter 2013[FR] Présentation Corporate Spotter 2013
[FR] Présentation Corporate Spotter 2013Celine Molina
 
Cm6.03 part2 veille_technologique_chunsi_ing
Cm6.03 part2 veille_technologique_chunsi_ingCm6.03 part2 veille_technologique_chunsi_ing
Cm6.03 part2 veille_technologique_chunsi_ingidigroupe6
 
Ergonomie des IHM web - Notes de cours (3/3)
Ergonomie des IHM web - Notes de cours (3/3)Ergonomie des IHM web - Notes de cours (3/3)
Ergonomie des IHM web - Notes de cours (3/3)ElodieDescharmes
 
Techniques documentaires et veille stratégique
Techniques documentaires et veille stratégiqueTechniques documentaires et veille stratégique
Techniques documentaires et veille stratégiqueapajard
 
MesInfos : la révolution des données personnelles partagées
MesInfos : la révolution des données personnelles partagéesMesInfos : la révolution des données personnelles partagées
MesInfos : la révolution des données personnelles partagéesFing
 

Similaire à Le design d'expérience utilisateur - Bases (20)

Méthodologie D’Intelligence D’Affaires
Méthodologie D’Intelligence D’AffairesMéthodologie D’Intelligence D’Affaires
Méthodologie D’Intelligence D’Affaires
 
PB VEILLE CONSULTING
PB VEILLE CONSULTINGPB VEILLE CONSULTING
PB VEILLE CONSULTING
 
1. Introduction à l'Expérience utilisateur
1. Introduction à l'Expérience utilisateur1. Introduction à l'Expérience utilisateur
1. Introduction à l'Expérience utilisateur
 
Altics - Benchmark
Altics - BenchmarkAltics - Benchmark
Altics - Benchmark
 
Marketing Evénementiel Sportif - Electif Master ESC - séance 2
Marketing Evénementiel Sportif - Electif Master ESC - séance 2Marketing Evénementiel Sportif - Electif Master ESC - séance 2
Marketing Evénementiel Sportif - Electif Master ESC - séance 2
 
Offre Search
Offre SearchOffre Search
Offre Search
 
#Fiche Produit : Diagnostic & Feuille de Route (Big) Data Marketing !
#Fiche Produit : Diagnostic & Feuille de Route (Big) Data Marketing !#Fiche Produit : Diagnostic & Feuille de Route (Big) Data Marketing !
#Fiche Produit : Diagnostic & Feuille de Route (Big) Data Marketing !
 
Flupa 2010 Personas Eric Brangier
Flupa 2010 Personas Eric BrangierFlupa 2010 Personas Eric Brangier
Flupa 2010 Personas Eric Brangier
 
grilles ccf épreuve E4 - négociation vente
grilles ccf épreuve E4 - négociation ventegrilles ccf épreuve E4 - négociation vente
grilles ccf épreuve E4 - négociation vente
 
Portails d'information
Portails d'informationPortails d'information
Portails d'information
 
L’évolution du métier de veilleur
L’évolution du métier de veilleur L’évolution du métier de veilleur
L’évolution du métier de veilleur
 
analyse de la valeur-.pdf
analyse de la valeur-.pdfanalyse de la valeur-.pdf
analyse de la valeur-.pdf
 
[FR] Solutions et Applications Spotter 2013
[FR] Solutions et Applications Spotter 2013[FR] Solutions et Applications Spotter 2013
[FR] Solutions et Applications Spotter 2013
 
Etudes Qualitatives COURS ISIMA.ppt
Etudes Qualitatives COURS ISIMA.pptEtudes Qualitatives COURS ISIMA.ppt
Etudes Qualitatives COURS ISIMA.ppt
 
Le docteur, cet entrepreneur
Le docteur, cet entrepreneurLe docteur, cet entrepreneur
Le docteur, cet entrepreneur
 
[FR] Présentation Corporate Spotter 2013
[FR] Présentation Corporate Spotter 2013[FR] Présentation Corporate Spotter 2013
[FR] Présentation Corporate Spotter 2013
 
Cm6.03 part2 veille_technologique_chunsi_ing
Cm6.03 part2 veille_technologique_chunsi_ingCm6.03 part2 veille_technologique_chunsi_ing
Cm6.03 part2 veille_technologique_chunsi_ing
 
Ergonomie des IHM web - Notes de cours (3/3)
Ergonomie des IHM web - Notes de cours (3/3)Ergonomie des IHM web - Notes de cours (3/3)
Ergonomie des IHM web - Notes de cours (3/3)
 
Techniques documentaires et veille stratégique
Techniques documentaires et veille stratégiqueTechniques documentaires et veille stratégique
Techniques documentaires et veille stratégique
 
MesInfos : la révolution des données personnelles partagées
MesInfos : la révolution des données personnelles partagéesMesInfos : la révolution des données personnelles partagées
MesInfos : la révolution des données personnelles partagées
 

Plus de Documation Gestion de l'information et du document numérique en entreprise

Plus de Documation Gestion de l'information et du document numérique en entreprise (20)

ZYNCRO - Zyncro, la solution de réseau social d'entreprise la plus complète ...
ZYNCRO  - Zyncro, la solution de réseau social d'entreprise la plus complète ...ZYNCRO  - Zyncro, la solution de réseau social d'entreprise la plus complète ...
ZYNCRO - Zyncro, la solution de réseau social d'entreprise la plus complète ...
 
W4 - L'IT et le métier ensemble pour des applications sur mesure
W4 - L'IT et le métier ensemble pour des applications sur mesureW4 - L'IT et le métier ensemble pour des applications sur mesure
W4 - L'IT et le métier ensemble pour des applications sur mesure
 
SQLI - Mise en place d'un private cloud avec SharePoint 2010 et les solutions...
SQLI - Mise en place d'un private cloud avec SharePoint 2010 et les solutions...SQLI - Mise en place d'un private cloud avec SharePoint 2010 et les solutions...
SQLI - Mise en place d'un private cloud avec SharePoint 2010 et les solutions...
 
SQLI - Réduire vos coûts et augmenter la productivité de vos équipes au trav...
SQLI -  Réduire vos coûts et augmenter la productivité de vos équipes au trav...SQLI -  Réduire vos coûts et augmenter la productivité de vos équipes au trav...
SQLI - Réduire vos coûts et augmenter la productivité de vos équipes au trav...
 
SPOTTER - Aide à la décision: technologies et indicateurs pour le marketing e...
SPOTTER - Aide à la décision: technologies et indicateurs pour le marketing e...SPOTTER - Aide à la décision: technologies et indicateurs pour le marketing e...
SPOTTER - Aide à la décision: technologies et indicateurs pour le marketing e...
 
SCENARI - Scenari 4 comment optimiser la rédaction collaborative et la gestio...
SCENARI - Scenari 4 comment optimiser la rédaction collaborative et la gestio...SCENARI - Scenari 4 comment optimiser la rédaction collaborative et la gestio...
SCENARI - Scenari 4 comment optimiser la rédaction collaborative et la gestio...
 
Mondeca - Smart content ou comment rendre vos contenus plus intelligents par...
Mondeca  - Smart content ou comment rendre vos contenus plus intelligents par...Mondeca  - Smart content ou comment rendre vos contenus plus intelligents par...
Mondeca - Smart content ou comment rendre vos contenus plus intelligents par...
 
Klee Group / Spark Archives - Gel des documents & e-discovery - comment arch...
Klee Group /  Spark Archives - Gel des documents & e-discovery - comment arch...Klee Group /  Spark Archives - Gel des documents & e-discovery - comment arch...
Klee Group / Spark Archives - Gel des documents & e-discovery - comment arch...
 
KODAK - Gestion documentaire enrichie pour SharePoint 2010 - capture, recher...
KODAK  - Gestion documentaire enrichie pour SharePoint 2010 - capture, recher...KODAK  - Gestion documentaire enrichie pour SharePoint 2010 - capture, recher...
KODAK - Gestion documentaire enrichie pour SharePoint 2010 - capture, recher...
 
ISIS PAPYRUS - Comment optimiser la gestion des cas dossiers pour améliorer...
ISIS PAPYRUS   - Comment optimiser la gestion des cas dossiers pour améliorer...ISIS PAPYRUS   - Comment optimiser la gestion des cas dossiers pour améliorer...
ISIS PAPYRUS - Comment optimiser la gestion des cas dossiers pour améliorer...
 
INGE COM - Optimisez vos processus métiers en dématérialisant vos courriers e...
INGE COM - Optimisez vos processus métiers en dématérialisant vos courriers e...INGE COM - Optimisez vos processus métiers en dématérialisant vos courriers e...
INGE COM - Optimisez vos processus métiers en dématérialisant vos courriers e...
 
FLA Consultants - Présentation des principaux serveurs agrégateurs
FLA Consultants  - Présentation des principaux serveurs agrégateursFLA Consultants  - Présentation des principaux serveurs agrégateurs
FLA Consultants - Présentation des principaux serveurs agrégateurs
 
ESKER - Diminuez vos coûts et augmentez votre productivité en dématérialisant...
ESKER - Diminuez vos coûts et augmentez votre productivité en dématérialisant...ESKER - Diminuez vos coûts et augmentez votre productivité en dématérialisant...
ESKER - Diminuez vos coûts et augmentez votre productivité en dématérialisant...
 
Coexel - Retour d'expérience du centre national RFID mytwip® – solution col...
Coexel  - Retour d'expérience  du centre national RFID mytwip® – solution col...Coexel  - Retour d'expérience  du centre national RFID mytwip® – solution col...
Coexel - Retour d'expérience du centre national RFID mytwip® – solution col...
 
Campana & Schott - MS Project et SharePoint Serve, des projets plus performa...
Campana & Schott  - MS Project et SharePoint Serve, des projets plus performa...Campana & Schott  - MS Project et SharePoint Serve, des projets plus performa...
Campana & Schott - MS Project et SharePoint Serve, des projets plus performa...
 
Calinda Software - Comment accélérer le déploiement et l'adoption progressive...
Calinda Software - Comment accélérer le déploiement et l'adoption progressive...Calinda Software - Comment accélérer le déploiement et l'adoption progressive...
Calinda Software - Comment accélérer le déploiement et l'adoption progressive...
 
Bentley Systems - Les avantages de Project Wise, solution logicielle permetta...
Bentley Systems - Les avantages de Project Wise, solution logicielle permetta...Bentley Systems - Les avantages de Project Wise, solution logicielle permetta...
Bentley Systems - Les avantages de Project Wise, solution logicielle permetta...
 
Armadillo - Web sémantique, les outils d’un open data culturel
Armadillo  - Web sémantique, les outils d’un open data culturelArmadillo  - Web sémantique, les outils d’un open data culturel
Armadillo - Web sémantique, les outils d’un open data culturel
 
ADBS & Veille Magazine - Pratiques et usages de l'information professionnelle...
ADBS & Veille Magazine - Pratiques et usages de l'information professionnelle...ADBS & Veille Magazine - Pratiques et usages de l'information professionnelle...
ADBS & Veille Magazine - Pratiques et usages de l'information professionnelle...
 
ERIC Archivage et MULTIGEST
ERIC Archivage et MULTIGESTERIC Archivage et MULTIGEST
ERIC Archivage et MULTIGEST
 

Le design d'expérience utilisateur - Bases

  • 1. * CONCEVOIR POUR L’EXPERIENCE UTILISATEUR RÉVISION POUR TOUS
  • 2. QUEL EST VOTRE PROCESS DE CONCEPTION ? DESIGN Panique non Validation oui Livré en Client retard INSPIRÉ PAR : smashingmagazine.com/2010/10/05/what-is-user-experience-design-overview-tools-and-resources/
  • 3. Design Contenu UX/IA Business Technologie
  • 4. Design Forme Contenu Fond Objectif Business Fonction Technologie
  • 5. Design Forme Contenu Fond Objectif Business Fonction Technologie
  • 6. 5 NIVEAUX 1. DECOUVERTE 2. CONCEPT 3. ORGANISATION 4. DESIGN 5. MANAGEMENT DE PRODUCTION
  • 8. Recherches Utilisateurs - Sources: metrics, analyses... - Recherches: ethnographie... Quantitatif + Qualitatif DÉCOUVERTE
  • 9. Recherches Utilisateurs - Sources: metrics, analyses... - Recherches: ethnographie... Quantitatif + Qualitatif DÉCOUVERTE
  • 10. Recherches Utilisateurs - Sources: metrics, analyses... - Recherches: ethnographie... Quantitatif + Qualitatif DÉCOUVERTE Audit - Sources: contenus, experience Business analyst - Besoins: audit, demande... - Equipe: capacité, organisation...
  • 11. Recherches Modèles Utilisateurs Utilisateurs - Segments: marché - Personas: comportements - Sources: metrics, analyses... - Scénario d’usage: outil conceptuel - Recherches: ethnographie... Quantitatif + Qualitatif DÉCOUVERTE Audit - Sources: contenus, experience Business analyst - Besoins: audit, demande... - Equipe: capacité, organisation...
  • 12. Recherches Modèles Utilisateurs Utilisateurs - Segments: marché - Personas: comportements - Sources: metrics, analyses... - Scénario d’usage: outil conceptuel - Recherches: ethnographie... Quantitatif + Qualitatif DÉCOUVERTE Audit - Sources: contenus, experience Business analyst - Besoins: audit, demande... - Equipe: capacité, organisation...
  • 13. Recherches Modèles Utilisateurs Utilisateurs - Segments: marché - Personas: comportements - Sources: metrics, analyses... - Scénario d’usage: outil conceptuel - Recherches: ethnographie... Quantitatif + Qualitatif DÉCOUVERTE Audit - Sources: contenus, experience Business analyst - Besoins: audit, demande... - Equipe: capacité, organisation...
  • 14. Recherches Modèles Utilisateurs Utilisateurs - Segments: marché - Personas: comportements - Sources: metrics, analyses... - Scénario d’usage: outil conceptuel - Recherches: ethnographie... Quantitatif + Qualitatif DÉCOUVERTE Benchmark - Collecte, capture, Audit veille appliquée - Sources: contenus, experience Business analyst - Besoins: audit, demande... - Equipe: capacité, organisation...
  • 15. Recherches Modèles Utilisateurs Utilisateurs - Segments: marché - Personas: comportements - Sources: metrics, analyses... - Scénario d’usage: outil conceptuel - Recherches: ethnographie... Quantitatif + Qualitatif DÉCOUVERTE Benchmark - Collecte, capture, Audit veille appliquée - Sources: contenus, experience Business analyst - Besoins: audit, demande... - Equipe: capacité, organisation...
  • 16. Recherches Modèles Utilisateurs Utilisateurs - Segments: marché - Personas: comportements - Sources: metrics, analyses... - Scénario d’usage: outil conceptuel - Recherches: ethnographie... Quantitatif + Qualitatif DÉCOUVERTE Benchmark - Collecte, capture, Audit veille appliquée - Sources: contenus, experience Business analyst - Besoins: audit, demande... - Equipe: capacité, organisation...
  • 17. Recherches Modèles Utilisateurs Utilisateurs - Segments: marché - Personas: comportements - Sources: metrics, analyses... - Scénario d’usage: outil conceptuel - Recherches: ethnographie... Quantitatif GRILLE DE SYNTHÈSE + Qualitatif DÉCOUVERTE Benchmark - Collecte, capture, Audit veille appliquée - Sources: contenus, experience Business analyst - Besoins: audit, demande... - Equipe: capacité, organisation...
  • 18. Recherches Modèles Utilisateurs Utilisateurs - Segments: marché - Personas: comportements - Sources: metrics, analyses... - Scénario d’usage: outil conceptuel - Recherches: ethnographie... Quantitatif GRILLE DE SYNTHÈSE + Qualitatif DÉCOUVERTE Benchmark - Collecte, capture, Audit veille appliquée - Sources: contenus, experience Business analyst - Besoins: audit, demande... - Equipe: capacité, organisation...
  • 19. Recherches Modèles Utilisateurs Utilisateurs - Segments: marché - Personas: comportements - Sources: metrics, analyses... - Scénario d’usage: outil conceptuel - Recherches: ethnographie... Quantitatif GRILLE DE SYNTHÈSE + Qualitatif DÉCOUVERTE Benchmark - Collecte, capture, Audit veille appliquée - Sources: contenus, experience Business analyst - Besoins: audit, demande... - Equipe: capacité, organisation...
  • 21. “IdeatioD’IDÉES GENERATION n” - Diviser par questi/ons ence - Scénaritelling / boarding o d’usage d’expéri - Storyquoi la page d’accueil (par persona) - C’estner la boite - Desig - ... CONCEPT
  • 22. “IdeatioD’IDÉES GENERATION n” - Diviser par questi/ons ence - Scénaritelling / boarding o d’usage d’expéri - Storyquoi la page d’accueil (par persona) - C’estner la boite - Desig - ... CONCEPT source: http://www.learninglab.jumpassociates.com/?p=113
  • 23. “IdeatioD’IDÉES GENERATION n” - Diviser par questi/ons ence - Scénaritelling / boarding o d’usage d’expéri - Storyquoi la page d’accueil (par persona) - C’estner la boite - Desig - ... CONCEPT source: adaptive path
  • 24. “IdeatioD’IDÉES GENERATION n” - Diviser par questi/ons ence - Scénaritelling / boarding o d’usage d’expéri - Storyquoi la page d’accueil (par persona) - C’estner la boite - Desig - ... CONCEPT source: http://weizhou.wordpress.com/2008/07/07/prototype/
  • 25. “IdeatioD’IDÉES GENERATION n” - Diviser par questi/ons ence - Scénaritelling / boarding o d’usage d’expéri - Storyquoi la page d’accueil (par persona) - C’estner la boite - Desig - ... CONCEPT
  • 26. “IdeatioD’IDÉES GENERATION n” - Diviser par questi/ons ence - Scénaritelling / boarding o d’usage d’expéri - Storyquoi la page d’accueil (par persona) - C’estner la boite - Desig - ... CONCEPT
  • 27. “IdeatioD’IDÉES n” GENERATION - Diviser par questi/ons ence - Scénaritelling / boarding o d’usage d’expéri Modélisation - Storyquoi la page d’accueil (par persona) - C’estner la boite - Desig - ... CONCEPT
  • 28. Stratégie “IdeatioD’IDÉES n” d’ensemble GENERATION - Diviser par questi/ons ence - Scénaritelling / boarding o d’usage d’expéri Modélisation - Storyquoi la page d’accueil (par persona) Stratégie des Stratégie - C’estner la boite - Desig contenus Fonctionnelle - ... CONCEPT + modèles hybrides
  • 29. Stratégie “IdeatioD’IDÉES n” d’ensemble GENERATION - Diviser par questi/ons ence - Scénaritelling / boarding o d’usage d’expéri Modélisation - Storyquoi la page d’accueil (par persona) Stratégie des Stratégie - C’estner la boite - Desig contenus Fonctionnelle - ... CONCEPT + modèles hybrides
  • 30. Stratégie “IdeatioD’IDÉES n” d’ensemble GENERATION - Diviser par questi/ons ence - Scénaritelling / boarding o d’usage d’expéri Modélisation - Storyquoi la page d’accueil (par persona) Stratégie des Stratégie - C’estner la boite - Desig contenus Fonctionnelle - ... CONCEPT + modèles hybrides
  • 31. Stratégie “IdeatioD’IDÉES n” d’ensemble GENERATION - Diviser par questi/ons ence - Scénaritelling / boarding o d’usage d’expéri Modélisation - Storyquoi la page d’accueil (par persona) Stratégie des Stratégie - C’estner la boite - Desig contenus Fonctionnelle - ... CONCEPT + modèles hybrides
  • 32. Stratégie “IdeatioD’IDÉES n” d’ensemble GENERATION - Diviser par questi/ons ence - Scénaritelling / boarding o d’usage d’expéri Modélisation - Storyquoi la page d’accueil (par persona) Stratégie des Stratégie - C’estner la boite - Desig contenus Fonctionnelle - ... CONCEPT + modèles hybrides
  • 33. Stratégie “IdeatioD’IDÉES n” d’ensemble GENERATION - Diviser par questi/ons ence - Scénaritelling / boarding o d’usage d’expéri Modélisation - Storyquoi la page d’accueil (par persona) Stratégie des Stratégie - C’estner la boite - Desig contenus Fonctionnelle - ... CONCEPT + modèles hybrides
  • 34. Stratégie “IdeatioD’IDÉES n” d’ensemble GENERATION - Diviser par questi/ons ence - Scénaritelling / boarding o d’usage d’expéri Modélisation - Storyquoi la page d’accueil (par persona) Stratégie des Stratégie - C’estner la boite - Desig contenus Fonctionnelle - ... CONCEPT + modèles hybrides
  • 35. Stratégie “IdeatioD’IDÉES n” d’ensemble GENERATION - Diviser par questi/ons ence - Scénaritelling / boarding o d’usage d’expéri Modélisation - Storyquoi la page d’accueil (par persona) Stratégie des Stratégie - C’estner la boite - Desig contenus Fonctionnelle - ... CONCEPT + modèles hybrides
  • 36. Stratégie “IdeatioD’IDÉES n” d’ensemble GENERATION - Diviser par questi/ons ence - Scénaritelling / boarding o d’usage d’expéri Modélisation - Storyquoi la page d’accueil (par persona) Stratégie des Stratégie - C’estner la boite - Desig contenus Fonctionnelle - ... CONCEPT + modèles hybrides Visualisation Principes: - Construirerapidementd’ensemble une vision - Visualiser Méthode: CROQUIS
  • 37. 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....
  • 38. 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....
  • 39. 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....
  • 40. Stratégie “IdeatioD’IDÉES n” d’ensemble GENERATION - Diviser par questi/ons ence - Scénaritelling / boarding o d’usage d’expéri Modélisation - Storyquoi la page d’accueil (par persona) Stratégie des Stratégie - C’estner la boite - Desig contenus Fonctionnelle - ... CONCEPT + modèles hybrides Visualisation Principes: - Construirerapidementd’ensemble une vision - Visualiser Méthode: CROQUIS
  • 42. Périmoètre foncti nnel Definition des fonctions, des formats, des principes d’interaction... ORGANISATION
  • 43. Périmoètre foncti nnel Definition des fonctions, des formats, des principes d’interaction... ORGANISATION
  • 44. Périmoètre foncti nnel Definition des fonctions, des formats, des principes d’interaction... ORGANISATION
  • 45. Périmoètre foncti nnel Definition des fonctions, des formats, des principes d’interaction... ORGANISATION
  • 46. Périmoètre foncti nnel Definition des fonctions, des formats, des principes d’interaction... ORGANISATION Objectifs: - lister rles fonctions ent - obteniun un accord cli - fairmatiobudgetproduction e esti n de et une
  • 47. Périmoètre foncti nnel Definition des fonctions, Management des Contenus des formats, des principes d’interaction... Tableau Matrice des de page ORGANISATION contenus
  • 48. Périmoètre foncti nnel Definition des fonctions, Management des Contenus des formats, des principes d’interaction... Tableau Matrice des de page ORGANISATION contenus
  • 49. Périmoètre foncti nnel Definition des fonctions, Management des Contenus des formats, des principes d’interaction... Tableau Matrice des de page ORGANISATION contenus
  • 50. Périmoètre foncti nnel Definition des fonctions, Management des Contenus des formats, des principes d’interaction... Tableau Matrice des de page ORGANISATION contenus
  • 51. Périmoètre foncti nnel Definition des fonctions, Management des Contenus des formats, des principes d’interaction... Tableau Matrice des de page ORGANISATION contenus Structure Plan de site Arborescence Logique Méthode: Méthode: d’ensemble -Vue détaillée tableur schéma -Nommage ou arbre -Références
  • 52. Périmoètre foncti nnel Definition des fonctions, Management des Contenus des formats, des principes d’interaction... Tableau Matrice des de page ORGANISATION contenus Structure Plan de site Arborescence Logique Méthode: Méthode: d’ensemble -Vue détaillée tableur schéma -Nommage ou arbre -Références
  • 53. Périmoètre foncti nnel Definition des fonctions, Management des Contenus des formats, des principes d’interaction... Tableau Matrice des de page ORGANISATION contenus Structure Plan de site Arborescence Logique Méthode: Méthode: d’ensemble -Vue détaillée tableur schéma -Nommage ou arbre -Références
  • 55. Desiognnel foncti n Shémas de Flux structure` logiques (wireframes) DESIGN
  • 56. Desiognnel foncti n Shémas de Flux structure` logiques (wireframes) DESIGN
  • 57. Desiognnel foncti n Shémas de Flux structure` logiques (wireframes) DESIGN
  • 58. Desiognnel foncti n Shémas de Flux structure` logiques (wireframes) DESIGN
  • 59. Desiognnel foncti n d Design on ,interacti Shémas de Flux Charte Comportements d’interaction structure` logiques (wireframes) DESIGN des objets
  • 60. Desiognnel foncti n d Design on ,interacti Shémas de Flux Charte Comportements d’interaction structure` logiques (wireframes) DESIGN des objets
  • 61. Desiognnel foncti n d Design on ,interacti Shémas de Flux Charte Comportements d’interaction structure` logiques (wireframes) DESIGN des objets
  • 62. Desiognnel foncti n d Design on ,interacti Shémas de Flux Charte Comportements d’interaction structure` logiques (wireframes) DESIGN des objets
  • 63. Desiognnel foncti n d Design on ,interacti Shémas de Flux Charte Comportements d’interaction structure` logiques (wireframes) DESIGN des objets
  • 64. Desiognnel foncti n d Design on ,interacti Shémas de Flux Charte Comportements d’interaction structure` logiques (wireframes) DESIGN des objets
  • 65. Desiognnel foncti n d Design on ,interacti Shémas de Flux Charte Comportements d’interaction structure` logiques (wireframes) DESIGN des objets Prototype
  • 66. Desiognnel foncti n d Design on ,interacti Shémas de Flux Charte Comportements d’interaction structure` logiques (wireframes) DESIGN des objets Prototype Basse définition - Papier - Balsamiq
  • 67. Desiognnel foncti n d Design on ,interacti Shémas de Flux Charte Comportements d’interaction structure` logiques (wireframes) DESIGN des objets Prototype Basse Moyenne définition définition - Papier - Wiqruables cli eframes - Balsamiq - Demo client Flash ou autre
  • 68. Desiognnel foncti n 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 - Prototype de cli eframes développement - Balsamiq - Demo client HTML/CSS/DOM ou FLASH Flash ou autre
  • 69. Desiognnel foncti n d Design on ,interacti Shémas de Flux Charte Comportements d’interaction structure` logiques (wireframes) DESIGN des objets Prototype
  • 70. Desiognnel foncti n d Design on ,interacti Shémas de Flux Charte Comportements d’interaction structure` logiques (wireframes) DESIGN des objets Prototype Basse définition - Papier - Balsamiq
  • 71. Desiognnel foncti n d Design on ,interacti Shémas de Flux Charte Comportements d’interaction structure` logiques (wireframes) DESIGN des objets Prototype Basse Moyenne définition définition - Papier - Wiqruables cli eframes - Balsamiq - Demo client Flash ou autre
  • 72. Desiognnel foncti n 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 - Prototype de cli eframes développement - Balsamiq - Demo client HTML/CSS/DOM ou FLASH Flash ou autre
  • 73. Desiognnel foncti n d Design on ,interacti Shémas de Flux Charte Comportements d’interaction structure` logiques (wireframes) DESIGN des objets Prototype
  • 74. Desiognnel foncti n d Design on ,interacti Shémas de Flux Charte Comportements d’interaction structure` logiques (wireframes) DESIGN des objets Prototype Basse définition - Papier - Balsamiq
  • 75. Desiognnel foncti n d Design on ,interacti Shémas de Flux Charte Comportements d’interaction structure` logiques (wireframes) DESIGN des objets Prototype Basse Moyenne définition définition - Papier - Wiqruables cli eframes - Balsamiq - Demo client Flash ou autre
  • 76. Desiognnel foncti n 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 - Prototype de cli eframes développement - Balsamiq - Demo client HTML/CSS/DOM ou FLASH Flash ou autre
  • 77. Desiognnel foncti n 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 - Prototype de cli eframes développement - Balsamiq - Demo client HTML/CSS/DOM ou FLASH Flash ou autre
  • 78. Desiognnel foncti n 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 - Prototype de cli eframes développement - Balsamiq - Demo client HTML/CSS/DOM ou FLASH Flash ou autre
  • 79. Desiognnel foncti n 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 - Prototype de cli eframes développement - Balsamiq - Demo client HTML/CSS/DOM ou FLASH Flash ou autre
  • 80. Desiognnel foncti n d Design on ,interacti Shémas de Flux Charte Comportements d’interaction structure` logiques (wireframes) DESIGN des objets Prototype Interface Basse Moyenne Haute définition définition définition Lisibilité Composants (technologie) (fond) - Papier - Wiqruables - Prototype de cli eframes développement Grille Navigation - Balsamiq - Demo client HTML/CSS/DOM (forme) (fonction) ou FLASH Flash ou autre
  • 81. * 5 MANAGEMENT DE PRODUCTION
  • 82. Specifications Production Production Specifications Fonctionnelles graphique de contenus techniques MANAGEMENT DE PRODUCTION
  • 83. Specifications Production Production Specifications Fonctionnelles graphique de contenus techniques MANAGEMENT DE PRODUCTION PRODUCTION DES SHEMAS DE STRUCTURE (WIREFRAMES) - a fairefier STATUS - a modi - validé
  • 84. Specifications Production Production Specifications Fonctionnelles graphique de contenus techniques MANAGEMENT DE PRODUCTION PRODUCTION DES SHEMAS DE STRUCTURE (WIREFRAMES) - a fairefier STATUS - a modi - validé
  • 85. Specifications Production Production Specifications Fonctionnelles graphique de contenus techniques MANAGEMENT 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
  • 86. Specifications Production Production Specifications Fonctionnelles graphique de contenus techniques MANAGEMENT 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
  • 87. Specifications Production Production Specifications Fonctionnelles graphique de contenus techniques MANAGEMENT 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
  • 88. Specifications Production Production Specifications Fonctionnelles graphique de contenus techniques architecte n d’informatio chef de ITÉRATION projet designer d’interface MANAGEMENT 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
  • 90. 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
  • 91. AGILITÉ DU PROCESSUS Découverte Concept Organisation Design Production Niveau d’engagement Niveau d’engagement ITERATIONS 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