SlideShare ist ein Scribd-Unternehmen logo
1 von 51
Downloaden Sie, um offline zu lesen
CONFÉRENCE UX
                        INITIATION ET TOUR D’HORIZON




                         Par Timothée ROUSSILHE - Synerg’hetic
lundi 19 novembre 12
QUI SUIS-JE?


                       Étudiant en H4 à HETIC
                       Responsable projets à Synerg’hetic

                       Stage chez DDB en stratégie.

                       Intérêt pour l’ UX, la technique et le processus créatif.



                       @timroussilhe
                       timothee-roussilhe.com




lundi 19 novembre 12
POURQUOI CETTE
                        CONFÉRENCE ?




lundi 19 novembre 12
C’EST QUOI L’EXPÉRIENCE
                             UTILISATEUR?




lundi 19 novembre 12
L’UX C’EST QUOI ?


                                     POURQUOI
                         QUOI

                       QUAND         COMMENT
                                OU



                  UTILISE-T’ON NOTRE PRODUIT?
lundi 19 novembre 12
MAIS AUSSI :


                                        POURQUOI
                           QUOI
                                  QUI
                        QUAND           COMMENT
                                  OU




lundi 19 novembre 12
                       UTILISE NOTRE PRODUIT?
DÉFINITION :

                       UX : Tout ce qui affecte l'interaction
                       d’un utilisateur avec le produit.

                       USER CENTRIC DESIGN




lundi 19 novembre 12
DÉFINITION :



                        BESOIN            BESOIN
                       BUSINESS   UX         DE
                                       L’UTILISATEUR




lundi 19 novembre 12
WHIT GREAT UX DESIGN COMES GREAT
 RESPONSIBILITY !




lundi 19 novembre 12
POURQUOI L’UX C’EST
                          IMPORTANT?




lundi 19 novembre 12
L’UX VA NOUS PERMETTRE DE RÉPONDRE AU BESOIN DE L’UTILISATEUR

                       LE WEB CHANGE ET SE COMPLEXIFIE, LE NOMBRE DE DEVICES SE MULTIPLIE


                       CELA VA PERMETTRE D’AMELIORER NOTRE PRODUIT :
                       Taux de conversion
                       Taux d’enregistrement
                       Le nombre d’abandon
                       Augmenter le taux d’utilisation du produit
                       Sauver du temps
                       Réduire les erreurs




lundi 19 novembre 12
L’UX est devenu un élément différenciant qui peut faire le succès d’un service ou d’un site.
  Exemples :




lundi 19 novembre 12
5 RAISONS DE SE METTRE À
                                L’UX !




lundi 19 novembre 12
VOUS ÊTES DÉJÀ EN TRAIN D’EN FAIRE


                       C’EST UN PROCESS


                       C’EST PAS DIFFICILE


                       C’EST FUN

                       HETIC EST UNE BONNE PLACE POUR DEVENIR UX DESIGNER




lundi 19 novembre 12
5 COMPÉTENCES QUI FONT UN
                        BON UX DESIGNER.




lundi 19 novembre 12
CROQUIS


                       STORYTELLING


                       LA CRITIQUE


                       PRÉSENTER

                       FACILITER




                                      Le  meilleur  ami  
                                      de  l’UX  designer




lundi 19 novembre 12
C’EST QUOI
CONCRETEMENT
L’UX ?



lundi 19 novembre 12
lundi 19 novembre 12
FAUX
lundi 19 novembre 12
EN
                       PARTIE
lundi 19 novembre 12
                        FAUX
ÉLÉMENTS DE L’UX
                                              SURFACE
                                            Design visuel


                                              OSSATURE
                                      Design d’interface
                                   Design de navigation
                                  Design de l’information

                                            STRUCTURE
                                    Design d’interaction
                            Architecture de l’information


                                                 SCOPE
                            Spécifications fonctionnelles
                                               Contenu


                                             STRATÉGIE
                                                Stratégie
                                    Objectifs du produits
                       Études et attentes des utilisateurs
lundi 19 novembre 12
STRATÉGIE

                       DEUX QUESTIONS À SE POSER :
                       Quels sont les objectifs du produit.
                       Quels sont les attentes de l’utilisateur.




lundi 19 novembre 12
OBJECTIFS DU PRODUIT


    Objectifs de l’entreprise



    Identité de la marque



    Mesurer l'efficacité




lundi 19 novembre 12
ATTENTES DES UTILISATEURS


    Segmentation des utilisateurs


    Utilisabilité et recherche


   Personas & customer journey




lundi 19 novembre 12
FOCUS : PERSONA



       DÉFINITION
       AVANTAGES
       Définir des hypothèses
       Concentrer son attention sur l’utilisateur
       Définir une version commune de «Pour qui» on conçoit le produit.
       Prendre des décisions «plus humaines» et moins abstraite
       Définir les besoins avant de rentrer dans les détails du produit.

       INCONVÉNIENTS
       N’aide pas à concevoir le produit.
       Ne valide pas les hypothèses.
       Ça ne remplace pas les recherches et les tests.




lundi 19 novembre 12
lundi 19 novembre 12
lundi 19 novembre 12
SCOPE

                       DÉFINIR LE CONTENU ET FONCTIONNALITÉS.




lundi 19 novembre 12
STRUCTURE
                       Design d’interaction & Architecture de l’information
                               FONCTIONNALITÉS & CONTENU




lundi 19 novembre 12
DESIGN D’INTERACTION
       1980
       Émergence du numérique auprès du grand public
       Nécessité de simplifier les interactions homme-machine

       Bill Moggridge
       Co-fondateur de l’agence IDEO
       DÉFINITION
       Deux niveaux d’interactions :
       soit entre un utilisateur et un système,
       soit entre des utilisateurs, “interaction sociale”




lundi 19 novembre 12
ARCHITECTURE DE L’INFORMATION




       DÉFINITION


       4 COMPOSANTES DE L’AI :

       L’organisation des contenus

       Définition des systèmes de navigation

       Terminologie et labels

       Systèmes de recherche




lundi 19 novembre 12
ARCHITECTURE DE L’INFORMATION :
  CAS CONCRET

                       LE CAS DE LA CARTE D’EMBARQUEMENT




                                                   http://passfail.squarespace.com/
lundi 19 novembre 12
ARCHITECTURE DE L’INFORMATION :
  CAS CONCRET




                                    http://passfail.squarespace.com/
lundi 19 novembre 12
ARCHITECTURE DE L’INFORMATION :
  CAS CONCRET




                                    http://passfail.squarespace.com/
