Matthieu Mingasson, profile picture
Téléchargé parMatthieu Mingasson
PDF, PPTX34,874 vues

UX methode-paris web

Le document décrit un processus de conception axé sur l'expérience utilisateur, intégrant des phases de découverte, de conception, et d'organisation. Il souligne l'importance des recherches utilisateur, de la modélisation et de la validation des concepts, tout en portant une attention particulière aux scénarios d'usage et à la structure fonctionnelle. Divers outils et méthodes, y compris l'audit, les benchmarks, et la création de prototypes, sont également abordés pour optimiser l'interaction et le design.

Intégrer la présentation

Télécharger en tant que PDF, PPTX
* CONCEVOIR POUR L’EXPERIENCE UTILISATEUR RÉVISION POUR TOUS
QUEL EST VOTRE PROCESS DE CONCEPTION ? DESIGN Panique non Validation oui Livré en Client retard INSPIRÉ PAR : smashingmagazine.com/2010/10/05/what-is-user-experience-design-overview-tools-and-resources/
Design Contenu UX/IA Business Technologie
Design Forme Contenu Fond Objectif Business Fonction Technologie
Design Forme Contenu Fond Objectif Business Fonction Technologie
5 NIVEAUX 1. DECOUVERTE 2. CONCEPT 3. ORGANISATION 4. DESIGN 5. MANAGEMENT DE PRODUCTION
*1 DECOUVERTE
Recherches Utilisateurs - Sources: metrics, analyses... - Recherches: ethnographie... Quantitatif + Qualitatif DÉCOUVERTE
Recherches Utilisateurs - Sources: metrics, analyses... - Recherches: ethnographie... Quantitatif + Qualitatif DÉCOUVERTE
Recherches Utilisateurs - Sources: metrics, analyses... - Recherches: ethnographie... Quantitatif + Qualitatif DÉCOUVERTE Audit - Sources: contenus, experience Business analyst - Besoins: audit, demande... - Equipe: capacité, organisation...
Recherches Modèles Utilisateurs Utilisateurs - Segments: marché - Personas: comportements - Sources: metrics, analyses... - Scénario d’usage: outil conceptuel - Recherches: ethnographie... Quantitatif + Qualitatif DÉCOUVERTE Audit - Sources: contenus, experience Business analyst - Besoins: audit, demande... - Equipe: capacité, organisation...
Recherches Modèles Utilisateurs Utilisateurs - Segments: marché - Personas: comportements - Sources: metrics, analyses... - Scénario d’usage: outil conceptuel - Recherches: ethnographie... Quantitatif + Qualitatif DÉCOUVERTE Audit - Sources: contenus, experience Business analyst - Besoins: audit, demande... - Equipe: capacité, organisation...
Recherches Modèles Utilisateurs Utilisateurs - Segments: marché - Personas: comportements - Sources: metrics, analyses... - Scénario d’usage: outil conceptuel - Recherches: ethnographie... Quantitatif + Qualitatif DÉCOUVERTE Audit - Sources: contenus, experience Business analyst - Besoins: audit, demande... - Equipe: capacité, organisation...
Recherches Modèles Utilisateurs Utilisateurs - Segments: marché - Personas: comportements - Sources: metrics, analyses... - Scénario d’usage: outil conceptuel - Recherches: ethnographie... Quantitatif + Qualitatif DÉCOUVERTE Benchmark - Collecte, capture, Audit veille appliquée - Sources: contenus, experience Business analyst - Besoins: audit, demande... - Equipe: capacité, organisation...
Recherches Modèles Utilisateurs Utilisateurs - Segments: marché - Personas: comportements - Sources: metrics, analyses... - Scénario d’usage: outil conceptuel - Recherches: ethnographie... Quantitatif + Qualitatif DÉCOUVERTE Benchmark - Collecte, capture, Audit veille appliquée - Sources: contenus, experience Business analyst - Besoins: audit, demande... - Equipe: capacité, organisation...
Recherches Modèles Utilisateurs Utilisateurs - Segments: marché - Personas: comportements - Sources: metrics, analyses... - Scénario d’usage: outil conceptuel - Recherches: ethnographie... Quantitatif + Qualitatif DÉCOUVERTE Benchmark - Collecte, capture, Audit veille appliquée - Sources: contenus, experience Business analyst - Besoins: audit, demande... - Equipe: capacité, organisation...
Recherches Modèles Utilisateurs Utilisateurs - Segments: marché - Personas: comportements - Sources: metrics, analyses... - Scénario d’usage: outil conceptuel - Recherches: ethnographie... Quantitatif GRILLE DE SYNTHÈSE + Qualitatif DÉCOUVERTE Benchmark - Collecte, capture, Audit veille appliquée - Sources: contenus, experience Business analyst - Besoins: audit, demande... - Equipe: capacité, organisation...
Recherches Modèles Utilisateurs Utilisateurs - Segments: marché - Personas: comportements - Sources: metrics, analyses... - Scénario d’usage: outil conceptuel - Recherches: ethnographie... Quantitatif GRILLE DE SYNTHÈSE + Qualitatif DÉCOUVERTE Benchmark - Collecte, capture, Audit veille appliquée - Sources: contenus, experience Business analyst - Besoins: audit, demande... - Equipe: capacité, organisation...
Recherches Modèles Utilisateurs Utilisateurs - Segments: marché - Personas: comportements - Sources: metrics, analyses... - Scénario d’usage: outil conceptuel - Recherches: ethnographie... Quantitatif GRILLE DE SYNTHÈSE + Qualitatif DÉCOUVERTE Benchmark - Collecte, capture, Audit veille appliquée - Sources: contenus, experience Business analyst - Besoins: audit, demande... - Equipe: capacité, organisation...
* 2 CONCEPT
“IdeatioD’IDÉES GENERATION n” - Diviser par questi/ons ence - Scénaritelling / boarding o d’usage d’expéri - Storyquoi la page d’accueil (par persona) - C’estner la boite - Desig - ... CONCEPT
“IdeatioD’IDÉES GENERATION n” - Diviser par questi/ons ence - Scénaritelling / boarding o d’usage d’expéri - Storyquoi la page d’accueil (par persona) - C’estner la boite - Desig - ... CONCEPT source: http://www.learninglab.jumpassociates.com/?p=113
“IdeatioD’IDÉES GENERATION n” - Diviser par questi/ons ence - Scénaritelling / boarding o d’usage d’expéri - Storyquoi la page d’accueil (par persona) - C’estner la boite - Desig - ... CONCEPT source: adaptive path
“IdeatioD’IDÉES GENERATION n” - Diviser par questi/ons ence - Scénaritelling / boarding o d’usage d’expéri - Storyquoi la page d’accueil (par persona) - C’estner la boite - Desig - ... CONCEPT source: http://weizhou.wordpress.com/2008/07/07/prototype/
“IdeatioD’IDÉES GENERATION n” - Diviser par questi/ons ence - Scénaritelling / boarding o d’usage d’expéri - Storyquoi la page d’accueil (par persona) - C’estner la boite - Desig - ... CONCEPT
“IdeatioD’IDÉES GENERATION n” - Diviser par questi/ons ence - Scénaritelling / boarding o d’usage d’expéri - Storyquoi la page d’accueil (par persona) - C’estner la boite - Desig - ... CONCEPT
“IdeatioD’IDÉES n” GENERATION - Diviser par questi/ons ence - Scénaritelling / boarding o d’usage d’expéri Modélisation - Storyquoi la page d’accueil (par persona) - C’estner la boite - Desig - ... CONCEPT
Stratégie “IdeatioD’IDÉES n” d’ensemble GENERATION - Diviser par questi/ons ence - Scénaritelling / boarding o d’usage d’expéri Modélisation - Storyquoi la page d’accueil (par persona) Stratégie des Stratégie - C’estner la boite - Desig contenus Fonctionnelle - ... CONCEPT + modèles hybrides
Stratégie “IdeatioD’IDÉES n” d’ensemble GENERATION - Diviser par questi/ons ence - Scénaritelling / boarding o d’usage d’expéri Modélisation - Storyquoi la page d’accueil (par persona) Stratégie des Stratégie - C’estner la boite - Desig contenus Fonctionnelle - ... CONCEPT + modèles hybrides
Stratégie “IdeatioD’IDÉES n” d’ensemble GENERATION - Diviser par questi/ons ence - Scénaritelling / boarding o d’usage d’expéri Modélisation - Storyquoi la page d’accueil (par persona) Stratégie des Stratégie - C’estner la boite - Desig contenus Fonctionnelle - ... CONCEPT + modèles hybrides
Stratégie “IdeatioD’IDÉES n” d’ensemble GENERATION - Diviser par questi/ons ence - Scénaritelling / boarding o d’usage d’expéri Modélisation - Storyquoi la page d’accueil (par persona) Stratégie des Stratégie - C’estner la boite - Desig contenus Fonctionnelle - ... CONCEPT + modèles hybrides
Stratégie “IdeatioD’IDÉES n” d’ensemble GENERATION - Diviser par questi/ons ence - Scénaritelling / boarding o d’usage d’expéri Modélisation - Storyquoi la page d’accueil (par persona) Stratégie des Stratégie - C’estner la boite - Desig contenus Fonctionnelle - ... CONCEPT + modèles hybrides
Stratégie “IdeatioD’IDÉES n” d’ensemble GENERATION - Diviser par questi/ons ence - Scénaritelling / boarding o d’usage d’expéri Modélisation - Storyquoi la page d’accueil (par persona) Stratégie des Stratégie - C’estner la boite - Desig contenus Fonctionnelle - ... CONCEPT + modèles hybrides
Stratégie “IdeatioD’IDÉES n” d’ensemble GENERATION - Diviser par questi/ons ence - Scénaritelling / boarding o d’usage d’expéri Modélisation - Storyquoi la page d’accueil (par persona) Stratégie des Stratégie - C’estner la boite - Desig contenus Fonctionnelle - ... CONCEPT + modèles hybrides
Stratégie “IdeatioD’IDÉES n” d’ensemble GENERATION - Diviser par questi/ons ence - Scénaritelling / boarding o d’usage d’expéri Modélisation - Storyquoi la page d’accueil (par persona) Stratégie des Stratégie - C’estner la boite - Desig contenus Fonctionnelle - ... CONCEPT + modèles hybrides
Stratégie “IdeatioD’IDÉES n” d’ensemble GENERATION - Diviser par questi/ons ence - Scénaritelling / boarding o d’usage d’expéri Modélisation - Storyquoi la page d’accueil (par persona) Stratégie des Stratégie - C’estner la boite - Desig contenus Fonctionnelle - ... CONCEPT + modèles hybrides Visualisation Principes: - Construirerapidementd’ensemble une vision - Visualiser Méthode: CROQUIS
Stratégie “IdeatioD’IDÉES n” d’ensemble GENERATION Principes: - générer pasplusmauvaisespossible le d’idées Modélisation - iparticipaants: de trop, ni trop peu l n’y idées Stratégie des Stratégie - prendre toutnien note contenus Fonctionnelle - Méthode: CONCEPT + modèles hybrides - Usages/Objectifs Business - avant-pendant-après l (pour mon persona) - c’estner lalaboite d’accuei quoi page - desig ons - questi - ... Visualisation Principes: - Construirerapidementd’ensemble une vision - Visualiser Méthode: CROQUIS + schémas....
Stratégie “IdeatioD’IDÉES n” d’ensemble GENERATION Principes: - générer pasplusmauvaisespossible le d’idées Modélisation - iparticipaants: de trop, ni trop peu l n’y idées Stratégie des Stratégie - prendre toutnien note contenus Fonctionnelle - Méthode: CONCEPT + modèles hybrides - Usages/Objectifs Business - avant-pendant-après l (pour mon persona) - c’estner lalaboite d’accuei quoi page - desig ons - questi - ... Visualisation Principes: - Construirerapidementd’ensemble une vision - Visualiser Méthode: CROQUIS + schémas....
Stratégie “IdeatioD’IDÉES n” d’ensemble GENERATION Principes: - générer pasplusmauvaisespossible le d’idées Modélisation - iparticipaants: de trop, ni trop peu l n’y idées Stratégie des Stratégie - prendre toutnien note contenus Fonctionnelle - Méthode: CONCEPT + modèles hybrides - Usages/Objectifs Business - avant-pendant-après l (pour mon persona) - c’estner lalaboite d’accuei quoi page - desig ons - questi - ... Visualisation Principes: - Construirerapidementd’ensemble une vision - Visualiser Méthode: CROQUIS + schémas....
Stratégie “IdeatioD’IDÉES n” d’ensemble GENERATION - Diviser par questi/ons ence - Scénaritelling / boarding o d’usage d’expéri Modélisation - Storyquoi la page d’accueil (par persona) Stratégie des Stratégie - C’estner la boite - Desig contenus Fonctionnelle - ... CONCEPT + modèles hybrides Visualisation Principes: - Construirerapidementd’ensemble une vision - Visualiser Méthode: CROQUIS
*3 ORGANISATION
Périmoètre foncti nnel Definition des fonctions, des formats, des principes d’interaction... ORGANISATION
Périmoètre foncti nnel Definition des fonctions, des formats, des principes d’interaction... ORGANISATION
Périmoètre foncti nnel Definition des fonctions, des formats, des principes d’interaction... ORGANISATION
Périmoètre foncti nnel Definition des fonctions, des formats, des principes d’interaction... ORGANISATION
Périmoètre foncti nnel Definition des fonctions, des formats, des principes d’interaction... ORGANISATION Objectifs: - lister rles fonctions ent - obteniun un accord cli - fairmatiobudgetproduction e esti n de et une
Périmoètre foncti nnel Definition des fonctions, Management des Contenus des formats, des principes d’interaction... Tableau Matrice des de page ORGANISATION contenus
Périmoètre foncti nnel Definition des fonctions, Management des Contenus des formats, des principes d’interaction... Tableau Matrice des de page ORGANISATION contenus
Périmoètre foncti nnel Definition des fonctions, Management des Contenus des formats, des principes d’interaction... Tableau Matrice des de page ORGANISATION contenus
Périmoètre foncti nnel Definition des fonctions, Management des Contenus des formats, des principes d’interaction... Tableau Matrice des de page ORGANISATION contenus
Périmoètre foncti nnel Definition des fonctions, Management des Contenus des formats, des principes d’interaction... Tableau Matrice des de page ORGANISATION contenus Structure Plan de site Arborescence Logique Méthode: Méthode: d’ensemble -Vue détaillée tableur schéma -Nommage ou arbre -Références
Périmoètre foncti nnel Definition des fonctions, Management des Contenus des formats, des principes d’interaction... Tableau Matrice des de page ORGANISATION contenus Structure Plan de site Arborescence Logique Méthode: Méthode: d’ensemble -Vue détaillée tableur schéma -Nommage ou arbre -Références
Périmoètre foncti nnel Definition des fonctions, Management des Contenus des formats, des principes d’interaction... Tableau Matrice des de page ORGANISATION contenus Structure Plan de site Arborescence Logique Méthode: Méthode: d’ensemble -Vue détaillée tableur schéma -Nommage ou arbre -Références
* 4 DESIGN
Desiognnel foncti n Shémas de Flux structure` logiques (wireframes) DESIGN
Desiognnel foncti n Shémas de Flux structure` logiques (wireframes) DESIGN
Desiognnel foncti n Shémas de Flux structure` logiques (wireframes) DESIGN
Desiognnel foncti n Shémas de Flux structure` logiques (wireframes) DESIGN
Desiognnel foncti n d Design on ,interacti Shémas de Flux Charte Comportements d’interaction structure` logiques (wireframes) DESIGN des objets
Desiognnel foncti n d Design on ,interacti Shémas de Flux Charte Comportements d’interaction structure` logiques (wireframes) DESIGN des objets
Desiognnel foncti n d Design on ,interacti Shémas de Flux Charte Comportements d’interaction structure` logiques (wireframes) DESIGN des objets
Desiognnel foncti n d Design on ,interacti Shémas de Flux Charte Comportements d’interaction structure` logiques (wireframes) DESIGN des objets
Desiognnel foncti n d Design on ,interacti Shémas de Flux Charte Comportements d’interaction structure` logiques (wireframes) DESIGN des objets
Desiognnel foncti n d Design on ,interacti Shémas de Flux Charte Comportements d’interaction structure` logiques (wireframes) DESIGN des objets
Desiognnel foncti n d Design on ,interacti Shémas de Flux Charte Comportements d’interaction structure` logiques (wireframes) DESIGN des objets Prototype
Desiognnel foncti n d Design on ,interacti Shémas de Flux Charte Comportements d’interaction structure` logiques (wireframes) DESIGN des objets Prototype Basse définition - Papier - Balsamiq
Desiognnel foncti n d Design on ,interacti Shémas de Flux Charte Comportements d’interaction structure` logiques (wireframes) DESIGN des objets Prototype Basse Moyenne définition définition - Papier - Wiqruables cli eframes - Balsamiq - Demo client Flash ou autre
Desiognnel foncti n d Design on ,interacti Shémas de Flux Charte Comportements d’interaction structure` logiques (wireframes) DESIGN des objets Prototype Basse Moyenne Haute définition définition définition - Papier - Wiqruables - Prototype de cli eframes développement - Balsamiq - Demo client HTML/CSS/DOM ou FLASH Flash ou autre
Desiognnel foncti n d Design on ,interacti Shémas de Flux Charte Comportements d’interaction structure` logiques (wireframes) DESIGN des objets Prototype
Desiognnel foncti n d Design on ,interacti Shémas de Flux Charte Comportements d’interaction structure` logiques (wireframes) DESIGN des objets Prototype Basse définition - Papier - Balsamiq
Desiognnel foncti n d Design on ,interacti Shémas de Flux Charte Comportements d’interaction structure` logiques (wireframes) DESIGN des objets Prototype Basse Moyenne définition définition - Papier - Wiqruables cli eframes - Balsamiq - Demo client Flash ou autre
Desiognnel foncti n d Design on ,interacti Shémas de Flux Charte Comportements d’interaction structure` logiques (wireframes) DESIGN des objets Prototype Basse Moyenne Haute définition définition définition - Papier - Wiqruables - Prototype de cli eframes développement - Balsamiq - Demo client HTML/CSS/DOM ou FLASH Flash ou autre
Desiognnel foncti n d Design on ,interacti Shémas de Flux Charte Comportements d’interaction structure` logiques (wireframes) DESIGN des objets Prototype
Desiognnel foncti n d Design on ,interacti Shémas de Flux Charte Comportements d’interaction structure` logiques (wireframes) DESIGN des objets Prototype Basse définition - Papier - Balsamiq
Desiognnel foncti n d Design on ,interacti Shémas de Flux Charte Comportements d’interaction structure` logiques (wireframes) DESIGN des objets Prototype Basse Moyenne définition définition - Papier - Wiqruables cli eframes - Balsamiq - Demo client Flash ou autre
Desiognnel foncti n d Design on ,interacti Shémas de Flux Charte Comportements d’interaction structure` logiques (wireframes) DESIGN des objets Prototype Basse Moyenne Haute définition définition définition - Papier - Wiqruables - Prototype de cli eframes développement - Balsamiq - Demo client HTML/CSS/DOM ou FLASH Flash ou autre
Desiognnel foncti n d Design on ,interacti Shémas de Flux Charte Comportements d’interaction structure` logiques (wireframes) DESIGN des objets Prototype Basse Moyenne Haute définition définition définition - Papier - Wiqruables - Prototype de cli eframes développement - Balsamiq - Demo client HTML/CSS/DOM ou FLASH Flash ou autre
Desiognnel foncti n d Design on ,interacti Shémas de Flux Charte Comportements d’interaction structure` logiques (wireframes) DESIGN des objets Prototype Basse Moyenne Haute définition définition définition - Papier - Wiqruables - Prototype de cli eframes développement - Balsamiq - Demo client HTML/CSS/DOM ou FLASH Flash ou autre
Desiognnel foncti n d Design on ,interacti Shémas de Flux Charte Comportements d’interaction structure` logiques (wireframes) DESIGN des objets Prototype Basse Moyenne Haute définition définition définition - Papier - Wiqruables - Prototype de cli eframes développement - Balsamiq - Demo client HTML/CSS/DOM ou FLASH Flash ou autre
Desiognnel foncti n d Design on ,interacti Shémas de Flux Charte Comportements d’interaction structure` logiques (wireframes) DESIGN des objets Prototype Interface Basse Moyenne Haute définition définition définition Lisibilité Composants (technologie) (fond) - Papier - Wiqruables - Prototype de cli eframes développement Grille Navigation - Balsamiq - Demo client HTML/CSS/DOM (forme) (fonction) ou FLASH Flash ou autre
* 5 MANAGEMENT DE PRODUCTION
Specifications Production Production Specifications Fonctionnelles graphique de contenus techniques MANAGEMENT DE PRODUCTION
Specifications Production Production Specifications Fonctionnelles graphique de contenus techniques MANAGEMENT DE PRODUCTION PRODUCTION DES SHEMAS DE STRUCTURE (WIREFRAMES) - a fairefier STATUS - a modi - validé
Specifications Production Production Specifications Fonctionnelles graphique de contenus techniques MANAGEMENT DE PRODUCTION PRODUCTION DES SHEMAS DE STRUCTURE (WIREFRAMES) - a fairefier STATUS - a modi - validé
Specifications Production Production Specifications Fonctionnelles graphique de contenus techniques MANAGEMENT DE PRODUCTION PRODUCTION GABARITS & OBJETS DES SHEMAS DE Objectifs: STRUCTURE (WIREFRAMES) - Ratimnalisle développement o er les gabarits - Opti iser - a fairefier Modélisation Description des STATUS - a modi de l’organisation composants - validé des gabarits
Specifications Production Production Specifications Fonctionnelles graphique de contenus techniques MANAGEMENT DE PRODUCTION PRODUCTION GABARITS & OBJETS DES SHEMAS DE Objectifs: STRUCTURE (WIREFRAMES) - Ratimnalisle développement o er les gabarits - Opti iser - a fairefier Modélisation Description des STATUS - a modi de l’organisation composants - validé des gabarits
Specifications Production Production Specifications Fonctionnelles graphique de contenus techniques MANAGEMENT DE PRODUCTION PRODUCTION GABARITS & OBJETS DES SHEMAS DE Objectifs: STRUCTURE (WIREFRAMES) - Ratimnalisle développement o er les gabarits - Opti iser - a fairefier Modélisation Description des STATUS - a modi de l’organisation composants - validé des gabarits
Specifications Production Production Specifications Fonctionnelles graphique de contenus techniques architecte n d’informatio chef de ITÉRATION projet designer d’interface MANAGEMENT DE PRODUCTION PRODUCTION GABARITS & OBJETS DES SHEMAS DE Objectifs: STRUCTURE (WIREFRAMES) - Ratimnalisle développement o er les gabarits - Opti iser - a fairefier Modélisation Description des STATUS - a modi de l’organisation composants - validé des gabarits
* Conclusion
AGILITÉ DU PROCESSUS Découverte Concept Organisation Design Production Niveau d’engagement Niveau d’engagement Degrés de définition Inspiré par UX Matters: http://tiny.cc/ux-process-source
AGILITÉ DU PROCESSUS Découverte Concept Organisation Design Production Niveau d’engagement Niveau d’engagement ITERATIONS Degrés de définition - Recherches - “Ideation” - Périmètre - Schémas de structure - Specifications utilisateurs - Esquisses fonctionnel fonctionelles - Personas - Management des - Flux logiques - Production graphique - Modélisation de la contenus - Rédaction - benchmark stratégie editoriale fonctionnelle - Production de compétitif et et fonctionnelle - Structure de site contenus fonctionnel - Réalisation de prototype Inspiré par UX Matters: http://tiny.cc/ux-process-source
* Discutons sur.. @activeside #parisweb linkedin.com/in/mingasson slideshare.net/activeside design.activeside.net

