SlideShare une entreprise Scribd logo
CONCEPTION
Master 2 : Management et Ingénierie de la Communication Numérique Interactive


A. Introduction au design d'expérience utilisateur (UXD)




              Janvier 2010
              Ecole des Gobelins
              David Raichman
              Senior UX Designer @ OgilvyInteractive
Conception | Introduction au design d’expérience utilisateur

Les cours de conception




A. Introduction au design d’expérience utilisateur (UXD)

B. Les livrables de l’UXD

C. La recherche utilisateur

D. Framework fonctionnel et stratégie des contenus

E. Design d’interaction, design d’interface et protoypage

F. Utilisabilité
Conception | Introduction au design d’expérience utilisateur




A. Introduction au design d’expérience utilisateur

1. Contexte
2. Définir l’expérience utilisateur (UX)
3. Fondements de l’UX Design
4. Les domaines de l’UXD
5. L’UXD et l’entreprise
6. Références
Conception | Introduction au design d’expérience utilisateur

1. Contexte / Préambule




   Dans ce cours, on se focalisera sur le design d’expérience utilisateur
                dans le contexte digital (web, mobile...)
Conception | Introduction au design d’expérience utilisateur

1. Contexte / Un marché en permanente évolution




‣Globalisation
‣Enjeux environnementaux
‣Digitalisation
Conception | Introduction au design d’expérience utilisateur

1. Contexte / Un marché en permanente évolution

  Porosité des secteurs




                            Media

                                                                 Web
                                                                       Mobile
Conception | Introduction au design d’expérience utilisateur

1. Contexte / Un marché en permanente évolution

  Porosité des secteurs



                                              Radio
                                                            Press
                                                                         Music

                                 Virtual
                                           Game    Web        Social
                                                                            iTunes
                                                   e-
                                               commerce
                                                          Service




                                                          mobile   TV
                                              Game
                          Interactive   TV                              mobile
                                                                                   Game

                                                           Press
                                           Press                          Social
Conception | Introduction au design d’expérience utilisateur

1. Contexte / Accélération technologique

  Croissance du nombre de sites web par ans
Conception | Introduction au design d’expérience utilisateur

1. Contexte / Accélération technologique

  Croissance du nombre d’utilisateurs par ans
Conception | Introduction au design d’expérience utilisateur

1. Contexte / Nouveaux rapports aux produits et services

  Evolution du nombre d’organisations dans la relation avec un utilisateur final



  Années 70 - 80
  Produit technologique traditionnel




         Utilisateur                                                     Ventes / Réparation
Conception | Introduction au design d’expérience utilisateur

1. Contexte / Nouveaux rapports aux produits et services

  Evolution du nombre d’organisations dans la relation avec un utilisateur final



  Années 90
  Logiciel de bureautique traditionnel




                                                                         Ventes

         Utilisateur


                                                                         Support
Conception | Introduction au design d’expérience utilisateur

1. Contexte / Nouveaux rapports aux produits et services

  Evolution du nombre d’organisations dans la relation avec un utilisateur final



  Années 2000
  Sites web




                                                                         FAI

         Utilisateur


                                                                         Fournisseur du site
Conception | Introduction au design d’expérience utilisateur

1. Contexte / Nouveaux rapports aux produits et services

  Evolution du nombre d’organisations dans la relation avec un utilisateur final



  Années 2000
  Mobile


                                                                          Fabriquant du mobile




                                                                          Fournisseur du réseau


           Utilisateur


                                                                          Fournisseur de l’application




                                                                          Fournisseur de contenus
Conception | Introduction au design d’expérience utilisateur

1. Contexte / Nouveaux rapports aux produits et services

  Coévolution




     prosommation                                                co-innovation


     piratage / hacking                                            opensource
Conception | Introduction au design d’expérience utilisateur

1. Contexte / Nouveaux rapports aux produits et services

  Coévolution




                                                                 temps
Conception | Introduction au design d’expérience utilisateur

1. Contexte / Apparition de nouveaux métiers




                    Architecte de l’information
Conception | Introduction au design d’expérience utilisateur

1. Contexte / Apparition de nouveaux métiers




                                Ergonome web
Conception | Introduction au design d’expérience utilisateur

1. Contexte / Apparition de nouveaux métiers




                               Motion designer
Conception | Introduction au design d’expérience utilisateur

1. Contexte / Apparition de nouveaux métiers




                             Content strategist
Conception | Introduction au design d’expérience utilisateur

1. Contexte / Apparition de nouveaux métiers




                                 Flash designer
Conception | Introduction au design d’expérience utilisateur

1. Contexte / Apparition de nouveaux métiers




                             Interaction designer
Conception | Introduction au design d’expérience utilisateur

1. Contexte / Apparition de nouveaux métiers




                                      UX architect
Conception | Introduction au design d’expérience utilisateur

1. Contexte / Apparition de nouveaux métiers




                                                   ...
Conception | Introduction au design d’expérience utilisateur

1. Contexte / Importance du design




Le design joue un rôle croissant dans la création de produits
et de services
Deux idées reçues :
    ‣ «le design, c’est une affaire d’esthétique»
    ‣ «c’est faire un produit dans la tendance du moment (Apple,
    Google...)»
Conception | Introduction au design d’expérience utilisateur

1. Contexte / Importance du design




Le design est une activité qui repose sur les éléments
suivants :
    ‣ Empathie
    ‣ Résolution de problèmes
    ‣ Création d’idées, de concepts et protoypage
    ‣ Recherche d’alternatives, de nouveaux paradigmes
Conception | Introduction au design d’expérience utilisateur

1. Contexte / Importance du design




Le design comme méthodologie est applicable à des
domaines très différents :

    ‣ Architecture
    ‣ Graphisme
    ‣ Son
    ‣ Automobile
    ‣ Les technologies de l’information
    ‣ L’expérience utilisateur
    ‣ ...
Conception | Introduction au design d’expérience utilisateur




A. Introduction au design d’expérience utilisateur
1. Contexte

2. Définir l’expérience utilisateur (UX)
3. Fondements de l’UX Design
4. Les domaines de l’UXD
5. L’UXD et l’entreprise
6. Références
Conception | Introduction au design d’expérience utilisateur

2. Définir l’expérience utilisateur / Définition




    « L’expérience utilisateur (en anglais, UX) décrit toute
        expérience et satisfaction qu’un utilisateur peut vivre et
        ressentir lorsqu’il utilise un produit ou un système. »
Conception | Introduction au design d’expérience utilisateur

2. Définir l’expérience utilisateur / “Experience is the product”




              "You press the button, we do the rest."
                                        George Eastman, 1888
Conception | Introduction au design d’expérience utilisateur

2. Définir l’expérience utilisateur / “Experience is the product”




                                “When you start looking at a problem and it seems
                                really simple, you don't really understand the
                                complexity of the problem. Then you get into the
                                problem, and you see that it's really complicated,
                                and you come up with all these convoluted solutions.

                                That's sort of the middle, and that's where most
                                people stop....

                                But the really great person will keep on going and
                                find the key, the underlying principle of the problem
                                —and come up with an elegant, really beautiful
                                solution that works.”

                               Steve Jobs, 1984
Conception | Introduction au design d’expérience utilisateur

2. Définir l’expérience utilisateur / “Experience is the product”




                                               Produit


                                             Technologie
Conception | Introduction au design d’expérience utilisateur

2. Définir l’expérience utilisateur / “Experience is the product”




                                               Produit



                                     Fonctionnalités
Conception | Introduction au design d’expérience utilisateur

2. Définir l’expérience utilisateur / “Experience is the product”



                                               Produit




                            Expérience
Conception | Introduction au design d’expérience utilisateur

2. Définir l’expérience utilisateur / “Experience is the product”




         Experience IS the product
Conception | Introduction au design d’expérience utilisateur

2. Définir l’expérience utilisateur / L’expérience des objets quotidiens




                                      “Why do we put up with the frustrations of
                                      everyday objects, with objects that we can’t
                                      figure out how to use, with those neat plastic
                                      wrapped packages that seem impossible to
                                      open, with doors that trap people, with
                                      washing machines and dryers that have
                                      become too confusing to [...] ?”

                                      Donald A. Norman
                                      The design of everyday things, 1988, Basic books
Conception | Introduction au design d’expérience utilisateur

2. Définir l’expérience utilisateur / La problématique du digital (web, mobile...)




                                      [...] a web site is a “self-service” product. There
                                      is no instruction manual to read beforehand,
                                      no training seminar to attend, no customer
                                      service representative to help the user through
                                      site. There is only the user, facing the site
                                      alone with only her wits and experience to
                                      guide her.
                                      Jesse James Garett
                                      The elements of user experience, 2002, New Riders
Conception | Introduction au design d’expérience utilisateur

2. Définir l’expérience utilisateur / Les facettes de l’expérience utilisateur digitale




                                                     useful


                                 usable                                       desirable

                                                   valuable

                                findable                                    accessible

                                                   credible


                                                        D’après P. Morville, http://semanticstudios.com/publications/semantics/000029.php, 2004
Conception | Introduction au design d’expérience utilisateur




A. Introduction au design d’expérience utilisateur
1. Contexte
2. Définir l’expérience utilisateur (UX)

3. Fondements de l’UX Design
4. Les domaines de l’UXD
5. L’UXD et l’entreprise
6. Références
Conception | Introduction au design d’expérience utilisateur

3. Fondements de l’UX Design / Origines

  Les 3 influences de l’UXD                                         HCI




                                                             Computer graphics




                                                            Design d’interface


                      Ergonomie                                                                 Design industriel
                                                                                  Design
                                            Utilisabilité                   d’interaction
                                                                 UXD
                                            Recherche
                      Segmentation                                                                Méta-données
                                            utilisateurs
                      utilisateurs                                           Architecture
                                                                         de l’information

                             Marque                    Stratégie                                Archivage




                                      CRM                                                 Taxonomie
               Marketing                                                                                      Library Science

                                                Etude de marché          Documentalisme
Conception | Introduction au design d’expérience utilisateur

3. Fondements de l’UX Design / Origines

  Les 3 influences de l’UXD                                       HCI




                                                         Computer graphics




                                                         Mark Boulton
                                                        Douglas Bowman
                                                         Jenifer Tidwell
                      Ergonomie                                                               Design industriel
                                        Donald Norman
                                         Don Norman                     Alan Cooper
                                            Jakob Nielsen               Bill Moggridge
                                                             UXD
                      Segmentation                                                              Méta-données
                      utilisateurs
                                            Jesse James Garett         Peter Morville


                             Marque                     Louis Rosenfeld                       Archivage




                                      CRM                                               Taxonomie
               Marketing                                                                                    Library Science

                                               Etude de marché         Documentalisme
Conception | Introduction au design d’expérience utilisateur

3. Fondements de l’UX Design / Design centré sur utilisateur (UCD)

  Premiers pas vers le design centré sur l’utilisateur


                                 “We bear in mind that the object being worked on is
                                 going to be ridden in, sat upon, looked at, talked
                                 into, activated, operated, or in some other way used
                                 by people individually or en masse.

                                 When the point of contact between the product and
                                 the people becomes a point of friction, then the […]
                                 designer has failed.

                                 On the other hand, if people are made safer, more
                                 comfortable, more eager to purchase, more efficient
                                 —or just plain happier—by contact with the product,
                                 then the designer has succeeded.”

                                 Henry Dreyfuss,1955
                                 Designing for People, Allworth Press