lundi 19 novembre 12
ARCHITECTURE DE L’INFORMATION :
  CAS CONCRET




                                    http://passfail.squarespace.com/
lundi 19 novembre 12
ARCHITECTURE DE L’INFORMATION :
  CAS CONCRET




                                    http://passfail.squarespace.com/
lundi 19 novembre 12
ARCHITECTURE DE L’INFORMATION :
  CAS CONCRET




                                    http://passfail.squarespace.com/
lundi 19 novembre 12
ARCHITECTURE DE L’INFORMATION :
  CAS CONCRET




                                    http://passfail.squarespace.com/
lundi 19 novembre 12
OSSATURE
                         Design d’interface
                       + Design de navigation
                       + Design de l’information




lundi 19 novembre 12
OSSATURE : ZONNING & WIREFRAME

                                                                                    Meilleurs outils
                                                                                    d’un UX Designer :




                       http://www.smashingmagazine.com/2010/03/29/free-printable-sketching-wireframing-and-note-taking-pdf-templates/
lundi 19 novembre 12
OSSATURE : ZONNING & WIREFRAME




lundi 19 novembre 12
OSSATURE : SCÉNARIO




lundi 19 novembre 12
OSATURE :
 SCÉNARIO




lundi 19 novembre 12
OSSATURE : PROTOTYPE
                       LE RÔLE D’UN UX DESIGNER ET DE CONCEVOIR PUIS DE TESTER




                                     DO                                          DON’T
                           Travailler de façon collaborative           Ne pas prototyper de fonctionnalités
                                                                       qui ne peuvent être implémenter.
                           Eviter le piège du «prototype»
                                                                       Ne pas prendre en compte chaque
                           Mettre en place des délais de               requêtes qui résultent des tests.
                           réponses
                                                                       Ne pas trop cadrer les tests.
                           Réutiliser ses ressources ( templates,
                           modèles, patterns...)                       Ne pas être perfectionniste.
                           Lors des test bien se rappeler et           Ne pas tout prototyper.
                           informer les utilisateurs sur le but d’un
                           prototype




lundi 19 novembre 12
TEST UTILISATEUR
   DEUX TYPES DE TEST UTILISATEURS :




                                       QUALITATIF              QUANTITATIF
                                       Tri par carte           Sondages
                                       Tests individuels       Analytics
                                       Groupes participatifs   A/B Testing
                                       Test oculaires
                                       Test in situ




lundi 19 novembre 12
LES OUTILS
   BALSAMIQ MOCKUP          ILLUSTRATOR             OMNIGRAFFLE                  MOCKINGBIRD




  Simplicité           Personnalisation et      Outil complet : navigation,   Interface optimisée
  Rapidité             configuration             diagramme, wireframe...       Version en ligne
  Effet Sketch         Nombreuses               Nombreuses bibliothèque de    gratuite
                       bibliothèque de modèle   modèle et possibilité de      Prototype : création
                                                créer/importer les siens.     de lien entre les
                                                                              pages



lundi 19 novembre 12
LES OUTILS : Prototype
                AXURE    HTML ( Twitter Bootstrap)       Proto.io            Codiqua




  Outil complexe.        Rapide à configurer et à     Interface intuitive   Jquery Mobile
  Possibilité de faire   mettre en place.            Transformer ses       Rapidité
  des prototypes et      Framework assez             maquettes en          Possibilité
  des animations         complet : grille,           prototype             d'héberger en ligne
  poussées.              responsive...
  Export html



lundi 19 novembre 12
RÉSUMÉ ET LIVRABLES




                       PRÉSENTATION
                                                                                               ANALYTICS
                                                                                               A/B TESTING


              STRATÉGIE                SCOPE            STRUCTURE                 OSSATURE      SURFACE




      PERSONAS                        INVENTAIRE                  PARCOURS      WIREFRAME PROTOTYPE
                       ÉTUDES                          NAVIGATION UTILISATEUR
                       UTILISATEUR    DES CONTENUS




                                                       CARTE DES                         TESTS
     ÉTUDES            SCÉNARIO       SPÉCIFICATIONS                                     UTILISATEUR
     MARCHÉ &                                          CONCEPTS
                       UTILISATEUR    FONCTIONNELLES
     ANALYTICS
lundi 19 novembre 12
RESSOURCES
 BLOG GÉNÉRALISTES :
      http://uxdesign.smashingmagazine.com/
      http://www.uxmag.com/
      http://www.uxbooth.com/

      http://uxmastery.com/

      http://www.usabilitypost.com/

      http://www.90percentofeverything.com/

 BLOG SPÉCIALISÉ :
     www.lukew.com
     http://www.useit.com/
     http://www.ixda.org/
     http://informationarchitects.net/blog/

  PRÉSENTATION :
     http://fr.slideshare.net/nickf/user-experience-best-practices
     http://prezi.com/aafmvya6bk7t/understanding-information-architecture/
     http://fr.slideshare.net/Kristen_hardy/what-is-ux-design
lundi 19 novembre 12
RESSOURCES
  LIVRES




lundi 19 novembre 12
MERCI DE VOTRE
                         ATTENTION




lundi 19 novembre 12

Más contenido relacionado

Was ist angesagt?

What is UI/UX and the Difference
What is UI/UX and the DifferenceWhat is UI/UX and the Difference
What is UI/UX and the DifferenceVibloo
 
Introduction to UX for Developers
Introduction to UX for DevelopersIntroduction to UX for Developers
Introduction to UX for DevelopersJacques Woodcock
 
UX Lesson 1: User Centered Design
UX Lesson 1: User Centered DesignUX Lesson 1: User Centered Design
UX Lesson 1: User Centered DesignJoan Lumanauw
 
User Experience : Ux versus UI
User Experience : Ux versus UIUser Experience : Ux versus UI
User Experience : Ux versus UIPatrice Lelaisant
 
UI and UX Design for Startups - Matin Maleki
UI and UX Design for Startups - Matin MalekiUI and UX Design for Startups - Matin Maleki
UI and UX Design for Startups - Matin MalekiMatin Maleki
 
UI UX Introductory session
UI UX Introductory sessionUI UX Introductory session
UI UX Introductory sessionSooraj P R
 
The difference between ux and ui design
The difference between ux and ui designThe difference between ux and ui design
The difference between ux and ui designShweta Joshi
 
UX/UI Design and How It Works
UX/UI Design and How It WorksUX/UI Design and How It Works
UX/UI Design and How It WorksAciron Consulting
 
UX & UI Design - Differentiate through design
UX & UI Design - Differentiate through designUX & UI Design - Differentiate through design
UX & UI Design - Differentiate through designDMI
 