Contenu connexe

PDF
5 phases du Design pour l'Experience Utilisateur
parMatthieu Mingasson
 
PDF
Le design d'expérience utilisateur - Bases
parDocumation Gestion de l'information et du document numérique en entreprise
 
PDF
Flupa 2010 Personas Eric Brangier
parFlupa
 
PDF
Persona grata
parEric Brangier
 
PDF
UX Design - Soutenance 2016 Marie Glandus
parMarie Glandus
 
PDF
3. Recherche utilisateur
parLaurent Barbat
 
PDF
Evaluation de l'Expérience Utilisateur - Carine Lallemand
parCarine Lallemand
 
PDF
Pourquoi toutes les organisations ont-elles besoin de Design UX ?
parMarie Glandus
 
5 phases du Design pour l'Experience Utilisateur
parMatthieu Mingasson
 
Le design d'expérience utilisateur - Bases
parDocumation Gestion de l'information et du document numérique en entreprise
 
Flupa 2010 Personas Eric Brangier
parFlupa
 
Persona grata
parEric Brangier
 
UX Design - Soutenance 2016 Marie Glandus
parMarie Glandus
 
3. Recherche utilisateur
parLaurent Barbat
 
Evaluation de l'Expérience Utilisateur - Carine Lallemand
parCarine Lallemand
 