Conception | Introduction au design d’expérience utilisateur

3. Fondements de l’UX Design / Design centré sur utilisateur (UCD)



L’UCD s’est formalisée grâce à la standardisation de la
conception des applications informatiques (ISO 13407),
nommée «conception centré sur l’humain»

Le processus de conception centré sur l’humain définit un
processus général incluant les activité centrés sur les
humains par le biais d’un cycle de développement, mais ne
spécifie pas exactement la méthode.
Conception | Introduction au design d’expérience utilisateur

3. Fondements de l’UX Design / Design centré sur utilisateur (UCD)

  Processus de conception centré sur l’humain (norme ISO 13407)




           Identifier les besoins pour
          le design centré utilisateur



                                         Spécifier le contexte d’utilisation




      Evaluer les solutions                                                   Spécifier les exigences
                                          Les exigences sont atteintes
        de conception                                                              utilisateurs




                                              Produire des solutions
                                                 de conceptions
Conception | Introduction au design d’expérience utilisateur

3. Fondements de l’UX Design / Design centré sur utilisateur (UCD)


Ce qu’il faut retenir sur l’UCD :

‣ Comprendre les besoins des utilisateurs (Recherche utilisateur)
‣ Concevoir des solutions qui répondent à ces besoins
‣ Faire participer les utilisateurs dans le processus de conception
‣ Conduire des tests avec les utilisateurs
‣ Modifier la conception itérativement tant que les tests ne sont
pas satisfaisants


                                                   Design


                                                 itérations
                         Test utilisateur
                                                                     Prototype
                          et évaluation
Conception | Introduction au design d’expérience utilisateur

3. Fondements de l’UX Design / Design centré sur utilisateur (UCD)




       L’UX Design est un processus centré sur l’utilisateur
Conception | Introduction au design d’expérience utilisateur

3. Fondements de l’UX Design / Les éléments de Garett



         5 plans
                  Surface : rassemblons tout. Quelle
                  est l’apparence du produit fini ?



                  Squelette : rendons les choses
                  concrètes. Quels composants vont
                  être à la disposition des
                  utilisateurs ?


                  Structure : rassemblons les
                  briques. Comment les différents
                  éléments vont-ils se comporter et
                  vivre ensemble ?



                  Périmètre : transformons la
                  stratégie en recommandation.
                  Quelles sont les fonctionnalités ?



                  Strategie : que voulons-nous
                  retirer du site ? Quel sont les
                  besoins des utilisateurs ?




                                                                 D’après J.J. Garett, The elements of user experiences, 2003, New Riders
Conception | Introduction au design d’expérience utilisateur




A. Introduction au design d’expérience utilisateur
1. Contexte
2. Définir l’expérience utilisateur (UX)
3. Fondements de l’UX Design

4. Les domaines de l’UXD
5. L’UXD et l’entreprise
6. Références
Conception | Introduction au design d’expérience utilisateur

4. Les domaines de l’UXD / Pluridisciplinarité




                                                           UX Strategy
                                                           ! Definition des besoins
                                                           ! Etude de contextes d’usage
                                                           ! Strategie fonctionnelle
                           IA                              ! Strategie des contenus

                           ! Parcours utilisateurs
                                                                                          UID
                           ! Organisation de contenu                                      ! Design d’interface

                           ! Wireframes                                                   ! Spécifications graphiques

                           ! Plannification fonctionnelle                                  ! Catalogue d’objets




                                                           UX DESIGN

                           IxD                                                             Usability
                           ! Modélisation des objets                                       ! Conception des tests
                           ! Comportement d’interface                                      ! Recommandation et
                           ! Organisation des gabarits                                      rapport d’utilisabilité
                           ! Spéc. fonctionnelles
                           ! Process Flow
                                                            Prototype
                                                            ! Simulation du
                                                              comportement d’interface
                                                            ! Composants Front
                                                            ! Librairie d’objets
Conception | Introduction au design d’expérience utilisateur

4. Les domaines de l’UXD / Six pôles

  Répartition des pôles par éléments



                                                         UX Design


                                                                                               Prototypage


                      Utilisabilité                                                                  Utilisabilité


                                                                        Design d’interaction


                UX Stratégie                      Architecture d’information                    Design d’interface




          stratégie                   périmètre          structure               squelette                   surface



                                                  strategic      tactic
Conception | Introduction au design d’expérience utilisateur

4. Les domaines de l’UXD / Métiers




                                 Graphiste(s)            Développeur(s)




                                             Chef de projet
Conception | Introduction au design d’expérience utilisateur

4. Les domaines de l’UXD / Métiers




      Graphiste /             User              Architecte            Designer          Ergonome web /           Développeur /
  Designer d’interface     researcher          d’information        d’interaction      Expert en utilisabilité   Prototype front




                 Content strategist      Technology       Chef de projet       Rédacteur       SEO expert
                                      strategist / CTO
Conception | Introduction au design d’expérience utilisateur

4. Les domaines de l’UXD / Métiers



  Architecte de l’information
  organise, modélise et catégorise l’information. Ce qui
  comprend souvent la mise en place d’un système de
  classification et de nomenclaturage pour les sites web,
  ou applications.
Conception | Introduction au design d’expérience utilisateur

4. Les domaines de l’UXD / Métiers



  Designer d’interaction

  définit les comportements des produits et des systèmes
  avec lesquels un utilisateur peut interagir.
Conception | Introduction au design d’expérience utilisateur

4. Les domaines de l’UXD / Métiers



  Ergonome web / Expert utilisabilité
  évalue la faculté d’un objet, d’un service ou d’un
  système à être utilisable, en conduisant des tests et des
  recherches auprès des utilisateurs.
Conception | Introduction au design d’expérience utilisateur

4. Les domaines de l’UXD / Métiers



  Expert en recherche utilisateur
  étudie et modélise les objectifs et besoins des
  utilisateurs en menant des interviews et des tests dans
  un contexte d’usage donné.
Conception | Introduction au design d’expérience utilisateur

4. Les domaines de l’UXD / Métiers



  Designer / Architecte Expérience utilisateur

  conçoit et produit les éléments de l’expérience d’un
  utilisateur comme résultante d’une interaction avec un
  produit, un service ou un système.
Conception | Introduction au design d’expérience utilisateur

4. Les domaines de l’UXD / Métiers



  Designer interactif

  polyvalent, son activité regroupe souvent le design
  graphique, le design d’interface web, le design
  d’interaction et le motion design.
Conception | Introduction au design d’expérience utilisateur

4. Les domaines de l’UXD / Typologies des systèmes digitaux


                                                         Applicatif

                                Desktop, bornes, autres...




                                                                                       N
     M




                                                                                       ew
      on




                                                                                           s
         de
           s
           vi
           rtu
               el
                  s




                       Audiovisuel                                    Informationnel
Conception | Introduction au design d’expérience utilisateur

4. Les domaines de l’UXD / Typologies des systèmes digitaux


                                                         Applicatif

                                Desktop, bornes, autres...




                      mouvements 2D/3D
                      travelling, panoramique
                      trajectoire, rotation, zoom...

                      transitions 2D/3D
                      fade, iris, wipe...

                      filtres 2D/3D
                      blur, glow, bevel...

                      réponse sonore
                      pan stéréo, filtres, intensité...




                                                                                       N
     M




                                                                                       ew
      on




                                                                                           s
         d
         es
             vi
             rtu
                el
                  s




                       Audiovisuel                                    Informationnel
Conception | Introduction au design d’expérience utilisateur

4. Les domaines de l’UXD / Typologies des systèmes digitaux


                                                                    Applicatif

                                         Desktop, bornes, autres...




                                    RDA : Rich Desktop Application




                                     RMA : Rich Mobile Application



                                     RIA : Rich Internet Application




                                                                                                 Tr




                                                                                                                 Bl




                                                                                                                      N
                                                                                        So
                      Je




                                      Fi




                                                            Pu




                                                                                                    a
     M




                                                                                                                      ew
                                                                                                                 og
                                       lm




                                                                                                   ns
                        ux




                                                                                         ci
                                                              bl
      on




                                                                                                                          s
                                                                                                                  s
                                         s,




                                                                                            al




                                                                                                      a
                                                               ic
                        en
         d




                                                                                                        ct
                                                                ita
                                            do
         es




                                                                                                          io
                             lig




                                                                   ire
                                              c




                                                                                                          nn
             vi




                              ne




                                              in




                                                                       ,E
             rtu




                                                                                                            el
                                                te




                                                                         vt
                el




                                                  ra




                                                                         ,P
                  s




                                                  ct




                                                                            or
                                                     ifs




                                                                              tfo
                                                                                 lio
                                                                                  ...




                               Audiovisuel                                                       Informationnel
Conception | Introduction au design d’expérience utilisateur

4. Les domaines de l’UXD / Typologies des systèmes digitaux


                                                                    Applicatif

                                         Desktop, bornes, autres...




                                    RDA : Rich Desktop Application




                                     RMA : Rich Mobile Application



                                     RIA : Rich Internet Application




                                                                                                 Tr




                                                                                                                 Bl




                                                                                                                      N
                                                                                        So
                      Je




                                      Fi




                                                            Pu




                                                                                                    a
     M




                                                                                                                      ew
                                                                                                                 og
                                       lm




                                                                                                   ns
                        ux




                                                                                         ci
                                                              bl
      on




                                                                                                                          s
                                                                                                                  s
                                         s,




                                                                                            al




                                                                                                      a
                                                               ic
                        en
         d




                                                                                                        ct
                                                                ita
                                            do
         es




                                                                                                          io
                             lig




                                                                   ire
                                              c




                                                                                                          nn
             vi




                              ne




                                              in




                                                                       ,E
             rtu




                                                                                                            el
                                                te




                                                                         vt
                el




                                                  ra




                                                                         ,P
                  s




                                                  ct




                                                                            or
                                                     ifs




                                                                              tfo
                                                                                 lio
                                                                                  ...




                               Audiovisuel                                                       Informationnel
Conception | Introduction au design d’expérience utilisateur

4. Les domaines de l’UXD / Typologies des systèmes digitaux


                                                                    Applicatif

                                         Desktop, bornes, autres...




                                    RDA : Rich Desktop Application




                                     RMA : Rich Mobile Application



                                     RIA : Rich Internet Application




                                                                                                 Tr




                                                                                                                 Bl




                                                                                                                      N
                                                                                        So
                      Je




                                      Fi




                                                            Pu




                                                                                                    a
     M




                                                                                                                      ew
                                                                                                                 og
                                       lm




                                                                                                   ns
                        ux




                                                                                         ci
                                                              bl
      on




                                                                                                                          s
                                                                                                                  s
                                         s,




                                                                                            al




                                                                                                      a
                                                               ic
                        en
         d




                                                                                                        ct
                                                                ita
                                            do
         es




                                                                                                          io
                             lig




                                                                   ire
                                              c




                                                                                                          nn
             vi




                              ne




                                              in




                                                                       ,E
             rtu




                                                                                                            el
                                                te




                                                                         vt
                el




                                                  ra




                                                                         ,P
                  s




                                                  ct




                                                                            or
                                                     ifs




                                                                              tfo
                                                                                 lio
                                                                                  ...




                               Audiovisuel                                                       Informationnel