i/o extended: Intro to <UX> Design
i/o extended: Intro to <UX> Design  i/o extended: Intro to <UX> Design
i/o extended: Intro to <UX> Design GDGKuwaitGoogleDevel
 
UI vs UX workshop
UI vs UX workshopUI vs UX workshop
UI vs UX workshopInova LLC
 
Les fondamentaux de UI UX Design .pdf
Les fondamentaux de UI UX Design .pdfLes fondamentaux de UI UX Design .pdf
Les fondamentaux de UI UX Design .pdfSonia SAHLI
 
UX RULES: 10 ESSENTIAL PRINCIPLES
UX RULES: 10 ESSENTIAL PRINCIPLESUX RULES: 10 ESSENTIAL PRINCIPLES
UX RULES: 10 ESSENTIAL PRINCIPLESJeremy Robinson
 
UX Design + UI Design: Injecting a brand persona!
UX Design + UI Design: Injecting a brand persona!UX Design + UI Design: Injecting a brand persona!
UX Design + UI Design: Injecting a brand persona!Jayan Narayanan
 

Was ist angesagt? (20)

What is UI/UX and the Difference
What is UI/UX and the DifferenceWhat is UI/UX and the Difference
What is UI/UX and the Difference
 
Introduction to UX for Developers
Introduction to UX for DevelopersIntroduction to UX for Developers
Introduction to UX for Developers
 
UX Lesson 1: User Centered Design
UX Lesson 1: User Centered DesignUX Lesson 1: User Centered Design
UX Lesson 1: User Centered Design
 
User Experience : Ux versus UI
User Experience : Ux versus UIUser Experience : Ux versus UI
User Experience : Ux versus UI
 
UI and UX Design for Startups - Matin Maleki
UI and UX Design for Startups - Matin MalekiUI and UX Design for Startups - Matin Maleki
UI and UX Design for Startups - Matin Maleki
 
Introduction to UI UX
Introduction to UI UXIntroduction to UI UX
Introduction to UI UX
 
UI UX Introductory session
UI UX Introductory sessionUI UX Introductory session
UI UX Introductory session
 
BASIC UX PRESENTATION
BASIC UX PRESENTATIONBASIC UX PRESENTATION
BASIC UX PRESENTATION
 
Ui vs UX design
Ui vs UX designUi vs UX design
Ui vs UX design
 
The difference between ux and ui design
The difference between ux and ui designThe difference between ux and ui design
The difference between ux and ui design
 
UX/UI Design and How It Works
UX/UI Design and How It WorksUX/UI Design and How It Works
UX/UI Design and How It Works
 
UX & UI Design - Differentiate through design
UX & UI Design - Differentiate through designUX & UI Design - Differentiate through design
UX & UI Design - Differentiate through design
 
What is UX design?
What is UX design? What is UX design?
What is UX design?
 
i/o extended: Intro to <UX> Design
i/o extended: Intro to <UX> Design  i/o extended: Intro to <UX> Design
i/o extended: Intro to <UX> Design
 
UI vs UX workshop
UI vs UX workshopUI vs UX workshop
UI vs UX workshop
 
Ux design process
Ux design processUx design process
Ux design process
 
Les fondamentaux de UI UX Design .pdf
Les fondamentaux de UI UX Design .pdfLes fondamentaux de UI UX Design .pdf
Les fondamentaux de UI UX Design .pdf
 
UX Design Process
UX Design ProcessUX Design Process
UX Design Process
 
UX RULES: 10 ESSENTIAL PRINCIPLES
UX RULES: 10 ESSENTIAL PRINCIPLESUX RULES: 10 ESSENTIAL PRINCIPLES
UX RULES: 10 ESSENTIAL PRINCIPLES
 
UX Design + UI Design: Injecting a brand persona!
UX Design + UI Design: Injecting a brand persona!UX Design + UI Design: Injecting a brand persona!
UX Design + UI Design: Injecting a brand persona!
 

Andere mochten auch

Ux design. Quoi, Comment, Pourquoi. [Downloadable version - French]
Ux design. Quoi, Comment, Pourquoi. [Downloadable version - French]Ux design. Quoi, Comment, Pourquoi. [Downloadable version - French]
Ux design. Quoi, Comment, Pourquoi. [Downloadable version - French]Serena Facchinetti
 
Methodes de design UX : revolutionnez votre coffre à outils ! - Soiree TLMUX ...
Methodes de design UX : revolutionnez votre coffre à outils ! - Soiree TLMUX ...Methodes de design UX : revolutionnez votre coffre à outils ! - Soiree TLMUX ...
Methodes de design UX : revolutionnez votre coffre à outils ! - Soiree TLMUX ...Carine Lallemand
 
Ux design & ergonomie des interfaces 6ème édition (extrait)
Ux design & ergonomie des interfaces 6ème édition (extrait) Ux design & ergonomie des interfaces 6ème édition (extrait)
Ux design & ergonomie des interfaces 6ème édition (extrait) Usabilis
 
10 méthodes UX appliquées à votre projet Web
10 méthodes UX appliquées à votre projet Web10 méthodes UX appliquées à votre projet Web
10 méthodes UX appliquées à votre projet WebCore-Techs
 
Projet Portfolio - UX Design
Projet Portfolio - UX DesignProjet Portfolio - UX Design
Projet Portfolio - UX DesignSolène Berthet
 
Journée Thématique Ateliers UX - Experience Maps - Corinne leulier
Journée Thématique Ateliers UX - Experience Maps - Corinne leulierJournée Thématique Ateliers UX - Experience Maps - Corinne leulier
Journée Thématique Ateliers UX - Experience Maps - Corinne leulierFlupa
 
Ux design-jean-françois-marti
Ux design-jean-françois-martiUx design-jean-françois-marti
Ux design-jean-françois-martiFrenchWeb.fr
 
Nabil Thalmann - UX design et expérience utilisateur
Nabil Thalmann - UX design et expérience utilisateurNabil Thalmann - UX design et expérience utilisateur
Nabil Thalmann - UX design et expérience utilisateurWebCampDay
 
BlendWebMix 2015 - UX Design : et si la clé du succès se trouvait dans les th...
BlendWebMix 2015 - UX Design : et si la clé du succès se trouvait dans les th...BlendWebMix 2015 - UX Design : et si la clé du succès se trouvait dans les th...
BlendWebMix 2015 - UX Design : et si la clé du succès se trouvait dans les th...Carine Lallemand
 