Pourquoi toutes les organisations ont-elles besoin de Design UX ?
parMarie Glandus
 

Tendances

PDF
Améliorer le Design pour améliorer l'UX
parL_Demontiers
 
PDF
Workshop UX Design - FLUPA UX-Day 2013
parCarine Lallemand
 
PDF
Strategie editoriale web_persona
parescale-web.com
 
PDF
4. Atelier : Exploration > Synthèse
parLaurent Barbat
 
PDF
WAQ16 - Atelier design émotionnel - Carine Lallemand
parCarine Lallemand
 
PPTX
UX Mobile - Experience Utilisateur Mobile
parAudrey CHATEL
 
PDF
7. Du Design UX au Design de la collaboration
parLaurent Barbat
 
PDF
Design de service - le parcours utilisateur
parEva Villebrun
 
PDF
1. Introduction à l'Expérience utilisateur
parLaurent Barbat
 
PDF
BlendWebMix 2015 - UX Design : et si la clé du succès se trouvait dans les th...
parCarine Lallemand
 
PDF
BlendWebMix 2017 - Guérilla UX, "quick" mais pas "dirty" - Carine Lallemand
parCarine Lallemand
 
PPT
A2006 1-903261.commentpreparersonfocusgroup
pardamhhhy
 
KEY
Ux design-jean-françois-marti
parFrenchWeb.fr
 
