SlideShare une entreprise Scribd logo
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

Contenu connexe

Tendances

Design Thinking & UX/UI
Design Thinking & UX/UIDesign Thinking & UX/UI
Design Thinking & UX/UI
Évolt
 
UX - Entregaveis
UX - EntregaveisUX - Entregaveis
UX - Entregaveis
Daniel Coscarelli
 
Techniques d’UX & UI Design
Techniques d’UX & UI DesignTechniques d’UX & UI Design
Techniques d’UX & UI Design
Microsoft
 
What is UX?
What is UX?What is UX?
What is UX?
Peter van Lanschot
 
UX Lesson 1: User Centered Design
UX Lesson 1: User Centered DesignUX Lesson 1: User Centered Design
UX Lesson 1: User Centered Design
Joan Lumanauw
 
UX & UI Design - Differentiate through design
UX & UI Design - Differentiate through designUX & UI Design - Differentiate through design
UX & UI Design - Differentiate through design
DMI
 
UX Experience Design: Processes and Strategy
UX Experience Design: Processes and StrategyUX Experience Design: Processes and Strategy
UX Experience Design: Processes and Strategy
CHI UX Indonesia
 
Ux design process
Ux design processUx design process
Ux design process
Junying Chang
 
UX is not UI!
UX is not UI!UX is not UI!
UX is not UI!
Nicolas Demange
 
Accessibility and inclusive design
Accessibility and inclusive designAccessibility and inclusive design
Accessibility and inclusive design
LindaHurd
 
UX/UI Design 101
UX/UI Design 101UX/UI Design 101
UX/UI Design 101
Jasmine Phan
 
UI & UX Design for Startups
UI & UX Design for StartupsUI & UX Design for Startups
UI & UX Design for Startups
Richard Fang
 
Projet Portfolio - UX Design
Projet Portfolio - UX DesignProjet Portfolio - UX Design
Projet Portfolio - UX Design
Solène Berthet
 
The Importance of UX
The Importance of UXThe Importance of UX
The Importance of UX
Bart Van Hecke
 
'UX', 'UX Design' and 'Good UX'
'UX', 'UX Design' and 'Good UX''UX', 'UX Design' and 'Good UX'
'UX', 'UX Design' and 'Good UX'
Jinyong Kim
 
A UI and UX training presentation
A UI and UX training presentationA UI and UX training presentation
A UI and UX training presentation
aayush_jain_87
 
Ux team organization
Ux team organizationUx team organization
Ux team organization
Deidre Bohannon
 
Lean UX
Lean UXLean UX
Lean UX
Dinesh Joshi
 
Les outils pour une bonne communication digitale
Les outils pour une bonne communication digitaleLes outils pour une bonne communication digitale
Les outils pour une bonne communication digitale
@aboukam (Abou Kamagaté)
 
A Lean Design Process for Creating Awesome UX
A Lean Design Process for Creating Awesome UXA Lean Design Process for Creating Awesome UX
A Lean Design Process for Creating Awesome UX
Annie Wang
 

Tendances (20)

Design Thinking & UX/UI
Design Thinking & UX/UIDesign Thinking & UX/UI
Design Thinking & UX/UI
 
UX - Entregaveis
UX - EntregaveisUX - Entregaveis
UX - Entregaveis
 
Techniques d’UX & UI Design
Techniques d’UX & UI DesignTechniques d’UX & UI Design
Techniques d’UX & UI Design
 
What is UX?
What is UX?What is UX?
What is UX?
 
UX Lesson 1: User Centered Design
UX Lesson 1: User Centered DesignUX Lesson 1: User Centered Design
UX Lesson 1: User Centered Design
 
UX & UI Design - Differentiate through design
UX & UI Design - Differentiate through designUX & UI Design - Differentiate through design
UX & UI Design - Differentiate through design
 
UX Experience Design: Processes and Strategy
UX Experience Design: Processes and StrategyUX Experience Design: Processes and Strategy
UX Experience Design: Processes and Strategy
 
Ux design process
Ux design processUx design process
Ux design process
 
UX is not UI!
UX is not UI!UX is not UI!
UX is not UI!
 
Accessibility and inclusive design
Accessibility and inclusive designAccessibility and inclusive design
Accessibility and inclusive design
 
UX/UI Design 101
UX/UI Design 101UX/UI Design 101
UX/UI Design 101
 
UI & UX Design for Startups
UI & UX Design for StartupsUI & UX Design for Startups
UI & UX Design for Startups
 
Projet Portfolio - UX Design
Projet Portfolio - UX DesignProjet Portfolio - UX Design
Projet Portfolio - UX Design
 
The Importance of UX
The Importance of UXThe Importance of UX
The Importance of UX
 
'UX', 'UX Design' and 'Good UX'
'UX', 'UX Design' and 'Good UX''UX', 'UX Design' and 'Good UX'
'UX', 'UX Design' and 'Good UX'
 
A UI and UX training presentation
A UI and UX training presentationA UI and UX training presentation
A UI and UX training presentation
 
Ux team organization
Ux team organizationUx team organization
Ux team organization
 
Lean UX
Lean UXLean UX
Lean UX
 
Les outils pour une bonne communication digitale
Les outils pour une bonne communication digitaleLes outils pour une bonne communication digitale
Les outils pour une bonne communication digitale
 