UX, e-Commerce et Web Marketing (+ Chiffres e-Commerce et M-Commerce 2014)
UX, e-Commerce et Web Marketing (+ Chiffres e-Commerce et M-Commerce 2014)UX, e-Commerce et Web Marketing (+ Chiffres e-Commerce et M-Commerce 2014)
UX, e-Commerce et Web Marketing (+ Chiffres e-Commerce et M-Commerce 2014)Frederic_Veidig
 
Conduite et gestion de projet
Conduite et gestion de projetConduite et gestion de projet
Conduite et gestion de projetJCI Ariana
 
The role of Design Thinking
The role of Design ThinkingThe role of Design Thinking
The role of Design ThinkingPieter Baert
 
UX, ethnography and possibilities: for Libraries, Museums and Archives
UX, ethnography and possibilities: for Libraries, Museums and ArchivesUX, ethnography and possibilities: for Libraries, Museums and Archives
UX, ethnography and possibilities: for Libraries, Museums and ArchivesNed Potter
 
enculeur nique hard le sexe lisse d'une pompeuse bitch
enculeur nique hard le sexe lisse d'une pompeuse bitchenculeur nique hard le sexe lisse d'une pompeuse bitch
enculeur nique hard le sexe lisse d'une pompeuse bitchsupremexanadu8665
 
Google Analytics Persona Poster - BP
Google Analytics Persona Poster - BPGoogle Analytics Persona Poster - BP
Google Analytics Persona Poster - BPBrian Piper
 
FLUPA UX-Day 2012 : L’UX, d’accord, mais que fait le storyboard ? par Ewane P...
FLUPA UX-Day 2012 : L’UX, d’accord, mais que fait le storyboard ? par Ewane P...FLUPA UX-Day 2012 : L’UX, d’accord, mais que fait le storyboard ? par Ewane P...
FLUPA UX-Day 2012 : L’UX, d’accord, mais que fait le storyboard ? par Ewane P...Flupa
 

Andere mochten auch (20)

Ux design. Quoi, Comment, Pourquoi. [Downloadable version - French]
Ux design. Quoi, Comment, Pourquoi. [Downloadable version - French]Ux design. Quoi, Comment, Pourquoi. [Downloadable version - French]
Ux design. Quoi, Comment, Pourquoi. [Downloadable version - French]
 
Lean UX
Lean UX Lean UX
Lean UX
 
Methodes de design UX : revolutionnez votre coffre à outils ! - Soiree TLMUX ...
Methodes de design UX : revolutionnez votre coffre à outils ! - Soiree TLMUX ...Methodes de design UX : revolutionnez votre coffre à outils ! - Soiree TLMUX ...
Methodes de design UX : revolutionnez votre coffre à outils ! - Soiree TLMUX ...
 
Ux design & ergonomie des interfaces 6ème édition (extrait)
Ux design & ergonomie des interfaces 6ème édition (extrait) Ux design & ergonomie des interfaces 6ème édition (extrait)
Ux design & ergonomie des interfaces 6ème édition (extrait)
 
10 méthodes UX appliquées à votre projet Web
10 méthodes UX appliquées à votre projet Web10 méthodes UX appliquées à votre projet Web
10 méthodes UX appliquées à votre projet Web
 
Projet Portfolio - UX Design
Projet Portfolio - UX DesignProjet Portfolio - UX Design
Projet Portfolio - UX Design
 
Journée Thématique Ateliers UX - Experience Maps - Corinne leulier
Journée Thématique Ateliers UX - Experience Maps - Corinne leulierJournée Thématique Ateliers UX - Experience Maps - Corinne leulier
Journée Thématique Ateliers UX - Experience Maps - Corinne leulier
 
Ux design-jean-françois-marti
Ux design-jean-françois-martiUx design-jean-françois-marti
Ux design-jean-françois-marti
 
Nabil Thalmann - UX design et expérience utilisateur
Nabil Thalmann - UX design et expérience utilisateurNabil Thalmann - UX design et expérience utilisateur
Nabil Thalmann - UX design et expérience utilisateur
 
UX methode-paris web
UX methode-paris webUX methode-paris web
UX methode-paris web
 
BlendWebMix 2015 - UX Design : et si la clé du succès se trouvait dans les th...
BlendWebMix 2015 - UX Design : et si la clé du succès se trouvait dans les th...BlendWebMix 2015 - UX Design : et si la clé du succès se trouvait dans les th...
BlendWebMix 2015 - UX Design : et si la clé du succès se trouvait dans les th...
 
UX, e-Commerce et Web Marketing (+ Chiffres e-Commerce et M-Commerce 2014)
UX, e-Commerce et Web Marketing (+ Chiffres e-Commerce et M-Commerce 2014)UX, e-Commerce et Web Marketing (+ Chiffres e-Commerce et M-Commerce 2014)
UX, e-Commerce et Web Marketing (+ Chiffres e-Commerce et M-Commerce 2014)
 
Conduite et gestion de projet
Conduite et gestion de projetConduite et gestion de projet
Conduite et gestion de projet
 
The role of Design Thinking
The role of Design ThinkingThe role of Design Thinking
The role of Design Thinking
 
UX, ethnography and possibilities: for Libraries, Museums and Archives
UX, ethnography and possibilities: for Libraries, Museums and ArchivesUX, ethnography and possibilities: for Libraries, Museums and Archives
UX, ethnography and possibilities: for Libraries, Museums and Archives
 
enculeur nique hard le sexe lisse d'une pompeuse bitch
enculeur nique hard le sexe lisse d'une pompeuse bitchenculeur nique hard le sexe lisse d'une pompeuse bitch
enculeur nique hard le sexe lisse d'une pompeuse bitch
 
Google Analytics Persona Poster - BP
Google Analytics Persona Poster - BPGoogle Analytics Persona Poster - BP
Google Analytics Persona Poster - BP
 
UX design
UX designUX design
UX design
 
Faclab Wireframe
Faclab WireframeFaclab Wireframe
Faclab Wireframe
 
FLUPA UX-Day 2012 : L’UX, d’accord, mais que fait le storyboard ? par Ewane P...
FLUPA UX-Day 2012 : L’UX, d’accord, mais que fait le storyboard ? par Ewane P...FLUPA UX-Day 2012 : L’UX, d’accord, mais que fait le storyboard ? par Ewane P...
FLUPA UX-Day 2012 : L’UX, d’accord, mais que fait le storyboard ? par Ewane P...
 

Ähnlich wie Formation UX Design, introduction et tour d'horizon

Workshop UX Design - FLUPA UX-Day 2013
Workshop UX Design - FLUPA UX-Day 2013Workshop UX Design - FLUPA UX-Day 2013
Workshop UX Design - FLUPA UX-Day 2013Carine Lallemand
 