PDF
Paris Web 2015 Atelier "Evaluer l'UX : des méthodes simples mais efficaces !"
parCarine Lallemand
 
PDF
Flupa Orléans 2016 - Eurêka ! Innover avec les méthodes d'idéation UX
parCarine Lallemand
 
PPS
Introduction au design de service - Design Innovation-Azimut 060314
parAnne-Sophie Prévost
 
PDF
Design Thinking & UX/UI
parÉvolt
 
PDF
Design de services
parwedo studios
 
PDF
UX Design : Concevoir des expériences positives et engageantes - Carine Lalle...
parCarine Lallemand
 
Améliorer le Design pour améliorer l'UX
parL_Demontiers
 
Workshop UX Design - FLUPA UX-Day 2013
parCarine Lallemand
 
Strategie editoriale web_persona
parescale-web.com
 
4. Atelier : Exploration > Synthèse
parLaurent Barbat
 
WAQ16 - Atelier design émotionnel - Carine Lallemand
parCarine Lallemand
 
UX Mobile - Experience Utilisateur Mobile
parAudrey CHATEL
 
7. Du Design UX au Design de la collaboration
parLaurent Barbat
 
Design de service - le parcours utilisateur
parEva Villebrun
 
1. Introduction à l'Expérience utilisateur
parLaurent Barbat
 