A Lean Design Process for Creating Awesome UX
A Lean Design Process for Creating Awesome UXA Lean Design Process for Creating Awesome UX
A Lean Design Process for Creating Awesome UX
 

En vedette

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
 
Lean UX
Lean UX Lean UX
Lean UX
UX REPUBLIC
 
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 Web
Core-Techs
 
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
Flupa
 
Ux design-jean-françois-marti
Ux design-jean-françois-martiUx design-jean-françois-marti
Ux design-jean-françois-marti
FrenchWeb.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 utilisateur
WebCampDay
 
UX methode-paris web
UX methode-paris webUX methode-paris web
UX methode-paris web
Matthieu Mingasson
 
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 projet
JCI Ariana
 
The role of Design Thinking
The role of Design ThinkingThe role of Design Thinking
The role of Design Thinking
Pieter 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 Archives
Ned 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 bitch
supremexanadu8665
 
Google Analytics Persona Poster - BP
Google Analytics Persona Poster - BPGoogle Analytics Persona Poster - BP
Google Analytics Persona Poster - BP
Brian Piper
 
UX design
UX designUX design
UX design
Tanay Kumar
 
Faclab Wireframe
Faclab WireframeFaclab Wireframe
Faclab Wireframe
Abdelhamid Henni
 
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
 
Social media, quelle stratégie adopter ?
Social media, quelle stratégie adopter ?Social media, quelle stratégie adopter ?
Social media, quelle stratégie adopter ?
Johan Giusti
 

En vedette (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
 
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...
 
Social media, quelle stratégie adopter ?
Social media, quelle stratégie adopter ?Social media, quelle stratégie adopter ?
Social media, quelle stratégie adopter ?
 

Similaire à 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 2013
Carine Lallemand
 
Les Heuristiques de Bastien et Scapin
Les Heuristiques de Bastien et ScapinLes Heuristiques de Bastien et Scapin
Les Heuristiques de Bastien et Scapin
UX 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 2016
Idean 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 entreprises
Chrystel Black
 
Data et UX en business intelligence
Data et UX en business intelligenceData et UX en business intelligence
Data et UX en business intelligence
Matthieu 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 2011
ENSIBS
 
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
Web à Québec
 
WUD2010- le studio digital collaboratif
WUD2010- le studio digital collaboratifWUD2010- le studio digital collaboratif
WUD2010- le studio digital collaboratif
Flupa
 
Cwin16 - Paris - ux design
Cwin16 - Paris - ux designCwin16 - Paris - ux design
Cwin16 - Paris - ux design
Capgemini
 
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
7èmes Rencontres Nationales du etourisme institutionnel
 
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
nicolas 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 marque
Nicolas 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 Lab
TheFamily
 
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 UX
Zenika
 
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
Net Design
 
lebiklab_cr971_fablab_prez_2.pdf
lebiklab_cr971_fablab_prez_2.pdflebiklab_cr971_fablab_prez_2.pdf
lebiklab_cr971_fablab_prez_2.pdf
owatte1
 
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
Microsoft Ideas
 
Portfolio Business Booster 2012
Portfolio Business Booster 2012Portfolio Business Booster 2012
Portfolio Business Booster 2012
Teemster
 

Similaire à 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 2012
Portfolio Business Booster 2012Portfolio Business Booster 2012
Portfolio Business Booster 2012
 

Plus de 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 CV
HETIC
 
Le Nouvel Obs - Écoles du web
Le Nouvel Obs - Écoles du webLe Nouvel Obs - Écoles du web
Le Nouvel Obs - Écoles du web
HETIC
 
Happy 40th Anniversary - Vaincre l'Autisme
Happy 40th Anniversary - Vaincre l'AutismeHappy 40th Anniversary - Vaincre l'Autisme
Happy 40th Anniversary - Vaincre l'Autisme
HETIC
 
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
HETIC
 
Campagne 360° - Vaincre l'Autisme
Campagne 360° - Vaincre l'AutismeCampagne 360° - Vaincre l'Autisme
Campagne 360° - Vaincre l'Autisme
HETIC
 
Appel d'offres - JO 2024
Appel d'offres - JO 2024Appel d'offres - JO 2024
Appel d'offres - JO 2024
HETIC
 
Appel d'offres - JO 2024
Appel d'offres - JO 2024Appel d'offres - JO 2024
Appel d'offres - JO 2024
HETIC
 
Appel d'offres - Jeux Olympique 2024
Appel d'offres - Jeux Olympique 2024Appel d'offres - Jeux Olympique 2024
Appel d'offres - Jeux Olympique 2024
HETIC
 
PoliChat
PoliChatPoliChat
PoliChat
HETIC
 
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ésidentiel
HETIC
 
Memento
MementoMemento
Memento
HETIC
 
Paul's struggle - Vaincre l'Autisme
 Paul's struggle - Vaincre l'Autisme Paul's struggle - Vaincre l'Autisme
Paul's struggle - Vaincre l'Autisme
HETIC
 
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
HETIC
 
Campagne à 360° - Vaincre l'Autisme
Campagne à 360° - Vaincre l'AutismeCampagne à 360° - Vaincre l'Autisme
Campagne à 360° - Vaincre l'Autisme
HETIC
 
Le Raid 4L Trophy - SMS
Le Raid 4L Trophy - SMSLe Raid 4L Trophy - SMS
Le Raid 4L Trophy - SMS
HETIC
 
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 - HETIC
HETIC
 

Plus de 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