Les Heuristiques de Bastien et Scapin
Les Heuristiques de Bastien et ScapinLes Heuristiques de Bastien et Scapin
Les Heuristiques de Bastien et ScapinUX REPUBLIC
 
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 2016Idean France
 
UX BA - Une collaboration nécessaire pour le futur des entreprises
UX BA - Une collaboration nécessaire pour le futur des entreprisesUX BA - Une collaboration nécessaire pour le futur des entreprises
UX BA - Une collaboration nécessaire pour le futur des entreprisesChrystel Black
 
Data et UX en business intelligence
Data et UX en business intelligenceData et UX en business intelligence
Data et UX en business intelligenceMatthieu Gioani
 
Direction l'AgilUX - Agile Tour Paris 2011
Direction l'AgilUX - Agile Tour Paris 2011Direction l'AgilUX - Agile Tour Paris 2011
Direction l'AgilUX - Agile Tour Paris 2011ENSIBS
 
Chers designers, c’est de votre faute… - Jean-Sébastien Daigle
Chers designers, c’est de votre faute… - Jean-Sébastien DaigleChers designers, c’est de votre faute… - Jean-Sébastien Daigle
Chers designers, c’est de votre faute… - Jean-Sébastien DaigleWeb à Québec
 
WUD2010- le studio digital collaboratif
WUD2010- le studio digital collaboratifWUD2010- le studio digital collaboratif
WUD2010- le studio digital collaboratifFlupa
 
Cwin16 - Paris - ux design
Cwin16 - Paris - ux designCwin16 - Paris - ux design
Cwin16 - Paris - ux designCapgemini
 
Méthodologie du design numérique: le cas du game design
Méthodologie du design numérique: le cas du game designMéthodologie du design numérique: le cas du game design
Méthodologie du design numérique: le cas du game designnicolas nova
 
Ecosystème applicatif et UI de marque
Ecosystème applicatif et UI de marqueEcosystème applicatif et UI de marque
Ecosystème applicatif et UI de marqueNicolas Rouit-Leduc
 
UX Republic UX-Radar - juin 2018
UX Republic UX-Radar - juin 2018 UX Republic UX-Radar - juin 2018
UX Republic UX-Radar - juin 2018 romain landsberg
 
Get the SWAG on #1 : Clarisse Lacarreau, Head of BETC Startup Lab
Get the SWAG on #1 : Clarisse Lacarreau, Head of BETC Startup LabGet the SWAG on #1 : Clarisse Lacarreau, Head of BETC Startup Lab
Get the SWAG on #1 : Clarisse Lacarreau, Head of BETC Startup LabTheFamily
 
Présentation FrenchWeb: Qu'est-ce que la visualisation des données?
Présentation FrenchWeb: Qu'est-ce que la visualisation des données?Présentation FrenchWeb: Qu'est-ce que la visualisation des données?
Présentation FrenchWeb: Qu'est-ce que la visualisation des données?Clement Levallois
 
Agile Wake Up #3 : Lean UX
Agile Wake Up #3 : Lean UXAgile Wake Up #3 : Lean UX
Agile Wake Up #3 : Lean UXZenika
 
Work n coffee : l'Ux design au service de ma performance
Work n coffee : l'Ux design au service de ma performanceWork n coffee : l'Ux design au service de ma performance
Work n coffee : l'Ux design au service de ma performanceNet Design
 
lebiklab_cr971_fablab_prez_2.pdf
lebiklab_cr971_fablab_prez_2.pdflebiklab_cr971_fablab_prez_2.pdf
lebiklab_cr971_fablab_prez_2.pdfowatte1
 
Améliorer le ROI de vos applications grâce à la démarche Design UX
Améliorer le ROI de vos applications grâce à la démarche Design UXAméliorer le ROI de vos applications grâce à la démarche Design UX
Améliorer le ROI de vos applications grâce à la démarche Design UXMicrosoft Ideas
 
Portfolio Business Booster
Portfolio Business BoosterPortfolio Business Booster
Portfolio Business BoosterTeemster
 

Ähnlich wie Formation UX Design, introduction et tour d'horizon (20)

Workshop UX Design - FLUPA UX-Day 2013
Workshop UX Design - FLUPA UX-Day 2013Workshop UX Design - FLUPA UX-Day 2013
Workshop UX Design - FLUPA UX-Day 2013
 
Les Heuristiques de Bastien et Scapin
Les Heuristiques de Bastien et ScapinLes Heuristiques de Bastien et Scapin
Les Heuristiques de Bastien et Scapin
 
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
 
UX BA - Une collaboration nécessaire pour le futur des entreprises
UX BA - Une collaboration nécessaire pour le futur des entreprisesUX BA - Une collaboration nécessaire pour le futur des entreprises
UX BA - Une collaboration nécessaire pour le futur des entreprises
 
Data et UX en business intelligence
Data et UX en business intelligenceData et UX en business intelligence
Data et UX en business intelligence
 
Direction l'AgilUX - Agile Tour Paris 2011
Direction l'AgilUX - Agile Tour Paris 2011Direction l'AgilUX - Agile Tour Paris 2011
Direction l'AgilUX - Agile Tour Paris 2011
 
Chers designers, c’est de votre faute… - Jean-Sébastien Daigle
Chers designers, c’est de votre faute… - Jean-Sébastien DaigleChers designers, c’est de votre faute… - Jean-Sébastien Daigle
Chers designers, c’est de votre faute… - Jean-Sébastien Daigle
 
WUD2010- le studio digital collaboratif
WUD2010- le studio digital collaboratifWUD2010- le studio digital collaboratif
WUD2010- le studio digital collaboratif
 
Cwin16 - Paris - ux design
Cwin16 - Paris - ux designCwin16 - Paris - ux design
Cwin16 - Paris - ux design
 
Enrichir l'informations : quelle stratégie, quels outils ? Atelier 9
Enrichir l'informations : quelle stratégie, quels outils ? Atelier 9Enrichir l'informations : quelle stratégie, quels outils ? Atelier 9
Enrichir l'informations : quelle stratégie, quels outils ? Atelier 9
 
Méthodologie du design numérique: le cas du game design
Méthodologie du design numérique: le cas du game designMéthodologie du design numérique: le cas du game design
Méthodologie du design numérique: le cas du game design
 
Ecosystème applicatif et UI de marque
Ecosystème applicatif et UI de marqueEcosystème applicatif et UI de marque
Ecosystème applicatif et UI de marque
 