BlendWebMix 2015 - UX Design : et si la clé du succès se trouvait dans les th...
parCarine Lallemand
 
BlendWebMix 2017 - Guérilla UX, "quick" mais pas "dirty" - Carine Lallemand
parCarine Lallemand
 
A2006 1-903261.commentpreparersonfocusgroup
pardamhhhy
 
Ux design-jean-françois-marti
parFrenchWeb.fr
 
Paris Web 2015 Atelier "Evaluer l'UX : des méthodes simples mais efficaces !"
parCarine Lallemand
 
Flupa Orléans 2016 - Eurêka ! Innover avec les méthodes d'idéation UX
parCarine Lallemand
 
Introduction au design de service - Design Innovation-Azimut 060314
parAnne-Sophie Prévost
 
Design Thinking & UX/UI
parÉvolt
 
Design de services
parwedo studios
 
UX Design : Concevoir des expériences positives et engageantes - Carine Lalle...
parCarine Lallemand
 

Similaire à UX methode-paris web

PPTX
[FR] Présentation Corporate Spotter 2013
parCeline Molina
 
PDF
Du parcours client à l'optimisation de l'expérience client
parSoft Computing
 
PDF
I Expo - Méthodes d'Analyse - Cas
parPierre Memheld
 
PDF
Le nouveau-role-des-enquetes-dans-le-marketing-client-multicanal
parSoft Computing
 
