SlideShare une entreprise Scribd logo

UX methode-paris web

Présentation de la méthode UX en 5 niveaux. Présentation Paris Web 2010.

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

                                           DESIGN


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

Contenu     UX/IA       Business


          Technologie
Design
                    Forme

Contenu   Fond                Objectif   Business

                   Fonction
                 Technologie
Design
                    Forme

Contenu   Fond                Objectif   Business

                   Fonction
                 Technologie
5 NIVEAUX
1.   DECOUVERTE
2.   CONCEPT
3.   ORGANISATION
4.   DESIGN
5.   MANAGEMENT DE PRODUCTION

Recommandé

5 phases du Design pour l'Experience Utilisateur
5 phases du Design pour l'Experience Utilisateur5 phases du Design pour l'Experience Utilisateur
5 phases du Design pour l'Experience UtilisateurMatthieu Mingasson
 
Flupa 2010 Personas Eric Brangier
Flupa 2010 Personas Eric BrangierFlupa 2010 Personas Eric Brangier
Flupa 2010 Personas Eric BrangierFlupa
 
UX Design - Soutenance 2016 Marie Glandus
UX Design - Soutenance 2016 Marie GlandusUX Design - Soutenance 2016 Marie Glandus
UX Design - Soutenance 2016 Marie GlandusMarie Glandus
 
3. Recherche utilisateur
3. Recherche utilisateur3. Recherche utilisateur
3. Recherche utilisateurLaurent Barbat
 
Evaluation de l'Expérience Utilisateur - Carine Lallemand
Evaluation de l'Expérience Utilisateur - Carine LallemandEvaluation de l'Expérience Utilisateur - Carine Lallemand
Evaluation de l'Expérience Utilisateur - Carine LallemandCarine Lallemand
 
Pourquoi toutes les organisations ont-elles besoin de Design UX ?
Pourquoi toutes les organisations ont-elles besoin de Design UX ?Pourquoi toutes les organisations ont-elles besoin de Design UX ?
Pourquoi toutes les organisations ont-elles besoin de Design UX ?Marie Glandus
 

Contenu connexe

Tendances

Améliorer le Design pour améliorer l'UX
Améliorer le Design pour améliorer l'UXAméliorer le Design pour améliorer l'UX
Améliorer le Design pour améliorer l'UXL_Demontiers
 
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
 
Strategie editoriale web_persona
Strategie editoriale web_personaStrategie editoriale web_persona
Strategie editoriale web_personaescale-web.com
 
4. Atelier : Exploration > Synthèse
4. Atelier : Exploration > Synthèse4. Atelier : Exploration > Synthèse
4. Atelier : Exploration > SynthèseLaurent Barbat
 
WAQ16 - Atelier design émotionnel - Carine Lallemand
WAQ16 - Atelier design émotionnel - Carine LallemandWAQ16 - Atelier design émotionnel - Carine Lallemand
WAQ16 - Atelier design émotionnel - Carine LallemandCarine Lallemand
 
UX Mobile - Experience Utilisateur Mobile
UX Mobile - Experience Utilisateur MobileUX Mobile - Experience Utilisateur Mobile
UX Mobile - Experience Utilisateur MobileAudrey CHATEL
 
7. Du Design UX au Design de la collaboration
7. Du Design UX au Design de la collaboration7. Du Design UX au Design de la collaboration
7. Du Design UX au Design de la collaborationLaurent Barbat
 
Design de service - le parcours utilisateur
Design de service - le parcours utilisateurDesign de service - le parcours utilisateur
Design de service - le parcours utilisateurEva Villebrun
 
1. Introduction à l'Expérience utilisateur
1. Introduction à l'Expérience utilisateur1. Introduction à l'Expérience utilisateur
1. Introduction à l'Expérience utilisateurLaurent Barbat
 
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
 
BlendWebMix 2017 - Guérilla UX, "quick" mais pas "dirty" - Carine Lallemand
BlendWebMix 2017 - Guérilla UX, "quick" mais pas "dirty" - Carine LallemandBlendWebMix 2017 - Guérilla UX, "quick" mais pas "dirty" - Carine Lallemand
BlendWebMix 2017 - Guérilla UX, "quick" mais pas "dirty" - Carine LallemandCarine Lallemand
 
A2006 1-903261.commentpreparersonfocusgroup
A2006 1-903261.commentpreparersonfocusgroupA2006 1-903261.commentpreparersonfocusgroup
A2006 1-903261.commentpreparersonfocusgroupdamhhhy
 
Ux design-jean-françois-marti
Ux design-jean-françois-martiUx design-jean-françois-marti
Ux design-jean-françois-martiFrenchWeb.fr
 
Paris Web 2015 Atelier "Evaluer l'UX : des méthodes simples mais efficaces !"
Paris Web 2015 Atelier "Evaluer l'UX : des méthodes simples mais efficaces !"Paris Web 2015 Atelier "Evaluer l'UX : des méthodes simples mais efficaces !"
Paris Web 2015 Atelier "Evaluer l'UX : des méthodes simples mais efficaces !"Carine Lallemand
 