Conception | Introduction au design d’expérience utilisateur

4. Les domaines de l’UXD / Typologies des systèmes digitaux


                                                                    Applicatif

                                         Desktop, bornes, autres...




                                    RDA : Rich Desktop Application




                                     RMA : Rich Mobile Application



                                     RIA : Rich Internet Application




                                                                                                 Tr




                                                                                                                 Bl




                                                                                                                      N
                                                                                        So
                      Je




                                      Fi




                                                            Pu




                                                                                                    a
     M




                                                                                                                      ew
                                                                                                                 og
                                       lm




                                                                                                   ns
                        ux




                                                                                         ci
                                                              bl
      on




                                                                                                                          s
                                                                                                                  s
                                         s,




                                                                                            al




                                                                                                      a
                                                               ic
                        en
         d




                                                                                                        ct
                                                                ita
                                            do
         es




                                                                                                          io
                             lig




                                                                   ire
                                              c




                                                                                                          nn
             vi




                              ne




                                              in




                                                                       ,E
             rtu




                                                                                                            el
                                                te




                                                                         vt
                el




                                                  ra




                                                                         ,P
                  s




                                                  ct




                                                                            or
                                                     ifs




                                                                              tfo
                                                                                 lio
                                                                                  ...




                               Audiovisuel                                                       Informationnel
Conception | Introduction au design d’expérience utilisateur

4. Les domaines de l’UXD / Typologies des systèmes digitaux


                                                                    Applicatif

                                         Desktop, bornes, autres...




                                    RDA : Rich Desktop Application




                                     RMA : Rich Mobile Application



                                     RIA : Rich Internet Application




                                                                                                 Tr




                                                                                                                 Bl




                                                                                                                      N
                                                                                        So
                      Je




                                      Fi




                                                            Pu




                                                                                                    a
     M




                                                                                                                      ew
                                                                                                                 og
                                       lm




                                                                                                   ns
                        ux




                                                                                         ci
                                                              bl
      on




                                                                                                                          s
                                                                                                                  s
                                         s,




                                                                                            al




                                                                                                      a
                                                               ic
                        en
         d




                                                                                                        ct
                                                                ita
                                            do
         es




                                                                                                          io
                             lig




                                                                   ire
                                              c




                                                                                                          nn
             vi




                              ne




                                              in




                                                                       ,E
             rtu




                                                                                                            el
                                                te




                                                                         vt
                el




                                                  ra




                                                                         ,P
                  s




                                                  ct




                                                                            or
                                                     ifs




                                                                              tfo
                                                                                 lio
                                                                                  ...




                               Audiovisuel                                                       Informationnel
Conception | Introduction au design d’expérience utilisateur

4. Les domaines de l’UXD / Typologies des systèmes digitaux


                                                                    Applicatif

                                         Desktop, bornes, autres...




                                    RDA : Rich Desktop Application




                                     RMA : Rich Mobile Application



                                     RIA : Rich Internet Application




                                                                                                 Tr




                                                                                                                 Bl




                                                                                                                      N
                                                                                        So
                      Je




                                      Fi




                                                            Pu




                                                                                                    a
     M




                                                                                                                      ew
                                                                                                                 og
                                       lm




                                                                                                   ns
                        ux




                                                                                         ci
                                                              bl
      on




                                                                                                                          s
                                                                                                                  s
                                         s,




                                                                                            al




                                                                                                      a
                                                               ic
                        en
         d




                                                                                                        ct
                                                                ita
                                            do
         es




                                                                                                          io
                             lig




                                                                   ire
                                              c




                                                                                                          nn
             vi




                              ne




                                              in




                                                                       ,E
             rtu




                                                                                                            el
                                                te




                                                                         vt
                el




                                                  ra




                                                                         ,P
                  s




                                                  ct




                                                                            or
                                                     ifs




                                                                              tfo
                                                                                 lio
                                                                                  ...




                               Audiovisuel                                                       Informationnel
Conception | Introduction au design d’expérience utilisateur

4. Les domaines de l’UXD / Typologies des systèmes digitaux


                                                                    Applicatif

                                         Desktop, bornes, autres...




                                    RDA : Rich Desktop Application




                                     RMA : Rich Mobile Application



                                     RIA : Rich Internet Application




                                                                                                 Tr




                                                                                                                 Bl




                                                                                                                      N
                                                                                        So
                      Je




                                      Fi




                                                            Pu




                                                                                                    a
     M




                                                                                                                      ew
                                                                                                                 og
                                       lm




                                                                                                   ns
                        ux




                                                                                         ci
                                                              bl
      on




                                                                                                                          s
                                                                                                                  s
                                         s,




                                                                                            al




                                                                                                      a
                                                               ic
                        en
         d




                                                                                                        ct
                                                                ita
                                            do
         es




                                                                                                          io
                             lig




                                                                   ire
                                              c




                                                                                                          nn
             vi




                              ne




                                              in




                                                                       ,E
             rtu




                                                                                                            el
                                                te




                                                                         vt
                el




                                                  ra




                                                                         ,P
                  s




                                                  ct




                                                                            or
                                                     ifs




                                                                              tfo
                                                                                 lio
                                                                                  ...




                               Audiovisuel                                                       Informationnel
Conception | Introduction au design d’expérience utilisateur

4. Les domaines de l’UXD / Typologies des systèmes digitaux

  Affectation des métiers par typologie


    Informationnel



                                              User researcher

                                Architecte de l’information

                                     Designer d’interaction

                      Ergonome Web / Expert Utilisabilité

                                          Designer d’interface

                                                 UX Designer
Conception | Introduction au design d’expérience utilisateur

4. Les domaines de l’UXD / Typologies des systèmes digitaux

  Affectation des métiers par typologie


      Applicatif



                                              User researcher

                                Architecte de l’information

                                     Designer d’interaction

                      Ergonome Web / Expert Utilisabilité

                                          Designer d’interface

                                                 UX Designer
Conception | Introduction au design d’expérience utilisateur

4. Les domaines de l’UXD / Typologies des systèmes digitaux

  Affectation des métiers par typologie


     Audiovisuel



                                              User researcher

                                Architecte de l’information

                                     Designer d’interaction

                      Ergonome Web / Expert Utilisabilité

                                          Designer d’interface

                                                 UX Designer
Conception | Introduction au design d’expérience utilisateur




A. Introduction au design d’expérience utilisateur
1. Contexte
2. Définir l’expérience utilisateur (UX)
3. Fondements de l’UX Design
4. Les domaines de l’UXD

5. L’UXD et l’entreprise
6. Références
Conception | Introduction au design d’expérience utilisateur

  5. L’UXD et l’entreprise / Typologie des entreprises



TYPE                   APPROCHE               PRODUITS                                      EXEMPLE



                                              CMS, applications, Intranets,
SSII                   Informatique                                                         SQLI
                                              e-commerce...



                                              Campagnes marketing online, contenus,
Web agency             Communication          applications, intranets, e-commerces,         Ogilvy Interactive
                                              réseaux sociaux, chartes graphiques...



                                              Fonctionnalités, contenus, services, tests,
Pure player            Service                                                              Amazon
                                              relatifs à une plateforme



                                              Objets, services, interfaces, applications,
Agence de design       Design                                                               IDEO
                                              chartes graphiques, tests...



Cabinet de                                    Livrables UX, recherche utilisateur, tests,
                       UX Design                                                            Adaptive Path
consultants UX                                rapports de tests, audits
Conception | Introduction au design d’expérience utilisateur

5. L’UXD et l’entreprise / Stratégie de l’entreprise vs objectifs de l’utilisateur




                                                                            Devenir leader
                                                                            sur le marché
                                                                            de l’industrie X



                                                                           Générer
                           Stratégie de l’entreprise
                                                                           l’engouement
                                                                           parmi nos client



                                                                           Augmenter la
                                                                           fréquentation de
                                                                           notre site web...
Conception | Introduction au design d’expérience utilisateur

5. L’UXD et l’entreprise / Stratégie de l’entreprise vs objectifs de l’utilisateur




                          Gagner de
                          l’argent




                          Susciter                                     Objectifs utilisateurs
                          l’admiration de
                          ses proches



                          Rendre plus
                          pratique sa vie
                          quotidienne...
Conception | Introduction au design d’expérience utilisateur

5. L’UXD et l’entreprise / Stratégie de l’entreprise vs objectifs de l’utilisateur




               Stratégie de l’entreprise                                  Objectifs utilisateurs
Conception | Introduction au design d’expérience utilisateur

5. L’UXD et l’entreprise / Stratégie de l’entreprise vs objectifs de l’utilisateur




                                                       Définition
                                                       du projet

                                                     Définition des
                                                     business goal

                   Stratégie de l’entreprise       Stratégie UX            Objectifs utilisateurs
                                                     Filtrage des
                                                       objectifs
                                                     utilisateurs
Conception | Introduction au design d’expérience utilisateur

5. L’UXD et l’entreprise / Quand l’UX devient philosophie

  Le cas Google




                                              Manifeste UX

                        1. Focus on people – their lives, their work, their dreams.
                        2. Every millisecond counts.
                        3. Simplicity is powerful.
                        4. Engage beginners and attract experts.
                        5. Dare to innovate.
                        6. Design for the world.
                        7. Plan for today's and tomorrow's business.
                        8. Delight the eye without distracting the mind.
                        9. Be worthy of people's trust.
                        10.Add a human touch.




                                                                       Sources : http://www.google.com/corporate/ux.html
Conception | Introduction au design d’expérience utilisateur

5. L’UXD et l’entreprise / Quand l’UX devient philosophie

  Le cas Google




                                       Philosophie de l’entreprise

                         1. Focus on the user and all else will follow.
                         2. It’s best to do one thing really, really well.
                         3. Fast is better than slow.
                         4. Democracy on the web works.
                         5. You don’t need to be at your desk to need an answer.
                         6. You can make money without doing evil.
                         7. There’s always more information out there.
                         8. The need for information crosses all borders.
                         9. You can be serious without a suit.
                         10.Great just isn’t good enough.




                                                                     Sources :http://www.google.com/corporate/tenthings.html
Conception | Introduction au design d’expérience utilisateur

5. L’UXD et l’entreprise / L’UXD dans les projets digitaux




                                          project management



                                                concrete
                                                 design

                              technology                          content
                            implementation                       production

                                                                               tactic
                                                abstract
                                                 design
                                                                              strategic
                               technology                         content
                                 strategy                         strategy


                                              site strategy



                                             user research
Conception | Introduction au design d’expérience utilisateur

5. L’UXD et l’entreprise / L’UXD dans les projets digitaux




                                          project management
                                                 Usability
                                                    UID
                                                concrete
                                                 design
                                                 Prototype
                              technology                          content
                            implementation          IxD          production

                                                                                tactic
                                                 abstract
                                         IxD                   IA
                                                  design
                                                                               strategic
                               technology                           content
                                 strategy           IA              strategy

                                                 Usability
                                               site strategy

                                                 UX Strat.

                                               user research
