31. Périmoètre
foncti nnel
Definition des fonctions,
des formats, des principes
d’interaction...
mini-schemas
ORGANISATION
Objectifs:
- lister lesrelations,
et leurs
fonctions
- obtenir(sansaccord du
un
client le perdre
dans les details),
- fairmatiobudgetlaet une
e un
esti n de
production
lundi 4 octobre 2010
32. Périmoètre
foncti nnel
Definition des fonctions,
des formats, des principes
d’interaction...
mini-schemas
ORGANISATION
Objectifs:
- lister lesrelations,
et leurs
fonctions
- obtenir(sansaccord du
un
client le perdre
dans les details),
- fairmatiobudgetlaet une
e un
esti n de
production
lundi 4 octobre 2010
33. Périmoètre
foncti nnel
Definition des fonctions,
des formats, des principes
d’interaction...
mini-schemas
ORGANISATION
Objectifs:
- lister lesrelations,
et leurs
fonctions
- obtenir(sansaccord du
un
client le perdre
dans les details),
- fairmatiobudgetlaet une
e un
esti n de
production
lundi 4 octobre 2010
34. Périmoètre
foncti nnel
Definition des fonctions,
Management des
Contenus
des formats, des principes
d’interaction... Tableau
mini-schemas Matrice des de page
ORGANISATION contenus
Objectifs:
- lister lesrelations,
et leurs
fonctions
- obtenir(sansaccord du
un
client le perdre
dans les details),
- fairmatiobudgetlaet une
e un
esti n de
production
lundi 4 octobre 2010
35. Périmoètre
foncti nnel
Definition des fonctions,
Management des
Contenus
des formats, des principes
d’interaction... Tableau
mini-schemas Matrice des de page
ORGANISATION contenus
Objectifs:
- lister lesrelations,
et leurs
fonctions
- obtenir(sansaccord du
un
client le perdre
dans les details),
- fairmatiobudgetlaet une
e un
esti n de
production
lundi 4 octobre 2010
36. Périmoètre
foncti nnel
Definition des fonctions,
Management des
Contenus
des formats, des principes
d’interaction... Tableau
mini-schemas Matrice des de page
ORGANISATION contenus
Objectifs:
- lister lesrelations,
et leurs
fonctions
- obtenir(sansaccord du
un
client le perdre
dans les details),
- fairmatiobudgetlaet une
e un
esti n de
production
lundi 4 octobre 2010
37. Périmoètre
foncti nnel
Definition des fonctions,
Management des
Contenus
des formats, des principes
d’interaction... Tableau
mini-schemas Matrice des de page
ORGANISATION contenus
Objectifs:
- lister lesrelations,
et leurs
fonctions Structure
- obtenir(sansaccord du
un Plan de site Arborescence
client le perdre Logique Méthode:
dans les details), d’ensemble -Vue détaillée tableur
- fairmatiobudgetlaet une
e un
esti n de
Méthode:
schéma -Nommage ou arbre
production -Références
lundi 4 octobre 2010
38. Périmoètre
foncti nnel
Definition des fonctions,
Management des
Contenus
des formats, des principes
d’interaction... Tableau
mini-schemas Matrice des de page
ORGANISATION contenus
+ Optimisation Moteur
de Recherche
+ Flux opérationnel
éditorial
Objectifs:
- lister lesrelations,
et leurs
fonctions Structure
- obtenir(sansaccord du
un Plan de site Arborescence
client le perdre Logique Méthode:
dans les details), d’ensemble -Vue détaillée tableur
- fairmatiobudgetlaet une
e un
esti n de
Méthode:
schéma -Nommage ou arbre
production -Références
lundi 4 octobre 2010
39. Périmoètre
foncti nnel
Definition des fonctions,
Management des
Contenus
des formats, des principes
d’interaction... Tableau
mini-schemas Matrice des de page
ORGANISATION contenus
Objectifs:
- lister lesrelations,
et leurs
fonctions Structure
- obtenir(sansaccord du
un Plan de site Arborescence
client le perdre Logique Méthode:
dans les details), d’ensemble -Vue détaillée tableur
- fairmatiobudgetlaet une
e un
esti n de
Méthode:
schéma -Nommage ou arbre
production -Références
lundi 4 octobre 2010
41. Architecture
d,information
Shémas de Flux
structure` logiques
(wireframes) DESIGN
lundi 4 octobre 2010
42. Architecture
d,information
Shémas de Flux
structure` logiques
(wireframes) DESIGN
lundi 4 octobre 2010
43. Architecture
d,information
Shémas de Flux
structure` logiques
(wireframes) DESIGN
lundi 4 octobre 2010
44. Architecture
d,information
Shémas de Flux
structure` logiques
(wireframes) DESIGN
lundi 4 octobre 2010
45. Architecture
d,information
Shémas de Flux
structure` logiques
(wireframes) DESIGN
lundi 4 octobre 2010
46. Architecture
d,information d Design on
,interacti
Shémas de Flux Charte
Comportements d’interaction
structure` logiques
(wireframes) DESIGN des objets
lundi 4 octobre 2010
47. Architecture
d,information d Design on
,interacti
Shémas de Flux Charte
Comportements d’interaction
structure` logiques
(wireframes) DESIGN des objets
lundi 4 octobre 2010
48. Architecture
d,information d Design on
,interacti
Shémas de Flux Charte
Comportements d’interaction
structure` logiques
(wireframes) DESIGN des objets
lundi 4 octobre 2010
49. Architecture
d,information d Design on
,interacti
Shémas de Flux Charte
Comportements d’interaction
structure` logiques
(wireframes) DESIGN des objets
lundi 4 octobre 2010
50. Architecture
d,information 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
cli eframes - Prototype de
développement
- Balsamiq - Simulation HTML/CSS/DOM
ou FLASH
Flash ou autre
lundi 4 octobre 2010
51. Architecture
d,information 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
cli eframes - Prototype de
développement
- Balsamiq - Simulation HTML/CSS/DOM
ou FLASH
Flash ou autre
lundi 4 octobre 2010
52. Architecture
d,information 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
cli eframes - Prototype de
développement
- Balsamiq - Simulation HTML/CSS/DOM
ou FLASH
Flash ou autre
lundi 4 octobre 2010
54. Specifications Production Production Specifications
Fonctionnelles graphique de contenus techniques
SUIVI DE PRODUCTION
lundi 4 octobre 2010
55. Specifications Production Production Specifications
Fonctionnelles graphique de contenus techniques
SUIVI 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
lundi 4 octobre 2010
56. Specifications Production Production Specifications
Fonctionnelles graphique de contenus techniques
SUIVI 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
lundi 4 octobre 2010
57. Specifications Production Production Specifications
Fonctionnelles graphique de contenus techniques
SUIVI 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
lundi 4 octobre 2010
58. Specifications Production Production Specifications
Fonctionnelles graphique de contenus techniques
Designer
d’interface
Chef de
projet +
techno. ITERATION
Architecte
d’information
SUIVI 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
lundi 4 octobre 2010
60. 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
lundi 4 octobre 2010
61. AGILITÉ DU PROCESSUS
Découverte Concept Organisation Design Production
Niveau d’engagement
Niveau d’engagement
ITERATION
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
lundi 4 octobre 2010
62. * attention
merci de votre
:-)
Matthieu Mingasson
Head of UX Design
Linkedin.com/in/mingasson
lundi 4 octobre 2010