KEY
En Finir Avec ...
parChristophe Addinquy
 
PPT
Pres ena cisap_061212
parludovic bour
 
PDF
Le Multi-Canal et le Mix-Mode
parFBC Software - Grimmersoft - Conversoft
 
PPTX
Etude sur les outils modernes de communication à développer sur Montpellier A...
parVelizara Tellalyan
 
PDF
6 business decision big data 0102
parpour action !
 
PPTX
[FR] Solutions et Applications Spotter 2013
parCeline Molina
 
KEY
MFG-Labs : présentation au club des directeurs de l'innovation
parHenri Verdier
 
PPTX
Social data : analyse en temps réel / Présentation de Spotter au SMC
parSMCFrance
 
PPSX
Présentation partenaires 2012_10_fr
parbuiness_investigation_FR
 
PPTX
La Stratégie digitale -La méthode des 6C
parOumaimaChouanine
 
PPT
PB VEILLE CONSULTING
parPBVC007
 
PPTX
Comprendre
parAmaniFarhati
 
PPTX
Comprendre
parferielBENBELGACEM
 
PDF
Presentation Afi Grh 2.0
parafi.opac.2.0
 
PDF
Tableau cd p_m2_2012
parEremyj_Xeiratei
 
PDF
Veilleur stratégique
parbenj_2
 