Conception | Introduction au design d’expérience utilisateur

5. L’UXD et l’entreprise / Une nouvelle approche de la gestion de projet




                                                                       D’après Mr. Patrick J. Lynch & Ms. Sarah Horton,
                                                                       Web Style Guide, 3rd edition, 2009, Yale University Press
Conception | Introduction au design d’expérience utilisateur

5. L’UXD et l’entreprise / Une nouvelle approche de la gestion de projet

  Approche classique en cascade
Conception | Introduction au design d’expérience utilisateur

5. L’UXD et l’entreprise / Une nouvelle approche de la gestion de projet

  Déperdition de la qualité dans une approche en cascade




        Quality




                                                                           Temps
             Strategy            Design              Development
Conception | Introduction au design d’expérience utilisateur

5. L’UXD et l’entreprise / Une nouvelle approche de la gestion de projet

  Approche agile
Conception | Introduction au design d’expérience utilisateur

5. L’UXD et l’entreprise / Une nouvelle approche de la gestion de projet

  Approche hybride pragmatique
Conception | Introduction au design d’expérience utilisateur

5. L’UXD et l’entreprise / Une nouvelle approche de la gestion de projet

  Augmentation de la qualité dans une approche hybride pragmatique




          Quality


                                                                     UX




                                               UX


                           UX


          UX
                                                                           Temps
               Strategy            Design             Development
Conception | Introduction au design d’expérience utilisateur

6. L’UXD et l’entreprise / Enjeux et bénéfices




Enjeux
  ‣ Composer et connaître la culture de l’entreprise
  ‣ Faire comprendre que :
     Process existant + UXD + bénéfices <= coût du process existant

     et que :
     Nouveau process UXD orienté + bénéfices << coût ancien process

  ‣ La mutation des process est souvent perçue comme une
     menace par l’entreprise
Conception | Introduction au design d’expérience utilisateur

6. L’UXD et l’entreprise / Enjeux et bénéfices




Bénéfices
  ‣ ROI
  ‣ Augmentation du taux de conversion des utilisateurs
  ‣ Fidélisation des utilisateurs
  ‣ Avantage compétitif
Conception | Introduction au design d’expérience utilisateur




A. Introduction au design d’expérience utilisateur
1. Contexte
2. Définir l’expérience utilisateur (UX)
3. Fondements de l’UX Design
4. Les domaines de l’UXD
5. L’UXD et l’entreprise

6. Références
Conception | Introduction au design d’expérience utilisateur

7. Références / Bibliographie



Hunger & Chandler, A project guide to UX Design, 2009, New Riders

Merholz, Shauer, Verba & Wilkens, Subject to change, 2009,

Garett, The elements of user experience, 2002, New Riders, O’Reilly

Morville, Rosenfeld, Information Architecture for the World Wide Web, 2002, O’Reilly

Norman, The design of everyday things, 1988, Basic books

The Human-Computer Interaction Handbook, 2008, LEA

Cooper, About Face 3 (The Essentials of Interaction Design), 2007, Wiley

Saffer, Designing for interaction, 2007, New Riders

Moggridge, Designing Interactions, MIT Press, 2006

Tidwell, Designing Interfaces, 2005, O’Reilly
Conception | Introduction au design d’expérience utilisateur

7. Références / Webographie


Actualités sur l’UX
                                                                    Interaction Design
http://www.uxmag.com/
                                                                    http://www.ixda.org/
http://boxesandarrows.com
                                                                    http://www.cooper.com/
http://adaptivepath.com/
                                                                    http://www.odannyboy.com/portfolio/index.html
http://semanticstudios.com/publications/semantics/000228.php
(sur les livrables UX)                                              http://developer.yahoo.com/ypatterns/

http://www.digitaldesignblog.com/ (blog UX de Razorfish)

Strategic Design et design d’information                            User Design Interface

http://www.visualcomplexity.com                                     http://ui-patterns.com/
http://www.visual-literacy.org/periodic_table/periodic_table.html   http://uie.com/
http://www.communicatingdesign.com/
http://www.thebackofthenapkin.com/                                  Usability
Architecture d’information                                          http://www.clearleft.com

http://www.iainstitute.org/                                         http://www.useit.com/

http://www.jjg.net/ia/                                              http://www.sensible.com/index.html

http://informationarchitects.jp/
http://iatelevision.blogspot.com/
http://www.slideshare.net/davethepreacher

Contenu connexe

Tendances

1. Introduction à l'Expérience utilisateur
1. Introduction à l'Expérience utilisateur1. Introduction à l'Expérience utilisateur
1. Introduction à l'Expérience utilisateur
Laurent Barbat
 
Pourquoi toutes les organisations ont-elles besoin de Design UX ?
Pourquoi toutes les organisations ont-elles besoin de Design UX ?Pourquoi toutes les organisations ont-elles besoin de Design UX ?
Pourquoi toutes les organisations ont-elles besoin de Design UX ?
Marie Glandus
 
Mobile design
Mobile designMobile design
Mobile design
Hadina RIMTIC
 
Formation UX Design - Usages mobiles et web
Formation UX Design - Usages mobiles et webFormation UX Design - Usages mobiles et web
Formation UX Design - Usages mobiles et web
NovUp
 
Emotion & design d'interface
Emotion & design d'interfaceEmotion & design d'interface
Emotion & design d'interface
Geoffrey Dorne
 
Designer l'expérience utilisateur @ Web_UX 2011
Designer l'expérience utilisateur @ Web_UX 2011Designer l'expérience utilisateur @ Web_UX 2011
Designer l'expérience utilisateur @ Web_UX 2011
Sylvie Daumal
 
Techniques d’UX & UI Design
Techniques d’UX & UI DesignTechniques d’UX & UI Design
Techniques d’UX & UI Design
Microsoft
 
La matinale le fil : Design experience utilisateur pour tous
La matinale le fil : Design experience utilisateur pour tousLa matinale le fil : Design experience utilisateur pour tous
La matinale le fil : Design experience utilisateur pour tous
Kiss The Bride
 
Mix07 Ergonomie et Experience Utilisateur Steria
Mix07 Ergonomie et Experience Utilisateur SteriaMix07 Ergonomie et Experience Utilisateur Steria
Mix07 Ergonomie et Experience Utilisateur Steria
Steria
 
Formation UX Design, introduction et tour d'horizon
Formation UX Design, introduction et tour d'horizonFormation UX Design, introduction et tour d'horizon
Formation UX Design, introduction et tour d'horizon
HETIC
 
Design de services
Design de servicesDesign de services
Design de services
User Studio
 
Comment améliorer la collaboration entre designers, ergonomes et ingénieurs.
Comment améliorer la collaboration entre designers, ergonomes et ingénieurs.Comment améliorer la collaboration entre designers, ergonomes et ingénieurs.
Comment améliorer la collaboration entre designers, ergonomes et ingénieurs.
Geoffrey Dorne
 
Flupa 2010 Personas Eric Brangier
Flupa 2010 Personas Eric BrangierFlupa 2010 Personas Eric Brangier
Flupa 2010 Personas Eric BrangierFlupa
 
Bien passer le Store : Le respect des guidelines
Bien passer le Store : Le respect des guidelinesBien passer le Store : Le respect des guidelines
Bien passer le Store : Le respect des guidelines
Microsoft Technet France
 
Sensibilisation au Design de Services pour La Fabrique de l'Hospitalité du CH...
Sensibilisation au Design de Services pour La Fabrique de l'Hospitalité du CH...Sensibilisation au Design de Services pour La Fabrique de l'Hospitalité du CH...
Sensibilisation au Design de Services pour La Fabrique de l'Hospitalité du CH...
User Studio
 
UX Design - Soutenance 2016 Marie Glandus
UX Design - Soutenance 2016 Marie GlandusUX Design - Soutenance 2016 Marie Glandus
UX Design - Soutenance 2016 Marie Glandus
Marie Glandus
 
L’EXPÉRIENCE UTILISATEUR DE L’ASSISTANCE TECHNIQUE : PERSPECTIVES POUR LA CON...
L’EXPÉRIENCE UTILISATEUR DE L’ASSISTANCE TECHNIQUE : PERSPECTIVES POUR LA CON...L’EXPÉRIENCE UTILISATEUR DE L’ASSISTANCE TECHNIQUE : PERSPECTIVES POUR LA CON...
L’EXPÉRIENCE UTILISATEUR DE L’ASSISTANCE TECHNIQUE : PERSPECTIVES POUR LA CON...
Eric Brangier
 

Tendances (20)

Innovation par le design
Innovation par le designInnovation par le design
Innovation par le design
 
1. Introduction à l'Expérience utilisateur
1. Introduction à l'Expérience utilisateur1. Introduction à l'Expérience utilisateur
1. Introduction à l'Expérience utilisateur
 
Pourquoi toutes les organisations ont-elles besoin de Design UX ?
Pourquoi toutes les organisations ont-elles besoin de Design UX ?Pourquoi toutes les organisations ont-elles besoin de Design UX ?
Pourquoi toutes les organisations ont-elles besoin de Design UX ?
 
C’est quoi l’UX -
C’est quoi l’UX -C’est quoi l’UX -
C’est quoi l’UX -
 
Mobile design
Mobile designMobile design
Mobile design
 
Formation UX Design - Usages mobiles et web
Formation UX Design - Usages mobiles et webFormation UX Design - Usages mobiles et web
Formation UX Design - Usages mobiles et web
 
Emotion & design d'interface
Emotion & design d'interfaceEmotion & design d'interface
Emotion & design d'interface
 
Designer l'expérience utilisateur @ Web_UX 2011
Designer l'expérience utilisateur @ Web_UX 2011Designer l'expérience utilisateur @ Web_UX 2011
Designer l'expérience utilisateur @ Web_UX 2011
 
Techniques d’UX & UI Design
Techniques d’UX & UI DesignTechniques d’UX & UI Design
Techniques d’UX & UI Design
 
La matinale le fil : Design experience utilisateur pour tous
La matinale le fil : Design experience utilisateur pour tousLa matinale le fil : Design experience utilisateur pour tous
La matinale le fil : Design experience utilisateur pour tous
 
Mix07 Ergonomie et Experience Utilisateur Steria
Mix07 Ergonomie et Experience Utilisateur SteriaMix07 Ergonomie et Experience Utilisateur Steria
Mix07 Ergonomie et Experience Utilisateur Steria
 
Formation UX Design, introduction et tour d'horizon
Formation UX Design, introduction et tour d'horizonFormation UX Design, introduction et tour d'horizon
Formation UX Design, introduction et tour d'horizon
 
Design de services
Design de servicesDesign de services
Design de services
 
Nemery uxpa montréal
Nemery uxpa montréalNemery uxpa montréal
Nemery uxpa montréal
 
Comment améliorer la collaboration entre designers, ergonomes et ingénieurs.
Comment améliorer la collaboration entre designers, ergonomes et ingénieurs.Comment améliorer la collaboration entre designers, ergonomes et ingénieurs.
Comment améliorer la collaboration entre designers, ergonomes et ingénieurs.
 
Flupa 2010 Personas Eric Brangier
Flupa 2010 Personas Eric BrangierFlupa 2010 Personas Eric Brangier
Flupa 2010 Personas Eric Brangier
 