Flupa Orléans 2016 - Eurêka ! Innover avec les méthodes d'idéation UX
Flupa Orléans 2016 - Eurêka ! Innover avec les méthodes d'idéation UXFlupa Orléans 2016 - Eurêka ! Innover avec les méthodes d'idéation UX
Flupa Orléans 2016 - Eurêka ! Innover avec les méthodes d'idéation UXCarine Lallemand
 
Introduction au design de service - Design Innovation-Azimut 060314
Introduction au design de service - Design Innovation-Azimut 060314Introduction au design de service - Design Innovation-Azimut 060314
Introduction au design de service - Design Innovation-Azimut 060314Anne-Sophie Prévost
 
Design Thinking & UX/UI
Design Thinking & UX/UIDesign Thinking & UX/UI
Design Thinking & UX/UIÉvolt
 
Design de services
Design de servicesDesign de services
Design de serviceswedo studios
 
UX Design : Concevoir des expériences positives et engageantes - Carine Lalle...
UX Design : Concevoir des expériences positives et engageantes - Carine Lalle...UX Design : Concevoir des expériences positives et engageantes - Carine Lalle...
UX Design : Concevoir des expériences positives et engageantes - Carine Lalle...Carine Lallemand
 

Tendances (19)

Améliorer le Design pour améliorer l'UX
Améliorer le Design pour améliorer l'UXAméliorer le Design pour améliorer l'UX
Améliorer le Design pour améliorer l'UX
 
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
 
Strategie editoriale web_persona
Strategie editoriale web_personaStrategie editoriale web_persona
Strategie editoriale web_persona
 
4. Atelier : Exploration > Synthèse
4. Atelier : Exploration > Synthèse4. Atelier : Exploration > Synthèse
4. Atelier : Exploration > Synthèse
 
WAQ16 - Atelier design émotionnel - Carine Lallemand
WAQ16 - Atelier design émotionnel - Carine LallemandWAQ16 - Atelier design émotionnel - Carine Lallemand
WAQ16 - Atelier design émotionnel - Carine Lallemand
 
UX Mobile - Experience Utilisateur Mobile
UX Mobile - Experience Utilisateur MobileUX Mobile - Experience Utilisateur Mobile
UX Mobile - Experience Utilisateur Mobile
 
7. Du Design UX au Design de la collaboration
7. Du Design UX au Design de la collaboration7. Du Design UX au Design de la collaboration
7. Du Design UX au Design de la collaboration
 
Design de service - le parcours utilisateur
Design de service - le parcours utilisateurDesign de service - le parcours utilisateur
Design de service - le parcours utilisateur
 
1. Introduction à l'Expérience utilisateur
1. Introduction à l'Expérience utilisateur1. Introduction à l'Expérience utilisateur
1. Introduction à l'Expérience utilisateur
 
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...
 
BlendWebMix 2017 - Guérilla UX, "quick" mais pas "dirty" - Carine Lallemand
BlendWebMix 2017 - Guérilla UX, "quick" mais pas "dirty" - Carine LallemandBlendWebMix 2017 - Guérilla UX, "quick" mais pas "dirty" - Carine Lallemand
BlendWebMix 2017 - Guérilla UX, "quick" mais pas "dirty" - Carine Lallemand
 
A2006 1-903261.commentpreparersonfocusgroup
A2006 1-903261.commentpreparersonfocusgroupA2006 1-903261.commentpreparersonfocusgroup
A2006 1-903261.commentpreparersonfocusgroup
 
Ux design-jean-françois-marti
Ux design-jean-françois-martiUx design-jean-françois-marti
Ux design-jean-françois-marti
 
Paris Web 2015 Atelier "Evaluer l'UX : des méthodes simples mais efficaces !"
Paris Web 2015 Atelier "Evaluer l'UX : des méthodes simples mais efficaces !"Paris Web 2015 Atelier "Evaluer l'UX : des méthodes simples mais efficaces !"
Paris Web 2015 Atelier "Evaluer l'UX : des méthodes simples mais efficaces !"
 
Flupa Orléans 2016 - Eurêka ! Innover avec les méthodes d'idéation UX
Flupa Orléans 2016 - Eurêka ! Innover avec les méthodes d'idéation UXFlupa Orléans 2016 - Eurêka ! Innover avec les méthodes d'idéation UX
Flupa Orléans 2016 - Eurêka ! Innover avec les méthodes d'idéation UX
 
Introduction au design de service - Design Innovation-Azimut 060314
Introduction au design de service - Design Innovation-Azimut 060314Introduction au design de service - Design Innovation-Azimut 060314
Introduction au design de service - Design Innovation-Azimut 060314
 
Design Thinking & UX/UI
Design Thinking & UX/UIDesign Thinking & UX/UI
Design Thinking & UX/UI
 
Design de services
Design de servicesDesign de services
Design de services
 
UX Design : Concevoir des expériences positives et engageantes - Carine Lalle...
UX Design : Concevoir des expériences positives et engageantes - Carine Lalle...UX Design : Concevoir des expériences positives et engageantes - Carine Lalle...
UX Design : Concevoir des expériences positives et engageantes - Carine Lalle...
 

Similaire à UX methode-paris web

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

Similaire à UX methode-paris web (20)

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

UX methode-paris web

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