[FR] Présentation Corporate Spotter 2013
parCeline Molina
 
Du parcours client à l'optimisation de l'expérience client
parSoft Computing
 
I Expo - Méthodes d'Analyse - Cas
parPierre Memheld
 
Le nouveau-role-des-enquetes-dans-le-marketing-client-multicanal
parSoft Computing
 
En Finir Avec ...
parChristophe Addinquy
 
Pres ena cisap_061212
parludovic bour
 
Le Multi-Canal et le Mix-Mode
parFBC Software - Grimmersoft - Conversoft
 
Etude sur les outils modernes de communication à développer sur Montpellier A...
parVelizara Tellalyan
 
6 business decision big data 0102
parpour action !
 
[FR] Solutions et Applications Spotter 2013
parCeline Molina
 
MFG-Labs : présentation au club des directeurs de l'innovation
parHenri Verdier
 
Social data : analyse en temps réel / Présentation de Spotter au SMC
parSMCFrance
 
Présentation partenaires 2012_10_fr
parbuiness_investigation_FR
 
La Stratégie digitale -La méthode des 6C
parOumaimaChouanine
 
PB VEILLE CONSULTING
parPBVC007
 
Comprendre
parAmaniFarhati
 
Comprendre
parferielBENBELGACEM
 
Presentation Afi Grh 2.0
parafi.opac.2.0
 