Bien passer le Store : Le respect des guidelines
Bien passer le Store : Le respect des guidelinesBien passer le Store : Le respect des guidelines
Bien passer le Store : Le respect des guidelines
 
Sensibilisation au Design de Services pour La Fabrique de l'Hospitalité du CH...
Sensibilisation au Design de Services pour La Fabrique de l'Hospitalité du CH...Sensibilisation au Design de Services pour La Fabrique de l'Hospitalité du CH...
Sensibilisation au Design de Services pour La Fabrique de l'Hospitalité du CH...
 
UX Design - Soutenance 2016 Marie Glandus
UX Design - Soutenance 2016 Marie GlandusUX Design - Soutenance 2016 Marie Glandus
UX Design - Soutenance 2016 Marie Glandus
 
L’EXPÉRIENCE UTILISATEUR DE L’ASSISTANCE TECHNIQUE : PERSPECTIVES POUR LA CON...
L’EXPÉRIENCE UTILISATEUR DE L’ASSISTANCE TECHNIQUE : PERSPECTIVES POUR LA CON...L’EXPÉRIENCE UTILISATEUR DE L’ASSISTANCE TECHNIQUE : PERSPECTIVES POUR LA CON...
L’EXPÉRIENCE UTILISATEUR DE L’ASSISTANCE TECHNIQUE : PERSPECTIVES POUR LA CON...
 

En vedette

Cours (E) Gobelins Master 2 MICNI
Cours (E) Gobelins Master 2 MICNICours (E) Gobelins Master 2 MICNI
Cours (E) Gobelins Master 2 MICNI
David Raichman
 
Aux frontières du digital (B) (SciencesPo 2009)
Aux frontières du digital (B) (SciencesPo 2009)Aux frontières du digital (B) (SciencesPo 2009)
Aux frontières du digital (B) (SciencesPo 2009)
David Raichman
 
Design Game Brainstorm
Design Game BrainstormDesign Game Brainstorm
Design Game Brainstorm
David Raichman
 
Portafolio de evidencias semana 2
Portafolio de evidencias semana 2Portafolio de evidencias semana 2
Portafolio de evidencias semana 2
lourdesmartinezruiz
 
cuestionario de rio estavillo
cuestionario de rio estavillocuestionario de rio estavillo
cuestionario de rio estavillo
castilloyaneth
 
ÉÉIJE - La veille stratégique à l'ère du Web social
ÉÉIJE - La veille stratégique à l'ère du Web socialÉÉIJE - La veille stratégique à l'ère du Web social
ÉÉIJE - La veille stratégique à l'ère du Web social
Régis Barondeau
 
como hacer arroz de coco con mojarra frita,ensalada de aguacate,yuca frita
como hacer arroz de coco con mojarra frita,ensalada de aguacate,yuca fritacomo hacer arroz de coco con mojarra frita,ensalada de aguacate,yuca frita
como hacer arroz de coco con mojarra frita,ensalada de aguacate,yuca frita
nydelin
 
Administracion estrategica
Administracion estrategicaAdministracion estrategica
Administracion estrategica
UNIVERSIDAD MINUTO DE DIOS
 
Reg des idees
Reg des ideesReg des idees
Reg des ideescatavrio
 
Trabajo música
Trabajo músicaTrabajo música
Trabajo música
Nacho Cordoba
 
Ciclo De Vida
Ciclo De VidaCiclo De Vida
Ciclo De Vida
Roy Varela
 
Realizado por alexis garcia
Realizado por alexis garciaRealizado por alexis garcia
Realizado por alexis garcia
ALEJO81999
 
Unidad 3
Unidad 3 Unidad 3
Unidad 3
Oscarito Ayala
 
LA EDUCACIÓN EN EL ENTORNO DE LAS TIC
LA EDUCACIÓN EN EL ENTORNO DE LAS TICLA EDUCACIÓN EN EL ENTORNO DE LAS TIC
LA EDUCACIÓN EN EL ENTORNO DE LAS TIC
yeimiger
 
La Famille Bellido
La Famille BellidoLa Famille Bellido
Equipier Chez Mac Do Zammit MéLanie
Equipier Chez Mac Do   Zammit MéLanieEquipier Chez Mac Do   Zammit MéLanie
Equipier Chez Mac Do Zammit MéLaniegawronski
 
Educr en la sociedd del conocimiento
Educr en la sociedd del conocimientoEducr en la sociedd del conocimiento
Educr en la sociedd del conocimiento
catherinepulgars
 
Aux frontières du digital (A) (SciencesPo 2009)
Aux frontières du digital (A) (SciencesPo 2009)Aux frontières du digital (A) (SciencesPo 2009)
Aux frontières du digital (A) (SciencesPo 2009)
David Raichman
 
Secciones conicas
Secciones conicas Secciones conicas
Secciones conicas
valeria3122694587
 
Microsoft power point
Microsoft power pointMicrosoft power point
Microsoft power point
LissetCh
 

En vedette (20)

Cours (E) Gobelins Master 2 MICNI
Cours (E) Gobelins Master 2 MICNICours (E) Gobelins Master 2 MICNI
Cours (E) Gobelins Master 2 MICNI
 
Aux frontières du digital (B) (SciencesPo 2009)
Aux frontières du digital (B) (SciencesPo 2009)Aux frontières du digital (B) (SciencesPo 2009)
Aux frontières du digital (B) (SciencesPo 2009)
 
Design Game Brainstorm
Design Game BrainstormDesign Game Brainstorm
Design Game Brainstorm
 
Portafolio de evidencias semana 2
Portafolio de evidencias semana 2Portafolio de evidencias semana 2
Portafolio de evidencias semana 2
 
cuestionario de rio estavillo
cuestionario de rio estavillocuestionario de rio estavillo
cuestionario de rio estavillo
 
ÉÉIJE - La veille stratégique à l'ère du Web social
ÉÉIJE - La veille stratégique à l'ère du Web socialÉÉIJE - La veille stratégique à l'ère du Web social
ÉÉIJE - La veille stratégique à l'ère du Web social
 
como hacer arroz de coco con mojarra frita,ensalada de aguacate,yuca frita
como hacer arroz de coco con mojarra frita,ensalada de aguacate,yuca fritacomo hacer arroz de coco con mojarra frita,ensalada de aguacate,yuca frita
como hacer arroz de coco con mojarra frita,ensalada de aguacate,yuca frita
 
Administracion estrategica
Administracion estrategicaAdministracion estrategica
Administracion estrategica
 
Reg des idees
Reg des ideesReg des idees
Reg des idees
 
Trabajo música
Trabajo músicaTrabajo música
Trabajo música
 
Ciclo De Vida
Ciclo De VidaCiclo De Vida
Ciclo De Vida
 
Realizado por alexis garcia
Realizado por alexis garciaRealizado por alexis garcia
Realizado por alexis garcia
 
Unidad 3
Unidad 3 Unidad 3
Unidad 3
 
LA EDUCACIÓN EN EL ENTORNO DE LAS TIC
LA EDUCACIÓN EN EL ENTORNO DE LAS TICLA EDUCACIÓN EN EL ENTORNO DE LAS TIC
LA EDUCACIÓN EN EL ENTORNO DE LAS TIC
 
La Famille Bellido
La Famille BellidoLa Famille Bellido
La Famille Bellido
 
Equipier Chez Mac Do Zammit MéLanie
Equipier Chez Mac Do   Zammit MéLanieEquipier Chez Mac Do   Zammit MéLanie
Equipier Chez Mac Do Zammit MéLanie
 
Educr en la sociedd del conocimiento
Educr en la sociedd del conocimientoEducr en la sociedd del conocimiento
Educr en la sociedd del conocimiento
 
Aux frontières du digital (A) (SciencesPo 2009)
Aux frontières du digital (A) (SciencesPo 2009)Aux frontières du digital (A) (SciencesPo 2009)
Aux frontières du digital (A) (SciencesPo 2009)
 
Secciones conicas
Secciones conicas Secciones conicas
Secciones conicas
 
Microsoft power point
Microsoft power pointMicrosoft power point
Microsoft power point
 

Similaire à Cours (A) Gobelins Master 2 MICNI

Interactivite@ledna
Interactivite@lednaInteractivite@ledna
Interactivite@ledna
Laurent Neyssensas
 
Work’n Coffee UX Design by ND du 27 octobre 2017
Work’n Coffee UX Design by ND du 27 octobre 2017Work’n Coffee UX Design by ND du 27 octobre 2017
Work’n Coffee UX Design by ND du 27 octobre 2017
Net Design
 
Les 10 Tendances de l’Expérience Utilisateur en 2016
Les 10 Tendances de l’Expérience Utilisateur en 2016Les 10 Tendances de l’Expérience Utilisateur en 2016
Les 10 Tendances de l’Expérience Utilisateur en 2016
Idean France
 
Un aperçu du Petit dictionnaire du design numérique
Un aperçu du Petit dictionnaire du design numériqueUn aperçu du Petit dictionnaire du design numérique
Un aperçu du Petit dictionnaire du design numérique
designers interactifs
 
Ux Virtua - ecom 2016 -Geneva
Ux Virtua - ecom 2016 -GenevaUx Virtua - ecom 2016 -Geneva
Ux Virtua - ecom 2016 -Geneva
Rémi Brocherez
 
[Salon eCom 2016] Virtua | L’UX, construire des expériences mémorables
[Salon eCom 2016] Virtua | L’UX, construire des expériences mémorables[Salon eCom 2016] Virtua | L’UX, construire des expériences mémorables
[Salon eCom 2016] Virtua | L’UX, construire des expériences mémorables
Virtua S.A.
 
Les métiers du design interactif (2011)
Les métiers du design interactif (2011)Les métiers du design interactif (2011)
Les métiers du design interactif (2011)
designers interactifs
 
Innovation 2.0
Innovation 2.0Innovation 2.0
Innovation 2.0
AFEIT
 
Wif 2012 : programme des conférences et ateliers
Wif 2012 : programme des conférences et ateliersWif 2012 : programme des conférences et ateliers
Wif 2012 : programme des conférences et ateliersWif
 
CV // Julien Dumail
CV // Julien DumailCV // Julien Dumail
CV // Julien Dumailjuliendumail
 
Design user-experience nealite-jfm-frenchwebv2
Design user-experience nealite-jfm-frenchwebv2Design user-experience nealite-jfm-frenchwebv2
Design user-experience nealite-jfm-frenchwebv2FrenchWeb.fr
 
Design userexperience nealite-jfm-frenchwebv2
Design userexperience nealite-jfm-frenchwebv2Design userexperience nealite-jfm-frenchwebv2
Design userexperience nealite-jfm-frenchwebv2FrenchWeb.fr
 
Design userexperience nealite-jfm-frenchwebv2
Design userexperience nealite-jfm-frenchwebv2Design userexperience nealite-jfm-frenchwebv2
Design userexperience nealite-jfm-frenchwebv2FrenchWeb.fr
 
Guide des metiers du design interactif 2015 par Aquent et *designers interact...
Guide des metiers du design interactif 2015 par Aquent et *designers interact...Guide des metiers du design interactif 2015 par Aquent et *designers interact...
Guide des metiers du design interactif 2015 par Aquent et *designers interact...
Benoit Drouillat
 