UX Republic UX-Radar - juin 2018
UX Republic UX-Radar - juin 2018 UX Republic UX-Radar - juin 2018
UX Republic UX-Radar - juin 2018
 
Get the SWAG on #1 : Clarisse Lacarreau, Head of BETC Startup Lab
Get the SWAG on #1 : Clarisse Lacarreau, Head of BETC Startup LabGet the SWAG on #1 : Clarisse Lacarreau, Head of BETC Startup Lab
Get the SWAG on #1 : Clarisse Lacarreau, Head of BETC Startup Lab
 
Présentation FrenchWeb: Qu'est-ce que la visualisation des données?
Présentation FrenchWeb: Qu'est-ce que la visualisation des données?Présentation FrenchWeb: Qu'est-ce que la visualisation des données?
Présentation FrenchWeb: Qu'est-ce que la visualisation des données?
 
Agile Wake Up #3 : Lean UX
Agile Wake Up #3 : Lean UXAgile Wake Up #3 : Lean UX
Agile Wake Up #3 : Lean UX
 
Work n coffee : l'Ux design au service de ma performance
Work n coffee : l'Ux design au service de ma performanceWork n coffee : l'Ux design au service de ma performance
Work n coffee : l'Ux design au service de ma performance
 
lebiklab_cr971_fablab_prez_2.pdf
lebiklab_cr971_fablab_prez_2.pdflebiklab_cr971_fablab_prez_2.pdf
lebiklab_cr971_fablab_prez_2.pdf
 
Améliorer le ROI de vos applications grâce à la démarche Design UX
Améliorer le ROI de vos applications grâce à la démarche Design UXAméliorer le ROI de vos applications grâce à la démarche Design UX
Améliorer le ROI de vos applications grâce à la démarche Design UX
 
Portfolio Business Booster
Portfolio Business BoosterPortfolio Business Booster
Portfolio Business Booster
 

Mehr von HETIC

L'USINE NOUVELLE - Prix de l'innovation
L'USINE NOUVELLE - Prix de l'innovation L'USINE NOUVELLE - Prix de l'innovation
L'USINE NOUVELLE - Prix de l'innovation HETIC
 
Recrutement - Avoir sa chaîne youTube, un atout pour son CV
Recrutement - Avoir sa chaîne youTube, un atout pour son CVRecrutement - Avoir sa chaîne youTube, un atout pour son CV
Recrutement - Avoir sa chaîne youTube, un atout pour son CVHETIC
 
Le Nouvel Obs - Écoles du web
Le Nouvel Obs - Écoles du webLe Nouvel Obs - Écoles du web
Le Nouvel Obs - Écoles du webHETIC
 
Happy 40th Anniversary - Vaincre l'Autisme
Happy 40th Anniversary - Vaincre l'AutismeHappy 40th Anniversary - Vaincre l'Autisme
Happy 40th Anniversary - Vaincre l'AutismeHETIC
 
Le Jeux des 7 familles - Vaincre l'Autisme
Le Jeux des 7 familles - Vaincre l'AutismeLe Jeux des 7 familles - Vaincre l'Autisme
Le Jeux des 7 familles - Vaincre l'AutismeHETIC
 
Campagne 360° - Vaincre l'Autisme
Campagne 360° - Vaincre l'AutismeCampagne 360° - Vaincre l'Autisme
Campagne 360° - Vaincre l'AutismeHETIC
 
Appel d'offres - JO 2024
Appel d'offres - JO 2024Appel d'offres - JO 2024
Appel d'offres - JO 2024HETIC
 
Appel d'offres - JO 2024
Appel d'offres - JO 2024Appel d'offres - JO 2024
Appel d'offres - JO 2024HETIC
 
Appel d'offres - Jeux Olympique 2024
Appel d'offres - Jeux Olympique 2024Appel d'offres - Jeux Olympique 2024
Appel d'offres - Jeux Olympique 2024HETIC
 
PoliChat
PoliChatPoliChat
PoliChatHETIC
 
Moi président, je...
Moi président, je...Moi président, je...
Moi président, je...HETIC
 
Le chatbot présidentiel
Le chatbot présidentielLe chatbot présidentiel
Le chatbot présidentielHETIC
 
Memento
MementoMemento
MementoHETIC
 
Paul's struggle - Vaincre l'Autisme
 Paul's struggle - Vaincre l'Autisme Paul's struggle - Vaincre l'Autisme
Paul's struggle - Vaincre l'AutismeHETIC
 
La bulle de François - Vaincre l'Autisme
La bulle de François - Vaincre l'AutismeLa bulle de François - Vaincre l'Autisme
La bulle de François - Vaincre l'AutismeHETIC
 
Campagne à 360° - Vaincre l'Autisme
Campagne à 360° - Vaincre l'AutismeCampagne à 360° - Vaincre l'Autisme
Campagne à 360° - Vaincre l'AutismeHETIC
 
Le Raid 4L Trophy - SMS
Le Raid 4L Trophy - SMSLe Raid 4L Trophy - SMS
Le Raid 4L Trophy - SMSHETIC
 
Le Raid 4L Trophy - Vidéos à 360°
Le Raid 4L Trophy - Vidéos à 360°Le Raid 4L Trophy - Vidéos à 360°
Le Raid 4L Trophy - Vidéos à 360°HETIC
 
Le Raid 4L Trophy - Création de stickers
Le Raid 4L Trophy - Création de stickers Le Raid 4L Trophy - Création de stickers
Le Raid 4L Trophy - Création de stickers HETIC
 
APB, hors APB ?! Le guide pratique - HETIC
APB, hors APB ?! Le guide pratique - HETICAPB, hors APB ?! Le guide pratique - HETIC
APB, hors APB ?! Le guide pratique - HETICHETIC
 

Mehr von HETIC (20)

L'USINE NOUVELLE - Prix de l'innovation
L'USINE NOUVELLE - Prix de l'innovation L'USINE NOUVELLE - Prix de l'innovation
L'USINE NOUVELLE - Prix de l'innovation
 
Recrutement - Avoir sa chaîne youTube, un atout pour son CV
Recrutement - Avoir sa chaîne youTube, un atout pour son CVRecrutement - Avoir sa chaîne youTube, un atout pour son CV
Recrutement - Avoir sa chaîne youTube, un atout pour son CV
 
Le Nouvel Obs - Écoles du web
Le Nouvel Obs - Écoles du webLe Nouvel Obs - Écoles du web
Le Nouvel Obs - Écoles du web
 