Tableau cd p_m2_2012
parEremyj_Xeiratei
 
Veilleur stratégique
parbenj_2
 

UX methode-paris web

  • 1.
    * CONCEVOIR POUR L’EXPERIENCE UTILISATEUR RÉVISION POUR TOUS
  • 2.
    QUEL EST VOTREPROCESS 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
  • 7.
  • 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...
  • 20.
  • 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
  • 41.
  • 42.
    Périmoètre foncti nnel Definition desfonctions, des formats, des principes d’interaction... ORGANISATION
  • 43.
    Périmoètre foncti nnel Definition desfonctions, des formats, des principes d’interaction... ORGANISATION
  • 44.
    Périmoètre foncti nnel Definition desfonctions, des formats, des principes d’interaction... ORGANISATION
  • 45.
    Périmoètre foncti nnel Definition desfonctions, 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 desfonctions, Management des Contenus des formats, des principes d’interaction... Tableau Matrice des de page ORGANISATION contenus
  • 48.
    Périmoètre foncti nnel Definition desfonctions, Management des Contenus des formats, des principes d’interaction... Tableau Matrice des de page ORGANISATION contenus
  • 49.
    Périmoètre foncti nnel Definition desfonctions, Management des Contenus des formats, des principes d’interaction... Tableau Matrice des de page ORGANISATION contenus
  • 50.
    Périmoètre foncti nnel Definition desfonctions, Management des Contenus des formats, des principes d’interaction... Tableau Matrice des de page ORGANISATION contenus
  • 51.
    Périmoètre foncti nnel Definition desfonctions, 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 desfonctions, 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 desfonctions, 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
  • 54.
  • 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
  • 89.
  • 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
  • 92.