Veille digitale
Veille digitaleVeille digitale
Veille digitale
MarouaChetmi
 
Les tendances des site web en 2015
Les tendances des site web en 2015Les tendances des site web en 2015
Les tendances des site web en 2015
Vincent Pereira
 
designers interactifs
designers interactifsdesigners interactifs
designers interactifs
designers interactifs
 
Le Design « centré-utilisateur » ou comment améliorer l’adéquation entre vos ...
Le Design « centré-utilisateur » ou comment améliorer l’adéquation entre vos ...Le Design « centré-utilisateur » ou comment améliorer l’adéquation entre vos ...
Le Design « centré-utilisateur » ou comment améliorer l’adéquation entre vos ...
AudéLor
 

Similaire à Cours (A) Gobelins Master 2 MICNI (20)

Interactivite@ledna
Interactivite@lednaInteractivite@ledna
Interactivite@ledna
 
Parcours
ParcoursParcours
Parcours
 
Work’n Coffee UX Design by ND du 27 octobre 2017
Work’n Coffee UX Design by ND du 27 octobre 2017Work’n Coffee UX Design by ND du 27 octobre 2017
Work’n Coffee UX Design by ND du 27 octobre 2017
 
Les 10 Tendances de l’Expérience Utilisateur en 2016
Les 10 Tendances de l’Expérience Utilisateur en 2016Les 10 Tendances de l’Expérience Utilisateur en 2016
Les 10 Tendances de l’Expérience Utilisateur en 2016
 
Un aperçu du Petit dictionnaire du design numérique
Un aperçu du Petit dictionnaire du design numériqueUn aperçu du Petit dictionnaire du design numérique
Un aperçu du Petit dictionnaire du design numérique
 
Ux Virtua - ecom 2016 -Geneva
Ux Virtua - ecom 2016 -GenevaUx Virtua - ecom 2016 -Geneva
Ux Virtua - ecom 2016 -Geneva
 
[Salon eCom 2016] Virtua | L’UX, construire des expériences mémorables
[Salon eCom 2016] Virtua | L’UX, construire des expériences mémorables[Salon eCom 2016] Virtua | L’UX, construire des expériences mémorables
[Salon eCom 2016] Virtua | L’UX, construire des expériences mémorables
 
Les métiers du design interactif (2011)
Les métiers du design interactif (2011)Les métiers du design interactif (2011)
Les métiers du design interactif (2011)
 
Innovation 2.0
Innovation 2.0Innovation 2.0
Innovation 2.0
 
Annuaire des agenc
Annuaire des agencAnnuaire des agenc
Annuaire des agenc
 
Wif 2012 : programme des conférences et ateliers
Wif 2012 : programme des conférences et ateliersWif 2012 : programme des conférences et ateliers
Wif 2012 : programme des conférences et ateliers
 
CV // Julien Dumail
CV // Julien DumailCV // Julien Dumail
CV // Julien Dumail
 
Design user-experience nealite-jfm-frenchwebv2
Design user-experience nealite-jfm-frenchwebv2Design user-experience nealite-jfm-frenchwebv2
Design user-experience nealite-jfm-frenchwebv2
 
Design userexperience nealite-jfm-frenchwebv2
Design userexperience nealite-jfm-frenchwebv2Design userexperience nealite-jfm-frenchwebv2
Design userexperience nealite-jfm-frenchwebv2
 
Design userexperience nealite-jfm-frenchwebv2
Design userexperience nealite-jfm-frenchwebv2Design userexperience nealite-jfm-frenchwebv2
Design userexperience nealite-jfm-frenchwebv2
 
Guide des metiers du design interactif 2015 par Aquent et *designers interact...
Guide des metiers du design interactif 2015 par Aquent et *designers interact...Guide des metiers du design interactif 2015 par Aquent et *designers interact...
Guide des metiers du design interactif 2015 par Aquent et *designers interact...
 
Veille digitale
Veille digitaleVeille digitale
Veille digitale
 
Les tendances des site web en 2015
Les tendances des site web en 2015Les tendances des site web en 2015
Les tendances des site web en 2015
 
designers interactifs
designers interactifsdesigners interactifs
designers interactifs
 
Le Design « centré-utilisateur » ou comment améliorer l’adéquation entre vos ...
Le Design « centré-utilisateur » ou comment améliorer l’adéquation entre vos ...Le Design « centré-utilisateur » ou comment améliorer l’adéquation entre vos ...
Le Design « centré-utilisateur » ou comment améliorer l’adéquation entre vos ...
 