Happy 40th Anniversary - Vaincre l'Autisme
Happy 40th Anniversary - Vaincre l'AutismeHappy 40th Anniversary - Vaincre l'Autisme
Happy 40th Anniversary - Vaincre l'Autisme
 
Le Jeux des 7 familles - Vaincre l'Autisme
Le Jeux des 7 familles - Vaincre l'AutismeLe Jeux des 7 familles - Vaincre l'Autisme
Le Jeux des 7 familles - Vaincre l'Autisme
 
Campagne 360° - Vaincre l'Autisme
Campagne 360° - Vaincre l'AutismeCampagne 360° - Vaincre l'Autisme
Campagne 360° - Vaincre l'Autisme
 
Appel d'offres - JO 2024
Appel d'offres - JO 2024Appel d'offres - JO 2024
Appel d'offres - JO 2024
 
Appel d'offres - JO 2024
Appel d'offres - JO 2024Appel d'offres - JO 2024
Appel d'offres - JO 2024
 
Appel d'offres - Jeux Olympique 2024
Appel d'offres - Jeux Olympique 2024Appel d'offres - Jeux Olympique 2024
Appel d'offres - Jeux Olympique 2024
 
PoliChat
PoliChatPoliChat
PoliChat
 
Moi président, je...
Moi président, je...Moi président, je...
Moi président, je...
 
Le chatbot présidentiel
Le chatbot présidentielLe chatbot présidentiel
Le chatbot présidentiel
 
Memento
MementoMemento
Memento
 
Paul's struggle - Vaincre l'Autisme
 Paul's struggle - Vaincre l'Autisme Paul's struggle - Vaincre l'Autisme
Paul's struggle - Vaincre l'Autisme
 
La bulle de François - Vaincre l'Autisme
La bulle de François - Vaincre l'AutismeLa bulle de François - Vaincre l'Autisme
La bulle de François - Vaincre l'Autisme
 
Campagne à 360° - Vaincre l'Autisme
Campagne à 360° - Vaincre l'AutismeCampagne à 360° - Vaincre l'Autisme
Campagne à 360° - Vaincre l'Autisme
 
Le Raid 4L Trophy - SMS
Le Raid 4L Trophy - SMSLe Raid 4L Trophy - SMS
Le Raid 4L Trophy - SMS
 
Le Raid 4L Trophy - Vidéos à 360°
Le Raid 4L Trophy - Vidéos à 360°Le Raid 4L Trophy - Vidéos à 360°
Le Raid 4L Trophy - Vidéos à 360°
 
Le Raid 4L Trophy - Création de stickers
Le Raid 4L Trophy - Création de stickers Le Raid 4L Trophy - Création de stickers
Le Raid 4L Trophy - Création de stickers
 
APB, hors APB ?! Le guide pratique - HETIC
APB, hors APB ?! Le guide pratique - HETICAPB, hors APB ?! Le guide pratique - HETIC
APB, hors APB ?! Le guide pratique - HETIC
 