Cours (A) Gobelins Master 2 MICNI

  • 1. CONCEPTION Master 2 : Management et Ingénierie de la Communication Numérique Interactive A. Introduction au design d'expérience utilisateur (UXD) Janvier 2010 Ecole des Gobelins David Raichman Senior UX Designer @ OgilvyInteractive
  • 2. Conception | Introduction au design d’expérience utilisateur Les cours de conception A. Introduction au design d’expérience utilisateur (UXD) B. Les livrables de l’UXD C. La recherche utilisateur D. Framework fonctionnel et stratégie des contenus E. Design d’interaction, design d’interface et protoypage F. Utilisabilité
  • 3. Conception | Introduction au design d’expérience utilisateur A. Introduction au design d’expérience utilisateur 1. Contexte 2. Définir l’expérience utilisateur (UX) 3. Fondements de l’UX Design 4. Les domaines de l’UXD 5. L’UXD et l’entreprise 6. Références
  • 4. Conception | Introduction au design d’expérience utilisateur 1. Contexte / Préambule Dans ce cours, on se focalisera sur le design d’expérience utilisateur dans le contexte digital (web, mobile...)
  • 5. Conception | Introduction au design d’expérience utilisateur 1. Contexte / Un marché en permanente évolution ‣Globalisation ‣Enjeux environnementaux ‣Digitalisation
  • 6. Conception | Introduction au design d’expérience utilisateur 1. Contexte / Un marché en permanente évolution Porosité des secteurs Media Web Mobile
  • 7. Conception | Introduction au design d’expérience utilisateur 1. Contexte / Un marché en permanente évolution Porosité des secteurs Radio Press Music Virtual Game Web Social iTunes e- commerce Service mobile TV Game Interactive TV mobile Game Press Press Social
  • 8. Conception | Introduction au design d’expérience utilisateur 1. Contexte / Accélération technologique Croissance du nombre de sites web par ans
  • 9. Conception | Introduction au design d’expérience utilisateur 1. Contexte / Accélération technologique Croissance du nombre d’utilisateurs par ans
  • 10. Conception | Introduction au design d’expérience utilisateur 1. Contexte / Nouveaux rapports aux produits et services Evolution du nombre d’organisations dans la relation avec un utilisateur final Années 70 - 80 Produit technologique traditionnel Utilisateur Ventes / Réparation
  • 11. Conception | Introduction au design d’expérience utilisateur 1. Contexte / Nouveaux rapports aux produits et services Evolution du nombre d’organisations dans la relation avec un utilisateur final Années 90 Logiciel de bureautique traditionnel Ventes Utilisateur Support
  • 12. Conception | Introduction au design d’expérience utilisateur 1. Contexte / Nouveaux rapports aux produits et services Evolution du nombre d’organisations dans la relation avec un utilisateur final Années 2000 Sites web FAI Utilisateur Fournisseur du site
  • 13. Conception | Introduction au design d’expérience utilisateur 1. Contexte / Nouveaux rapports aux produits et services Evolution du nombre d’organisations dans la relation avec un utilisateur final Années 2000 Mobile Fabriquant du mobile Fournisseur du réseau Utilisateur Fournisseur de l’application Fournisseur de contenus
  • 14. Conception | Introduction au design d’expérience utilisateur 1. Contexte / Nouveaux rapports aux produits et services Coévolution prosommation co-innovation piratage / hacking opensource
  • 15. Conception | Introduction au design d’expérience utilisateur 1. Contexte / Nouveaux rapports aux produits et services Coévolution temps
  • 16. Conception | Introduction au design d’expérience utilisateur 1. Contexte / Apparition de nouveaux métiers Architecte de l’information
  • 17. Conception | Introduction au design d’expérience utilisateur 1. Contexte / Apparition de nouveaux métiers Ergonome web
  • 18. Conception | Introduction au design d’expérience utilisateur 1. Contexte / Apparition de nouveaux métiers Motion designer
  • 19. Conception | Introduction au design d’expérience utilisateur 1. Contexte / Apparition de nouveaux métiers Content strategist
  • 20. Conception | Introduction au design d’expérience utilisateur 1. Contexte / Apparition de nouveaux métiers Flash designer
  • 21. Conception | Introduction au design d’expérience utilisateur 1. Contexte / Apparition de nouveaux métiers Interaction designer
  • 22. Conception | Introduction au design d’expérience utilisateur 1. Contexte / Apparition de nouveaux métiers UX architect
  • 23. Conception | Introduction au design d’expérience utilisateur 1. Contexte / Apparition de nouveaux métiers ...
  • 24. Conception | Introduction au design d’expérience utilisateur 1. Contexte / Importance du design Le design joue un rôle croissant dans la création de produits et de services Deux idées reçues : ‣ «le design, c’est une affaire d’esthétique» ‣ «c’est faire un produit dans la tendance du moment (Apple, Google...)»
  • 25. Conception | Introduction au design d’expérience utilisateur 1. Contexte / Importance du design Le design est une activité qui repose sur les éléments suivants : ‣ Empathie ‣ Résolution de problèmes ‣ Création d’idées, de concepts et protoypage ‣ Recherche d’alternatives, de nouveaux paradigmes
  • 26. Conception | Introduction au design d’expérience utilisateur 1. Contexte / Importance du design Le design comme méthodologie est applicable à des domaines très différents : ‣ Architecture ‣ Graphisme ‣ Son ‣ Automobile ‣ Les technologies de l’information ‣ L’expérience utilisateur ‣ ...
  • 27. Conception | Introduction au design d’expérience utilisateur A. Introduction au design d’expérience utilisateur 1. Contexte 2. Définir l’expérience utilisateur (UX) 3. Fondements de l’UX Design 4. Les domaines de l’UXD 5. L’UXD et l’entreprise 6. Références
  • 28. Conception | Introduction au design d’expérience utilisateur 2. Définir l’expérience utilisateur / Définition « L’expérience utilisateur (en anglais, UX) décrit toute expérience et satisfaction qu’un utilisateur peut vivre et ressentir lorsqu’il utilise un produit ou un système. »
  • 29. Conception | Introduction au design d’expérience utilisateur 2. Définir l’expérience utilisateur / “Experience is the product” "You press the button, we do the rest." George Eastman, 1888
  • 30. Conception | Introduction au design d’expérience utilisateur 2. Définir l’expérience utilisateur / “Experience is the product” “When you start looking at a problem and it seems really simple, you don't really understand the complexity of the problem. Then you get into the problem, and you see that it's really complicated, and you come up with all these convoluted solutions. That's sort of the middle, and that's where most people stop.... But the really great person will keep on going and find the key, the underlying principle of the problem —and come up with an elegant, really beautiful solution that works.” Steve Jobs, 1984
  • 31. Conception | Introduction au design d’expérience utilisateur 2. Définir l’expérience utilisateur / “Experience is the product” Produit Technologie
  • 32. Conception | Introduction au design d’expérience utilisateur 2. Définir l’expérience utilisateur / “Experience is the product” Produit Fonctionnalités
  • 33. Conception | Introduction au design d’expérience utilisateur 2. Définir l’expérience utilisateur / “Experience is the product” Produit Expérience
  • 34. Conception | Introduction au design d’expérience utilisateur 2. Définir l’expérience utilisateur / “Experience is the product” Experience IS the product
  • 35. Conception | Introduction au design d’expérience utilisateur 2. Définir l’expérience utilisateur / L’expérience des objets quotidiens “Why do we put up with the frustrations of everyday objects, with objects that we can’t figure out how to use, with those neat plastic wrapped packages that seem impossible to open, with doors that trap people, with washing machines and dryers that have become too confusing to [...] ?” Donald A. Norman The design of everyday things, 1988, Basic books
  • 36. Conception | Introduction au design d’expérience utilisateur 2. Définir l’expérience utilisateur / La problématique du digital (web, mobile...) [...] a web site is a “self-service” product. There is no instruction manual to read beforehand, no training seminar to attend, no customer service representative to help the user through site. There is only the user, facing the site alone with only her wits and experience to guide her. Jesse James Garett The elements of user experience, 2002, New Riders
  • 37. Conception | Introduction au design d’expérience utilisateur 2. Définir l’expérience utilisateur / Les facettes de l’expérience utilisateur digitale useful usable desirable valuable findable accessible credible D’après P. Morville, http://semanticstudios.com/publications/semantics/000029.php, 2004
  • 38. Conception | Introduction au design d’expérience utilisateur A. Introduction au design d’expérience utilisateur 1. Contexte 2. Définir l’expérience utilisateur (UX) 3. Fondements de l’UX Design 4. Les domaines de l’UXD 5. L’UXD et l’entreprise 6. Références
  • 39. Conception | Introduction au design d’expérience utilisateur 3. Fondements de l’UX Design / Origines Les 3 influences de l’UXD HCI Computer graphics Design d’interface Ergonomie Design industriel Design Utilisabilité d’interaction UXD Recherche Segmentation Méta-données utilisateurs utilisateurs Architecture de l’information Marque Stratégie Archivage CRM Taxonomie Marketing Library Science Etude de marché Documentalisme
  • 40. Conception | Introduction au design d’expérience utilisateur 3. Fondements de l’UX Design / Origines Les 3 influences de l’UXD HCI Computer graphics Mark Boulton Douglas Bowman Jenifer Tidwell Ergonomie Design industriel Donald Norman Don Norman Alan Cooper Jakob Nielsen Bill Moggridge UXD Segmentation Méta-données utilisateurs Jesse James Garett Peter Morville Marque Louis Rosenfeld Archivage CRM Taxonomie Marketing Library Science Etude de marché Documentalisme
  • 41. Conception | Introduction au design d’expérience utilisateur 3. Fondements de l’UX Design / Design centré sur utilisateur (UCD) Premiers pas vers le design centré sur l’utilisateur “We bear in mind that the object being worked on is going to be ridden in, sat upon, looked at, talked into, activated, operated, or in some other way used by people individually or en masse. When the point of contact between the product and the people becomes a point of friction, then the […] designer has failed. On the other hand, if people are made safer, more comfortable, more eager to purchase, more efficient —or just plain happier—by contact with the product, then the designer has succeeded.” Henry Dreyfuss,1955 Designing for People, Allworth Press
  • 42. Conception | Introduction au design d’expérience utilisateur 3. Fondements de l’UX Design / Design centré sur utilisateur (UCD) L’UCD s’est formalisée grâce à la standardisation de la conception des applications informatiques (ISO 13407), nommée «conception centré sur l’humain» Le processus de conception centré sur l’humain définit un processus général incluant les activité centrés sur les humains par le biais d’un cycle de développement, mais ne spécifie pas exactement la méthode.
  • 43. Conception | Introduction au design d’expérience utilisateur 3. Fondements de l’UX Design / Design centré sur utilisateur (UCD) Processus de conception centré sur l’humain (norme ISO 13407) Identifier les besoins pour le design centré utilisateur Spécifier le contexte d’utilisation Evaluer les solutions Spécifier les exigences Les exigences sont atteintes de conception utilisateurs Produire des solutions de conceptions
  • 44. Conception | Introduction au design d’expérience utilisateur 3. Fondements de l’UX Design / Design centré sur utilisateur (UCD) Ce qu’il faut retenir sur l’UCD : ‣ Comprendre les besoins des utilisateurs (Recherche utilisateur) ‣ Concevoir des solutions qui répondent à ces besoins ‣ Faire participer les utilisateurs dans le processus de conception ‣ Conduire des tests avec les utilisateurs ‣ Modifier la conception itérativement tant que les tests ne sont pas satisfaisants Design itérations Test utilisateur Prototype et évaluation
  • 45. Conception | Introduction au design d’expérience utilisateur 3. Fondements de l’UX Design / Design centré sur utilisateur (UCD) L’UX Design est un processus centré sur l’utilisateur
  • 46. Conception | Introduction au design d’expérience utilisateur 3. Fondements de l’UX Design / Les éléments de Garett 5 plans Surface : rassemblons tout. Quelle est l’apparence du produit fini ? Squelette : rendons les choses concrètes. Quels composants vont être à la disposition des utilisateurs ? Structure : rassemblons les briques. Comment les différents éléments vont-ils se comporter et vivre ensemble ? Périmètre : transformons la stratégie en recommandation. Quelles sont les fonctionnalités ? Strategie : que voulons-nous retirer du site ? Quel sont les besoins des utilisateurs ? D’après J.J. Garett, The elements of user experiences, 2003, New Riders
  • 47. Conception | Introduction au design d’expérience utilisateur A. Introduction au design d’expérience utilisateur 1. Contexte 2. Définir l’expérience utilisateur (UX) 3. Fondements de l’UX Design 4. Les domaines de l’UXD 5. L’UXD et l’entreprise 6. Références
  • 48. Conception | Introduction au design d’expérience utilisateur 4. Les domaines de l’UXD / Pluridisciplinarité UX Strategy ! Definition des besoins ! Etude de contextes d’usage ! Strategie fonctionnelle IA ! Strategie des contenus ! Parcours utilisateurs UID ! Organisation de contenu ! Design d’interface ! Wireframes ! Spécifications graphiques ! Plannification fonctionnelle ! Catalogue d’objets UX DESIGN IxD Usability ! Modélisation des objets ! Conception des tests ! Comportement d’interface ! Recommandation et ! Organisation des gabarits rapport d’utilisabilité ! Spéc. fonctionnelles ! Process Flow Prototype ! Simulation du comportement d’interface ! Composants Front ! Librairie d’objets
  • 49. Conception | Introduction au design d’expérience utilisateur 4. Les domaines de l’UXD / Six pôles Répartition des pôles par éléments UX Design Prototypage Utilisabilité Utilisabilité Design d’interaction UX Stratégie Architecture d’information Design d’interface stratégie périmètre structure squelette surface strategic tactic
  • 50. Conception | Introduction au design d’expérience utilisateur 4. Les domaines de l’UXD / Métiers Graphiste(s) Développeur(s) Chef de projet
  • 51. Conception | Introduction au design d’expérience utilisateur 4. Les domaines de l’UXD / Métiers Graphiste / User Architecte Designer Ergonome web / Développeur / Designer d’interface researcher d’information d’interaction Expert en utilisabilité Prototype front Content strategist Technology Chef de projet Rédacteur SEO expert strategist / CTO
  • 52. Conception | Introduction au design d’expérience utilisateur 4. Les domaines de l’UXD / Métiers Architecte de l’information organise, modélise et catégorise l’information. Ce qui comprend souvent la mise en place d’un système de classification et de nomenclaturage pour les sites web, ou applications.
  • 53. Conception | Introduction au design d’expérience utilisateur 4. Les domaines de l’UXD / Métiers Designer d’interaction définit les comportements des produits et des systèmes avec lesquels un utilisateur peut interagir.
  • 54. Conception | Introduction au design d’expérience utilisateur 4. Les domaines de l’UXD / Métiers Ergonome web / Expert utilisabilité évalue la faculté d’un objet, d’un service ou d’un système à être utilisable, en conduisant des tests et des recherches auprès des utilisateurs.
  • 55. Conception | Introduction au design d’expérience utilisateur 4. Les domaines de l’UXD / Métiers Expert en recherche utilisateur étudie et modélise les objectifs et besoins des utilisateurs en menant des interviews et des tests dans un contexte d’usage donné.
  • 56. Conception | Introduction au design d’expérience utilisateur 4. Les domaines de l’UXD / Métiers Designer / Architecte Expérience utilisateur conçoit et produit les éléments de l’expérience d’un utilisateur comme résultante d’une interaction avec un produit, un service ou un système.
  • 57. Conception | Introduction au design d’expérience utilisateur 4. Les domaines de l’UXD / Métiers Designer interactif polyvalent, son activité regroupe souvent le design graphique, le design d’interface web, le design d’interaction et le motion design.
  • 58. Conception | Introduction au design d’expérience utilisateur 4. Les domaines de l’UXD / Typologies des systèmes digitaux Applicatif Desktop, bornes, autres... N M ew on s de s vi rtu el s Audiovisuel Informationnel
  • 59. Conception | Introduction au design d’expérience utilisateur 4. Les domaines de l’UXD / Typologies des systèmes digitaux Applicatif Desktop, bornes, autres... mouvements 2D/3D travelling, panoramique trajectoire, rotation, zoom... transitions 2D/3D fade, iris, wipe... filtres 2D/3D blur, glow, bevel... réponse sonore pan stéréo, filtres, intensité... N M ew on s d es vi rtu el s Audiovisuel Informationnel
  • 60. Conception | Introduction au design d’expérience utilisateur 4. Les domaines de l’UXD / Typologies des systèmes digitaux Applicatif Desktop, bornes, autres... RDA : Rich Desktop Application RMA : Rich Mobile Application RIA : Rich Internet Application Tr Bl N So Je Fi Pu a M ew og lm ns ux ci bl on s s s, al a ic en d ct ita do es io lig ire c nn vi ne in ,E rtu el te vt el ra ,P s ct or ifs tfo lio ... Audiovisuel Informationnel
  • 61. Conception | Introduction au design d’expérience utilisateur 4. Les domaines de l’UXD / Typologies des systèmes digitaux Applicatif Desktop, bornes, autres... RDA : Rich Desktop Application RMA : Rich Mobile Application RIA : Rich Internet Application Tr Bl N So Je Fi Pu a M ew og lm ns ux ci bl on s s s, al a ic en d ct ita do es io lig ire c nn vi ne in ,E rtu el te vt el ra ,P s ct or ifs tfo lio ... Audiovisuel Informationnel
  • 62. Conception | Introduction au design d’expérience utilisateur 4. Les domaines de l’UXD / Typologies des systèmes digitaux Applicatif Desktop, bornes, autres... RDA : Rich Desktop Application RMA : Rich Mobile Application RIA : Rich Internet Application Tr Bl N So Je Fi Pu a M ew og lm ns ux ci bl on s s s, al a ic en d ct ita do es io lig ire c nn vi ne in ,E rtu el te vt el ra ,P s ct or ifs tfo lio ... Audiovisuel Informationnel
  • 63. Conception | Introduction au design d’expérience utilisateur 4. Les domaines de l’UXD / Typologies des systèmes digitaux Applicatif Desktop, bornes, autres... RDA : Rich Desktop Application RMA : Rich Mobile Application RIA : Rich Internet Application Tr Bl N So Je Fi Pu a M ew og lm ns ux ci bl on s s s, al a ic en d ct ita do es io lig ire c nn vi ne in ,E rtu el te vt el ra ,P s ct or ifs tfo lio ... Audiovisuel Informationnel
  • 64. Conception | Introduction au design d’expérience utilisateur 4. Les domaines de l’UXD / Typologies des systèmes digitaux Applicatif Desktop, bornes, autres... RDA : Rich Desktop Application RMA : Rich Mobile Application RIA : Rich Internet Application Tr Bl N So Je Fi Pu a M ew og lm ns ux ci bl on s s s, al a ic en d ct ita do es io lig ire c nn vi ne in ,E rtu el te vt el ra ,P s ct or ifs tfo lio ... Audiovisuel Informationnel
  • 65. Conception | Introduction au design d’expérience utilisateur 4. Les domaines de l’UXD / Typologies des systèmes digitaux Applicatif Desktop, bornes, autres... RDA : Rich Desktop Application RMA : Rich Mobile Application RIA : Rich Internet Application Tr Bl N So Je Fi Pu a M ew og lm ns ux ci bl on s s s, al a ic en d ct ita do es io lig ire c nn vi ne in ,E rtu el te vt el ra ,P s ct or ifs tfo lio ... Audiovisuel Informationnel
  • 66. Conception | Introduction au design d’expérience utilisateur 4. Les domaines de l’UXD / Typologies des systèmes digitaux Applicatif Desktop, bornes, autres... RDA : Rich Desktop Application RMA : Rich Mobile Application RIA : Rich Internet Application Tr Bl N So Je Fi Pu a M ew og lm ns ux ci bl on s s s, al a ic en d ct ita do es io lig ire c nn vi ne in ,E rtu el te vt el ra ,P s ct or ifs tfo lio ... Audiovisuel Informationnel
  • 67. Conception | Introduction au design d’expérience utilisateur 4. Les domaines de l’UXD / Typologies des systèmes digitaux Affectation des métiers par typologie Informationnel User researcher Architecte de l’information Designer d’interaction Ergonome Web / Expert Utilisabilité Designer d’interface UX Designer
  • 68. Conception | Introduction au design d’expérience utilisateur 4. Les domaines de l’UXD / Typologies des systèmes digitaux Affectation des métiers par typologie Applicatif User researcher Architecte de l’information Designer d’interaction Ergonome Web / Expert Utilisabilité Designer d’interface UX Designer
  • 69. Conception | Introduction au design d’expérience utilisateur 4. Les domaines de l’UXD / Typologies des systèmes digitaux Affectation des métiers par typologie Audiovisuel User researcher Architecte de l’information Designer d’interaction Ergonome Web / Expert Utilisabilité Designer d’interface UX Designer
  • 70. Conception | Introduction au design d’expérience utilisateur A. Introduction au design d’expérience utilisateur 1. Contexte 2. Définir l’expérience utilisateur (UX) 3. Fondements de l’UX Design 4. Les domaines de l’UXD 5. L’UXD et l’entreprise 6. Références
  • 71. Conception | Introduction au design d’expérience utilisateur 5. L’UXD et l’entreprise / Typologie des entreprises TYPE APPROCHE PRODUITS EXEMPLE CMS, applications, Intranets, SSII Informatique SQLI e-commerce... Campagnes marketing online, contenus, Web agency Communication applications, intranets, e-commerces, Ogilvy Interactive réseaux sociaux, chartes graphiques... Fonctionnalités, contenus, services, tests, Pure player Service Amazon relatifs à une plateforme Objets, services, interfaces, applications, Agence de design Design IDEO chartes graphiques, tests... Cabinet de Livrables UX, recherche utilisateur, tests, UX Design Adaptive Path consultants UX rapports de tests, audits
  • 72. Conception | Introduction au design d’expérience utilisateur 5. L’UXD et l’entreprise / Stratégie de l’entreprise vs objectifs de l’utilisateur Devenir leader sur le marché de l’industrie X Générer Stratégie de l’entreprise l’engouement parmi nos client Augmenter la fréquentation de notre site web...
  • 73. Conception | Introduction au design d’expérience utilisateur 5. L’UXD et l’entreprise / Stratégie de l’entreprise vs objectifs de l’utilisateur Gagner de l’argent Susciter Objectifs utilisateurs l’admiration de ses proches Rendre plus pratique sa vie quotidienne...
  • 74. Conception | Introduction au design d’expérience utilisateur 5. L’UXD et l’entreprise / Stratégie de l’entreprise vs objectifs de l’utilisateur Stratégie de l’entreprise Objectifs utilisateurs
  • 75. Conception | Introduction au design d’expérience utilisateur 5. L’UXD et l’entreprise / Stratégie de l’entreprise vs objectifs de l’utilisateur Définition du projet Définition des business goal Stratégie de l’entreprise Stratégie UX Objectifs utilisateurs Filtrage des objectifs utilisateurs
  • 76. Conception | Introduction au design d’expérience utilisateur 5. L’UXD et l’entreprise / Quand l’UX devient philosophie Le cas Google Manifeste UX 1. Focus on people – their lives, their work, their dreams. 2. Every millisecond counts. 3. Simplicity is powerful. 4. Engage beginners and attract experts. 5. Dare to innovate. 6. Design for the world. 7. Plan for today's and tomorrow's business. 8. Delight the eye without distracting the mind. 9. Be worthy of people's trust. 10.Add a human touch. Sources : http://www.google.com/corporate/ux.html
  • 77. Conception | Introduction au design d’expérience utilisateur 5. L’UXD et l’entreprise / Quand l’UX devient philosophie Le cas Google Philosophie de l’entreprise 1. Focus on the user and all else will follow. 2. It’s best to do one thing really, really well. 3. Fast is better than slow. 4. Democracy on the web works. 5. You don’t need to be at your desk to need an answer. 6. You can make money without doing evil. 7. There’s always more information out there. 8. The need for information crosses all borders. 9. You can be serious without a suit. 10.Great just isn’t good enough. Sources :http://www.google.com/corporate/tenthings.html
  • 78. Conception | Introduction au design d’expérience utilisateur 5. L’UXD et l’entreprise / L’UXD dans les projets digitaux project management concrete design technology content implementation production tactic abstract design strategic technology content strategy strategy site strategy user research
  • 79. Conception | Introduction au design d’expérience utilisateur 5. L’UXD et l’entreprise / L’UXD dans les projets digitaux project management Usability UID concrete design Prototype technology content implementation IxD production tactic abstract IxD IA design strategic technology content strategy IA strategy Usability site strategy UX Strat. user research
  • 80. Conception | Introduction au design d’expérience utilisateur 5. L’UXD et l’entreprise / Une nouvelle approche de la gestion de projet D’après Mr. Patrick J. Lynch & Ms. Sarah Horton, Web Style Guide, 3rd edition, 2009, Yale University Press
  • 81. Conception | Introduction au design d’expérience utilisateur 5. L’UXD et l’entreprise / Une nouvelle approche de la gestion de projet Approche classique en cascade
  • 82. Conception | Introduction au design d’expérience utilisateur 5. L’UXD et l’entreprise / Une nouvelle approche de la gestion de projet Déperdition de la qualité dans une approche en cascade Quality Temps Strategy Design Development
  • 83. Conception | Introduction au design d’expérience utilisateur 5. L’UXD et l’entreprise / Une nouvelle approche de la gestion de projet Approche agile
  • 84. Conception | Introduction au design d’expérience utilisateur 5. L’UXD et l’entreprise / Une nouvelle approche de la gestion de projet Approche hybride pragmatique
  • 85. Conception | Introduction au design d’expérience utilisateur 5. L’UXD et l’entreprise / Une nouvelle approche de la gestion de projet Augmentation de la qualité dans une approche hybride pragmatique Quality UX UX UX UX Temps Strategy Design Development
  • 86. Conception | Introduction au design d’expérience utilisateur 6. L’UXD et l’entreprise / Enjeux et bénéfices Enjeux ‣ Composer et connaître la culture de l’entreprise ‣ Faire comprendre que : Process existant + UXD + bénéfices <= coût du process existant et que : Nouveau process UXD orienté + bénéfices << coût ancien process ‣ La mutation des process est souvent perçue comme une menace par l’entreprise
  • 87. Conception | Introduction au design d’expérience utilisateur 6. L’UXD et l’entreprise / Enjeux et bénéfices Bénéfices ‣ ROI ‣ Augmentation du taux de conversion des utilisateurs ‣ Fidélisation des utilisateurs ‣ Avantage compétitif
  • 88. Conception | Introduction au design d’expérience utilisateur A. Introduction au design d’expérience utilisateur 1. Contexte 2. Définir l’expérience utilisateur (UX) 3. Fondements de l’UX Design 4. Les domaines de l’UXD 5. L’UXD et l’entreprise 6. Références
  • 89. Conception | Introduction au design d’expérience utilisateur 7. Références / Bibliographie Hunger & Chandler, A project guide to UX Design, 2009, New Riders Merholz, Shauer, Verba & Wilkens, Subject to change, 2009, Garett, The elements of user experience, 2002, New Riders, O’Reilly Morville, Rosenfeld, Information Architecture for the World Wide Web, 2002, O’Reilly Norman, The design of everyday things, 1988, Basic books The Human-Computer Interaction Handbook, 2008, LEA Cooper, About Face 3 (The Essentials of Interaction Design), 2007, Wiley Saffer, Designing for interaction, 2007, New Riders Moggridge, Designing Interactions, MIT Press, 2006 Tidwell, Designing Interfaces, 2005, O’Reilly
  • 90. Conception | Introduction au design d’expérience utilisateur 7. Références / Webographie Actualités sur l’UX Interaction Design http://www.uxmag.com/ http://www.ixda.org/ http://boxesandarrows.com http://www.cooper.com/ http://adaptivepath.com/ http://www.odannyboy.com/portfolio/index.html http://semanticstudios.com/publications/semantics/000228.php (sur les livrables UX) http://developer.yahoo.com/ypatterns/ http://www.digitaldesignblog.com/ (blog UX de Razorfish) Strategic Design et design d’information User Design Interface http://www.visualcomplexity.com http://ui-patterns.com/ http://www.visual-literacy.org/periodic_table/periodic_table.html http://uie.com/ http://www.communicatingdesign.com/ http://www.thebackofthenapkin.com/ Usability Architecture d’information http://www.clearleft.com http://www.iainstitute.org/ http://www.useit.com/ http://www.jjg.net/ia/ http://www.sensible.com/index.html http://informationarchitects.jp/ http://iatelevision.blogspot.com/