Formation UX Design, introduction et tour d'horizon

  • 1. CONFÉRENCE UX INITIATION ET TOUR D’HORIZON Par Timothée ROUSSILHE - Synerg’hetic lundi 19 novembre 12
  • 2. QUI SUIS-JE? Étudiant en H4 à HETIC Responsable projets à Synerg’hetic Stage chez DDB en stratégie. Intérêt pour l’ UX, la technique et le processus créatif. @timroussilhe timothee-roussilhe.com lundi 19 novembre 12
  • 3. POURQUOI CETTE CONFÉRENCE ? lundi 19 novembre 12
  • 4. C’EST QUOI L’EXPÉRIENCE UTILISATEUR? lundi 19 novembre 12
  • 5. L’UX C’EST QUOI ? POURQUOI QUOI QUAND COMMENT OU UTILISE-T’ON NOTRE PRODUIT? lundi 19 novembre 12
  • 6. MAIS AUSSI : POURQUOI QUOI QUI QUAND COMMENT OU lundi 19 novembre 12 UTILISE NOTRE PRODUIT?
  • 7. DÉFINITION : UX : Tout ce qui affecte l'interaction d’un utilisateur avec le produit. USER CENTRIC DESIGN lundi 19 novembre 12
  • 8. DÉFINITION : BESOIN BESOIN BUSINESS UX DE L’UTILISATEUR lundi 19 novembre 12
  • 9. WHIT GREAT UX DESIGN COMES GREAT RESPONSIBILITY ! lundi 19 novembre 12
  • 10. POURQUOI L’UX C’EST IMPORTANT? lundi 19 novembre 12
  • 11. L’UX VA NOUS PERMETTRE DE RÉPONDRE AU BESOIN DE L’UTILISATEUR LE WEB CHANGE ET SE COMPLEXIFIE, LE NOMBRE DE DEVICES SE MULTIPLIE CELA VA PERMETTRE D’AMELIORER NOTRE PRODUIT : Taux de conversion Taux d’enregistrement Le nombre d’abandon Augmenter le taux d’utilisation du produit Sauver du temps Réduire les erreurs lundi 19 novembre 12
  • 12. L’UX est devenu un élément différenciant qui peut faire le succès d’un service ou d’un site. Exemples : lundi 19 novembre 12
  • 13. 5 RAISONS DE SE METTRE À L’UX ! lundi 19 novembre 12
  • 14. VOUS ÊTES DÉJÀ EN TRAIN D’EN FAIRE C’EST UN PROCESS C’EST PAS DIFFICILE C’EST FUN HETIC EST UNE BONNE PLACE POUR DEVENIR UX DESIGNER lundi 19 novembre 12
  • 15. 5 COMPÉTENCES QUI FONT UN BON UX DESIGNER. lundi 19 novembre 12
  • 16. CROQUIS STORYTELLING LA CRITIQUE PRÉSENTER FACILITER Le  meilleur  ami   de  l’UX  designer lundi 19 novembre 12
  • 20. EN PARTIE lundi 19 novembre 12 FAUX
  • 21. ÉLÉMENTS DE L’UX SURFACE Design visuel OSSATURE Design d’interface Design de navigation Design de l’information STRUCTURE Design d’interaction Architecture de l’information SCOPE Spécifications fonctionnelles Contenu STRATÉGIE Stratégie Objectifs du produits Études et attentes des utilisateurs lundi 19 novembre 12
  • 22. STRATÉGIE DEUX QUESTIONS À SE POSER : Quels sont les objectifs du produit. Quels sont les attentes de l’utilisateur. lundi 19 novembre 12
  • 23. OBJECTIFS DU PRODUIT Objectifs de l’entreprise Identité de la marque Mesurer l'efficacité lundi 19 novembre 12
  • 24. ATTENTES DES UTILISATEURS Segmentation des utilisateurs Utilisabilité et recherche Personas & customer journey lundi 19 novembre 12
  • 25. FOCUS : PERSONA DÉFINITION AVANTAGES Définir des hypothèses Concentrer son attention sur l’utilisateur Définir une version commune de «Pour qui» on conçoit le produit. Prendre des décisions «plus humaines» et moins abstraite Définir les besoins avant de rentrer dans les détails du produit. INCONVÉNIENTS N’aide pas à concevoir le produit. Ne valide pas les hypothèses. Ça ne remplace pas les recherches et les tests. lundi 19 novembre 12
  • 28. SCOPE DÉFINIR LE CONTENU ET FONCTIONNALITÉS. lundi 19 novembre 12
  • 29. STRUCTURE Design d’interaction & Architecture de l’information FONCTIONNALITÉS & CONTENU lundi 19 novembre 12
  • 30. DESIGN D’INTERACTION 1980 Émergence du numérique auprès du grand public Nécessité de simplifier les interactions homme-machine Bill Moggridge Co-fondateur de l’agence IDEO DÉFINITION Deux niveaux d’interactions : soit entre un utilisateur et un système, soit entre des utilisateurs, “interaction sociale” lundi 19 novembre 12
  • 31. ARCHITECTURE DE L’INFORMATION DÉFINITION 4 COMPOSANTES DE L’AI : L’organisation des contenus Définition des systèmes de navigation Terminologie et labels Systèmes de recherche lundi 19 novembre 12
  • 32. ARCHITECTURE DE L’INFORMATION : CAS CONCRET LE CAS DE LA CARTE D’EMBARQUEMENT http://passfail.squarespace.com/ lundi 19 novembre 12
  • 33. ARCHITECTURE DE L’INFORMATION : CAS CONCRET http://passfail.squarespace.com/ lundi 19 novembre 12
  • 34. ARCHITECTURE DE L’INFORMATION : CAS CONCRET http://passfail.squarespace.com/ lundi 19 novembre 12
  • 35. ARCHITECTURE DE L’INFORMATION : CAS CONCRET http://passfail.squarespace.com/ lundi 19 novembre 12
  • 36. ARCHITECTURE DE L’INFORMATION : CAS CONCRET http://passfail.squarespace.com/ lundi 19 novembre 12
  • 37. ARCHITECTURE DE L’INFORMATION : CAS CONCRET http://passfail.squarespace.com/ lundi 19 novembre 12
  • 38. ARCHITECTURE DE L’INFORMATION : CAS CONCRET http://passfail.squarespace.com/ lundi 19 novembre 12
  • 39. OSSATURE Design d’interface + Design de navigation + Design de l’information lundi 19 novembre 12
  • 40. OSSATURE : ZONNING & WIREFRAME Meilleurs outils d’un UX Designer : http://www.smashingmagazine.com/2010/03/29/free-printable-sketching-wireframing-and-note-taking-pdf-templates/ lundi 19 novembre 12
  • 41. OSSATURE : ZONNING & WIREFRAME lundi 19 novembre 12
  • 42. OSSATURE : SCÉNARIO lundi 19 novembre 12
  • 43. OSATURE : SCÉNARIO lundi 19 novembre 12
  • 44. OSSATURE : PROTOTYPE LE RÔLE D’UN UX DESIGNER ET DE CONCEVOIR PUIS DE TESTER DO DON’T Travailler de façon collaborative Ne pas prototyper de fonctionnalités qui ne peuvent être implémenter. Eviter le piège du «prototype» Ne pas prendre en compte chaque Mettre en place des délais de requêtes qui résultent des tests. réponses Ne pas trop cadrer les tests. Réutiliser ses ressources ( templates, modèles, patterns...) Ne pas être perfectionniste. Lors des test bien se rappeler et Ne pas tout prototyper. informer les utilisateurs sur le but d’un prototype lundi 19 novembre 12
  • 45. TEST UTILISATEUR DEUX TYPES DE TEST UTILISATEURS : QUALITATIF QUANTITATIF Tri par carte Sondages Tests individuels Analytics Groupes participatifs A/B Testing Test oculaires Test in situ lundi 19 novembre 12
  • 46. LES OUTILS BALSAMIQ MOCKUP ILLUSTRATOR OMNIGRAFFLE MOCKINGBIRD Simplicité Personnalisation et Outil complet : navigation, Interface optimisée Rapidité configuration diagramme, wireframe... Version en ligne Effet Sketch Nombreuses Nombreuses bibliothèque de gratuite bibliothèque de modèle modèle et possibilité de Prototype : création créer/importer les siens. de lien entre les pages lundi 19 novembre 12
  • 47. LES OUTILS : Prototype AXURE HTML ( Twitter Bootstrap) Proto.io Codiqua Outil complexe. Rapide à configurer et à Interface intuitive Jquery Mobile Possibilité de faire mettre en place. Transformer ses Rapidité des prototypes et Framework assez maquettes en Possibilité des animations complet : grille, prototype d'héberger en ligne poussées. responsive... Export html lundi 19 novembre 12
  • 48. RÉSUMÉ ET LIVRABLES PRÉSENTATION ANALYTICS A/B TESTING STRATÉGIE SCOPE STRUCTURE OSSATURE SURFACE PERSONAS INVENTAIRE PARCOURS WIREFRAME PROTOTYPE ÉTUDES NAVIGATION UTILISATEUR UTILISATEUR DES CONTENUS CARTE DES TESTS ÉTUDES SCÉNARIO SPÉCIFICATIONS UTILISATEUR MARCHÉ & CONCEPTS UTILISATEUR FONCTIONNELLES ANALYTICS lundi 19 novembre 12
  • 49. RESSOURCES BLOG GÉNÉRALISTES : http://uxdesign.smashingmagazine.com/ http://www.uxmag.com/ http://www.uxbooth.com/ http://uxmastery.com/ http://www.usabilitypost.com/ http://www.90percentofeverything.com/ BLOG SPÉCIALISÉ : www.lukew.com http://www.useit.com/ http://www.ixda.org/ http://informationarchitects.net/blog/ PRÉSENTATION : http://fr.slideshare.net/nickf/user-experience-best-practices http://prezi.com/aafmvya6bk7t/understanding-information-architecture/ http://fr.slideshare.net/Kristen_hardy/what-is-ux-design lundi 19 novembre 12
  • 50. RESSOURCES LIVRES lundi 19 novembre 12
  • 51. MERCI DE VOTRE ATTENTION lundi 19 novembre 12