IAFACTORYINFORMATION ARCHITECTURE DESIGN
support de formation
conception, intro
MATERIALIZE YOUR NEXT SUCCESS
1 / 128suppo...
Conception de projet numérique…
Objectif : transposer les problématiques communicationnelles en interface
fonctionnelle à ...
Notre parcours initiatique… PROGRAMME
GESTION DE PROJET CONCEPTION COMMUNICATION
modulemodulemodule
• principes généraux,
...
Les tendances qui influencent la conception…
Votre vision du web ?
réalité augmentée
réseaux sociaux
interface 3D
univers ...
Note d’histoire (rappel) : la fin du bricolage
Réaliser un site Internet n’est pas / plus une simple question de façonnage...
Un périmètre d’intervention de + en + important
Des demandes qui adressent des problématiques plus larges et plus
complexe...
d é
De NOUVELLES exigences…
Des produits numériques +
complexes à concevoircomplexes à concevoir…
cathédralecabanon
7 / 12...
RIA_Interface riche ?
De nouvelles modalités de présentation / des technos à maturité (flash, ajax)
 Assistance 1/2
Aid h...
RIA_Interface riche ?
De nouvelles modalités de présentation / des technos à maturité (flash, ajax)
 Assistance 2/2
Aid h...
RIA_Interface riche ?
De nouvelles modalités de présentation / des technos à maturité (flash, ajax)
 Assistance
Aid h i 1...
RIA_Interface riche ?
De nouvelles modalités de présentation / des technos à maturité (flash, ajax)
 Assistance
Aid h i 2...
RIA_Interface riche ?
De nouvelles modalités de présentation / des technos à maturité (flash, ajax)
 Assistance
Aid h i ...
RIA_Interface riche ?
De nouvelles modalités de présentation / des technos à maturité (flash, ajax)
 Assistance
Aid h i ...
RIA_Interface riche ?
De nouvelles modalités de présentation / des technos à maturité (flash, ajax)
 Assistance
Aid h i ...
RIA_Interface riche ?
De nouvelles modalités de présentation / des technos à maturité (flash, ajax)
 Assistance
Aid h i ...
RIA_Interface riche ?
De nouvelles modalités de présentation / des technos à maturité (flash, ajax)
 Assistance
Aid h i ...
RIA_Interface riche ?
De nouvelles modalités de présentation / des technos à maturité (flash, ajax)
 Assistance
Aid h i ...
RIA_Interface riche ?
De nouvelles modalités de présentation / des technos à maturité (flash, ajax)
 Assistance
Aid h i ...
RIA_Interface riche ?
De nouvelles modalités de présentation / des technos à maturité (flash, ajax)
 Assistance
Aid h i ...
RIA_Interface riche ?
De nouvelles modalités de présentation / des technos à maturité (flash, ajax)
 Assistance
Aid h i ...
RIA_Interface riche ?
De nouvelles modalités de présentation / des technos à maturité (flash, ajax)
 Assistance
Aid h i ...
RIA_Interface riche ?
Sans oublier…
 Navigation par tag (youtube, dailymotion)
id Widgets
 Configurateurs et moteurs de...
L’utilisateur au cœur du dispositif ?
23 / 128support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil e...
// de NOUVEAUX concepts qui émergent
UX user experience
Placer
l’ tili tl’utilisateur
au centre
d di itifdu dispositif
24 ...
Des sites nouvelles générations
25 / 128support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en arch...
Des sites nouvelles générations
26 / 128support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en arch...
Quelques interfaces… innovantes du moment
www.etsy.com www.apple.com
http://browsegoods.com
www.oskope.comwww.writemaps.co...
[juste] Concevoir une expérience
28 / 128support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en arc...
Conception de projet numérique…
Objectif : transposer les problématiques communicationnelles en interface
fonctionnelle à ...
Conception fonctionnelle, Ecriture interactive ?
écriture interactive
Conception fonctionnelle
écriture interactive
= liné...
Concevoir une expérience ?
expériencep
réussie
31 / 128support de formation | intervention Julien MUCKENSTURM IAFACTORY | ...
Expérience réussie !
les humains réalisent des miracles
32 / 128support de formation | intervention Julien MUCKENSTURM IAF...
Concevoir une expérience ?
expérience
tératée
33 / 128support de formation | intervention Julien MUCKENSTURM IAFACTORY | c...
Expérience ratée !
les humains commettent des erreurs
34 / 128support de formation | intervention Julien MUCKENSTURM IAFAC...
Parfois c’est compliqué…
35 / 128support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architectur...
Pourtant il existe des solutions
L’ i ?L’aviez-vous vue ?
36 / 128support de formation | intervention Julien MUCKENSTURM I...
Mais certaines sont meilleures que d’autres
E iEncore mieux
37 / 128support de formation | intervention Julien MUCKENSTURM...
Regardez c’est un canard !
Q ? V i l ê h ?Que voyez-vous ? Voit-on tous la même chose ?
Pareil pour une interface…
38 / 12...
Conclusion
Pas une conception juste…
juste une conception
39 / 128support de formation | intervention Julien MUCKENSTURM I...
La conception centrée utilisateur
CCU pour les intimes
40 / 128support de formation | intervention Julien MUCKENSTURM IAFA...
Concevoir une expérience réussie ?
Viva
la conception
t é tili tcentrée utilisateur
41 / 128support de formation | interve...
La conception centrée utilisateur
Comprendre et spécifier le
contexte d’utilisation
CADRAGE
1
contexte d utilisation
Fin
T...
Ergonomie VS AI
Architecture de l'information et ergonomie sont des domaines par
définition très proches et qui se confond...
Ergonomie VS AI
Ergonomie
• Modèle du processeur humain (ergonomie cognitive)
P h l gi i l
Architecture d’information
• « ...
le rôle dele rôle de
l’ergonome ?l ergonome ?
45 / 128support de formation | intervention Julien MUCKENSTURM IAFACTORY | c...
C i d tConnaissance des processus mentaux
= cognition
46 / 128support de formation | intervention Julien MUCKENSTURM IAFAC...
ÉÉtude ou observation des différents cas d’utilisation
= rencontres, entretiens, observation in situ
47 / 128support de fo...
Pas
Ok
Ok
Évaluation
48 / 128support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de...
Via des tests utilisateurs
49 / 128support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architect...
Via eye trackingy g
50 / 128support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de ...
Via l’évaluation experte
et les critères d’évaluation de Bastien et Scapin (INRIA)
p
• 1. Guidage • 4. Adaptabilitég
1.1. ...
l’ergonome doitl ergonome doit-
il concevoir ?il concevoir ?
52 / 128support de formation | intervention Julien MUCKENSTUR...
53 / 128support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’information | www....
54 / 128support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’information | www....
l’architecte del’architecte de
l’informationl information
55 / 128support de formation | intervention Julien MUCKENSTURM I...
…des défis qui appellent de NOUVEAUX métiers
Architecte d’information
L’architecte d’information
I t ti i t i t t d j t l ...
AIergo
UX
architecture
D i d’i f ti D i d’i t tid’informationDesign d’information Design d’interaction
designmarketing
57 ...
Design d’information & design d’interaction
D i d’i f i D i d’i iDesign d’information Design d’interaction
Design = Concev...
design d’information ?
59 / 128support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture ...
design d’information ?
60 / 128support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture ...
design d’information ?
61 / 128support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture ...
Un métier de passionné
62 / 128support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture ...
Concevoir une interface…
C’est passionnant !La conception est au carrefour de la chaîne interactive et canalise les nœuds ...
Travailler avec tout le monde…
CONSEIL
Commercial
Stratégie
Conduite de projet
Directeur de projet Chef de projet Consulta...
Concevoir une interface…
C’est exigeant…
• composer avec les exigences de l’annonceur
• comprendre les enjeux marketing
• ...
Point de départ…
66 / 128support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’i...
Conception, par où commencer (RAPPEL !)
Rassembler les informations recueillies dans la phase de cadrage.
4 sources INCONT...
PERSONASPERSONAS
68 / 128support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’i...
Approche par persona
Quels sont les grands profils attendus ?
La définition des utilisateurs
 En terme de CSP et de cible...
Approche par persona
La définition des besoins
Définir des besoins génériquesDéfinir des besoins génériques
(communs aux u...
Approche par persona
Étude des utilisateurs
Une question d’attitude
Les profiles et les besoins permettent de dresser une
...
Je gagne un temps
précieux pour le
Approche par persona
Les personas
précieux pour le
même prix !
Des caricatures
Gagner d...
Exemples de scénario
Rechercher
Recherche avancée Recherche Acheter
StyleCatégories
Affiner Authentification
Produit
Style...
Personas (profil d’utilisateur type ~ cible)
74 / 128support de formation | intervention Julien MUCKENSTURM IAFACTORY | co...
Profil utilisateur | les prospects
J li G
PROFIL
• Prospect
Affi ité ll l
Julie Gonzague
• Affinité nulle avec la marque
•...
Profil utilisateur | les prospects
É il D
PROFIL
• Prospect
F ibl ffi ité l
Émile Duquesne
• Faible affinité avec la marqu...
Profil utilisateur | les prospects
Ch l H l
PROFIL
• Prospect
B i d l
Charles Hual
• Bonne connaissance de la marque
• Fai...
Profil utilisateur | les prospects
Ch l R h
PROFIL
• Prospect
B i d l
Charles Rocher
• Bonne connaissance de la marque
• B...
Profil utilisateur | les clients
Ch l R h
PROFIL
• Client
B i d l
Charles Rocher
• Bonne connaissance de la marque
• Bonne...
Profil utilisateur | les clients
M i R l d
PROFIL
• Client
B i d l
Marie Roland
• Bonne connaissance de la marque
• Faible...
Profil utilisateur | les clients
L Pl
PROFIL
• Client
B i d l
Laurent Planton
• Bonne connaissance de la marque
• Bonne co...
Profil utilisateur | les clients
L i M l
PROFIL
• Client
B i d l
Lucien Menyl
• Bonne connaissance de la marque
• Faible c...
Personas (profil d’utilisateur type ~ cible)
83 / 128support de formation | intervention Julien MUCKENSTURM IAFACTORY | co...
Personas (profil d’utilisateur type ~ cible)
84 / 128support de formation | intervention Julien MUCKENSTURM IAFACTORY | co...
Personas (profil d’utilisateur type ~ cible)
85 / 128support de formation | intervention Julien MUCKENSTURM IAFACTORY | co...
Ensuite
BRAINSTORMBRAINSTORM
86 / 128support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en archite...
Notez toutes vos idées… dessinez (avant) PENDANT (après) la réunion ;)
87 / 128support de formation | intervention Julien ...
Notez toutes vos idées… dessinez (avant) PENDANT (après) la réunion ;)
88 / 128support de formation | intervention Julien ...
Notez toutes vos idées… dessinez (avant) PENDANT (après) la réunion ;)
89 / 128support de formation | intervention Julien ...
Notez toutes vos idées… dessinez (avant) PENDANT (après) la réunion ;)
90 / 128support de formation | intervention Julien ...
Notez toutes vos idées… dessinez (avant) PENDANT (après) la réunion ;)
91 / 128support de formation | intervention Julien ...
Ensuite
• énumérer
• lister les fonctionnalités
• inventorier lister les contenus
catégoriser le to t
En fonction de la ty...
93 / 128support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’information | www....
Trier, ordonner vos idées…
Procéder par exemple par post-it
Faîtes réagir vos collègues / amis
« ta logique n’est pas ma l...
Pourquoi est-il indispensable de catégoriser ?
Organiser pour mémoriser…
ou favoriser le travail de mémorisation de l’util...
Parce qu’on mémorise mieux les parties d’un tout…
96 / 128support de formation | intervention Julien MUCKENSTURM IAFACTORY...
97 / 128support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’information | www....
Bonne pratique
Structurer des contenus
et des fonctionnalités
98 / 128support de formation | intervention Julien MUCKENSTU...
Quelques exemples d’arborescence
99 / 128support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en arc...
Quelques exemples d’arborescence
100 / 128support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en ar...
Quelques exemples d’arborescence
101 / 128support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en ar...
Quelques exemples d’arborescence
102 / 128support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en ar...
Quelques exemples d’arborescence
103 / 128support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en ar...
Quelques exemples d’arborescence
104 / 128support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en ar...
Mauvaise pratique
Mélanger les arbos de contenus
vs symobiliser les processus
105 / 128support de formation | intervention...
Mélange des genres…
106 / 128support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de...
Mélange des genres…
107 / 128support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de...
Mélange des genres…
108 / 128support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de...
Penser mécanique
109 / 128support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’...
110 / 128support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’information | www...
Le mécano
111 / 128support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’informa...
Micro
Micro
Macro Micro
Micro
Micro
Micro
Micro
Macro Micro
Micro
Micro
Micro
Micro
Micro
112 / 128support de formation | ...
Du macro au micro
une vision lointaine, expérimentale et
conceptuelle du projet...
Commencer avec
Crobar
conceptuel
113 / ...
Du macro au micro
une vision macro du projet, de l’interface
et des contenus…
Commencer avec
Zoningg
macro
114 / 128suppor...
Du macro au micro
une vision micro de l’interface
et de la navigation, hiérarchisée et précise :
Avancer qualitativement
S...
116 / 128support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’information | www...
117 / 128support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’information | www...
118 / 128support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’information | www...
119 / 128support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’information | www...
120 / 128support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’information | www...
Juste un mot sur l’écriture pour le web
121 / 128support de formation | intervention Julien MUCKENSTURM IAFACTORY | consei...
Ecrire pour le web !
122 / 128support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture d...
Ecrire pour le web !
123 / 128support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture d...
Ecrire pour le web !
écrire pour le web
124 / 128support de formation | intervention Julien MUCKENSTURM IAFACTORY | consei...
Ecrire pour le web !
écrire pour le web
125 / 128support de formation | intervention Julien MUCKENSTURM IAFACTORY | consei...
Ecrire pour le web !
écrire pour le web
126 / 128support de formation | intervention Julien MUCKENSTURM IAFACTORY | consei...
Merci pour votre attention
LA PROCHAINE FOIS : les outils en conception.
127 / 128support de formation | intervention Juli...
http://blog.iafactory.fr
SPEAKING ABOUT INFORMATION ARCHITECTURE
128 / 128support de formation | intervention Julien MUCKE...
Upcoming SlideShare
Loading in...5
×

Formation conception de support interactif - 01 - introduction

1,435

Published on

Il s’agit d’un module focalisant sur la phase de conception qui aura été appréhendé succinctement dans le module de conduite de projet ; les étudiants seront initiés aux techniques de l’architecture de l‘information.

L’objectif central est de conduire l’étudiant à être capable de transposer les problématiques communicationnelles en interface fonctionnelle à destination d’un utilisateur final.

Concevoir un produit numérique et acquérir les savoirs et savoir-faire permettant de cartographier et modéliser le fonctionnemenet d’un support interactif exige une bonne culture du média, des typologies de site, des possibilités, des technologies…

Published in: Education, Business, Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
1,435
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Transcript of "Formation conception de support interactif - 01 - introduction"

  1. 1. IAFACTORYINFORMATION ARCHITECTURE DESIGN support de formation conception, intro MATERIALIZE YOUR NEXT SUCCESS 1 / 128support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | contact@iafactory.fr |
  2. 2. Conception de projet numérique… Objectif : transposer les problématiques communicationnelles en interface fonctionnelle à destination d’un utilisateur final : zoom sur la conception. Recommandation Appel d’Offre 20 H Recommandation Evolution Cadrage Mise en ligne Animation Conception Prototypage / Test ProductionRecette 2 / 128support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | contact@iafactory.fr |
  3. 3. Notre parcours initiatique… PROGRAMME GESTION DE PROJET CONCEPTION COMMUNICATION modulemodulemodule • principes généraux, • outils en conception, • audit de support digital. b h k ti l• benchmark concurrentiel. 3 / 128support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | contact@iafactory.fr |
  4. 4. Les tendances qui influencent la conception… Votre vision du web ? réalité augmentée réseaux sociaux interface 3D univers virtuel webservice e-commerce blogs sites communautaires et collaboratif interface 3D interface riche e commerce 4 / 128support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | contact@iafactory.fr | vidéo et partage de vidéo vod f
  5. 5. Note d’histoire (rappel) : la fin du bricolage Réaliser un site Internet n’est pas / plus une simple question de façonnage : + technique, + marketing, + social : multiples problématiques adressées.  Quelques étapes clés… • D’abord une affaire de bricoleurs avec les sites vitrines statiques, • Les projets se technicisent avec les sites administrables dynamiques (portails de contenus), • Puis prennent une dimension commerciale avec les sites transactionnels (sites marchands), • Pour devenir un phénomène social avec les sites communautaire (web2…). - 50 % Des projets + complexes qui obligent à la pluridisciplinarité : ingénierie, marketing, architecture, design, sociologie…! 5 / 128support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | contact@iafactory.fr |
  6. 6. Un périmètre d’intervention de + en + important Des demandes qui adressent des problématiques plus larges et plus complexes, auxquelles il convient d’adresser des réponses… Demande… aujourd’huiaujourd hui Demande… il y a 10 ans 6 / 128support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | contact@iafactory.fr |
  7. 7. d é De NOUVELLES exigences… Des produits numériques + complexes à concevoircomplexes à concevoir… cathédralecabanon 7 / 128support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | contact@iafactory.fr |
  8. 8. RIA_Interface riche ? De nouvelles modalités de présentation / des technos à maturité (flash, ajax)  Assistance 1/2 Aid h i Aide au choix  Validation à la volée  Formulaire extensible Formulaire extensible  Navigation par affinage  Liens lourds  Panneaux flottants  Personnalisation labs.google.com/suggest 8 / 128support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | contact@iafactory.fr | labs.google.com/suggest
  9. 9. RIA_Interface riche ? De nouvelles modalités de présentation / des technos à maturité (flash, ajax)  Assistance 2/2 Aid h i Aide au choix  Validation à la volée  Formulaire extensible Formulaire extensible  Navigation par affinage  Liens lourds  Panneaux flottants  Personnalisation www.ikea.fr 9 / 128support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | contact@iafactory.fr | www.ikea.fr
  10. 10. RIA_Interface riche ? De nouvelles modalités de présentation / des technos à maturité (flash, ajax)  Assistance Aid h i 1/2 Aide au choix 1/2  Validation à la volée  Formulaire extensible Formulaire extensible  Navigation par affinage  Liens lourds  Panneaux flottants  Personnalisation www.darty.com 10 / 128support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | contact@iafactory.fr | y
  11. 11. RIA_Interface riche ? De nouvelles modalités de présentation / des technos à maturité (flash, ajax)  Assistance Aid h i 2/2 Aide au choix 2/2  Validation à la volée  Formulaire extensible Formulaire extensible  Navigation par affinage  Liens lourds  Panneaux flottants  Personnalisation http://vad.auchan.fr 11 / 128support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | contact@iafactory.fr |
  12. 12. RIA_Interface riche ? De nouvelles modalités de présentation / des technos à maturité (flash, ajax)  Assistance Aid h i Aide au choix  Validation à la volée  Formulaire extensible Formulaire extensible  Navigation par affinage  Liens lourds  Panneaux flottants  Personnalisation http://www.rememberthemilk.com/signup/ 12 / 128support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | contact@iafactory.fr | g
  13. 13. RIA_Interface riche ? De nouvelles modalités de présentation / des technos à maturité (flash, ajax)  Assistance Aid h i Aide au choix  Validation à la volée  Formulaire extensible Formulaire extensible  Navigation par affinage  Liens lourds  Panneaux flottants  Personnalisation http://www.zohocrm.com/crm/login.sas 13 / 128support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | contact@iafactory.fr | g
  14. 14. RIA_Interface riche ? De nouvelles modalités de présentation / des technos à maturité (flash, ajax)  Assistance Aid h i Aide au choix  Validation à la volée  Formulaire extensible Formulaire extensible  Navigation par affinage 1/2  Liens lourds  Panneaux flottants  Personnalisation www.grosbill.com 14 / 128support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | contact@iafactory.fr | g
  15. 15. RIA_Interface riche ? De nouvelles modalités de présentation / des technos à maturité (flash, ajax)  Assistance Aid h i Aide au choix  Validation à la volée  Formulaire extensible Formulaire extensible  Navigation par affinage 2/2  Liens lourds  Panneaux flottants  Personnalisation www.shopoon.fr 15 / 128support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | contact@iafactory.fr |
  16. 16. RIA_Interface riche ? De nouvelles modalités de présentation / des technos à maturité (flash, ajax)  Assistance Aid h i Aide au choix  Validation à la volée  Formulaire extensible Formulaire extensible  Navigation par affinage  Liens lourds 1/2  Panneaux flottants  Personnalisation http://news.yahoo.com 16 / 128support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | contact@iafactory.fr | y
  17. 17. RIA_Interface riche ? De nouvelles modalités de présentation / des technos à maturité (flash, ajax)  Assistance Aid h i Aide au choix  Validation à la volée  Formulaire extensible Formulaire extensible  Navigation par affinage  Liens lourds 2/2  Panneaux flottants  Personnalisation www.amazon.com 17 / 128support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | contact@iafactory.fr |
  18. 18. RIA_Interface riche ? De nouvelles modalités de présentation / des technos à maturité (flash, ajax)  Assistance Aid h i Aide au choix  Validation à la volée  Formulaire extensible Formulaire extensible  Navigation par affinage  Liens lourds  Panneaux flottants 1/3  Personnalisation http://fr.playstation.com 18 / 128support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | contact@iafactory.fr | y
  19. 19. RIA_Interface riche ? De nouvelles modalités de présentation / des technos à maturité (flash, ajax)  Assistance Aid h i Aide au choix  Validation à la volée  Formulaire extensible Formulaire extensible  Navigation par affinage  Liens lourds  Panneaux flottants 2/3  Personnalisation http://tech.yahoo.com/ 19 / 128support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | contact@iafactory.fr | y
  20. 20. RIA_Interface riche ? De nouvelles modalités de présentation / des technos à maturité (flash, ajax)  Assistance Aid h i Aide au choix  Validation à la volée  Formulaire extensible Formulaire extensible  Navigation par affinage  Liens lourds  Panneaux flottants 3/3  Personnalisation www.fnacmusic.com 20 / 128support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | contact@iafactory.fr |
  21. 21. RIA_Interface riche ? De nouvelles modalités de présentation / des technos à maturité (flash, ajax)  Assistance Aid h i Aide au choix  Validation à la volée  Formulaire extensible Formulaire extensible  Navigation par affinage  Liens lourds  Panneaux flottants 3/3  Personnalisation www.netvibes.com 21 / 128support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | contact@iafactory.fr |
  22. 22. RIA_Interface riche ? Sans oublier…  Navigation par tag (youtube, dailymotion) id Widgets  Configurateurs et moteurs de filtre www.netvibes.com 22 / 128support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | contact@iafactory.fr |
  23. 23. L’utilisateur au cœur du dispositif ? 23 / 128support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | contact@iafactory.fr |
  24. 24. // de NOUVEAUX concepts qui émergent UX user experience Placer l’ tili tl’utilisateur au centre d di itifdu dispositif 24 / 128support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | contact@iafactory.fr |
  25. 25. Des sites nouvelles générations 25 / 128support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | contact@iafactory.fr |
  26. 26. Des sites nouvelles générations 26 / 128support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | contact@iafactory.fr |
  27. 27. Quelques interfaces… innovantes du moment www.etsy.com www.apple.com http://browsegoods.com www.oskope.comwww.writemaps.com www.netvibes.com www deezer fr www tenbyten org http://musicovery.com y www.shopoon.fr pp www.underunder.com www.wikio.fr www.deezer.fr www.tenbyten.org www.bbc.co.uk/home/beta http://marumushi.com/apps/newsmap/cfm www.samsung.fr h // lwww philps fr f http://fr wilogo com www.gucci.com http://maps.google.com Applications Google en ligne… www.philps.fr www.burton.com www.fiat.co.uk www.facebook.fr http://fr.wilogo.com www.viadeo.com www.thefwa.comwww.a-to-s.co.uk www.2advanced.com www.myheritage.fr www.peroniitaly.com y g f Fredcavazza.net - Richcommerce.fr - Ergolab.fr - JdnCulture web : incontournable  27 / 128support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | contact@iafactory.fr |
  28. 28. [juste] Concevoir une expérience 28 / 128support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | contact@iafactory.fr |
  29. 29. Conception de projet numérique… Objectif : transposer les problématiques communicationnelles en interface fonctionnelle à destination d’un utilisateur final : zoom sur la conception. Recommandation Appel d’Offre Recommandation Evolution Cadrage Mise en ligne Animation Conception ProductionRecette 29 / 128support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | contact@iafactory.fr |
  30. 30. Conception fonctionnelle, Ecriture interactive ? écriture interactive Conception fonctionnelle écriture interactive = linéaire tourner des pages = écrire pour le web = maillage et hypertexte = interaction = design d’interactiong = concevoir pour le web Concevoir une expérience 30 / 128support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | contact@iafactory.fr |
  31. 31. Concevoir une expérience ? expériencep réussie 31 / 128support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | contact@iafactory.fr |
  32. 32. Expérience réussie ! les humains réalisent des miracles 32 / 128support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | contact@iafactory.fr |
  33. 33. Concevoir une expérience ? expérience tératée 33 / 128support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | contact@iafactory.fr |
  34. 34. Expérience ratée ! les humains commettent des erreurs 34 / 128support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | contact@iafactory.fr |
  35. 35. Parfois c’est compliqué… 35 / 128support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | contact@iafactory.fr |
  36. 36. Pourtant il existe des solutions L’ i ?L’aviez-vous vue ? 36 / 128support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | contact@iafactory.fr |
  37. 37. Mais certaines sont meilleures que d’autres E iEncore mieux 37 / 128support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | contact@iafactory.fr |
  38. 38. Regardez c’est un canard ! Q ? V i l ê h ?Que voyez-vous ? Voit-on tous la même chose ? Pareil pour une interface… 38 / 128support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | contact@iafactory.fr |
  39. 39. Conclusion Pas une conception juste… juste une conception 39 / 128support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | contact@iafactory.fr |
  40. 40. La conception centrée utilisateur CCU pour les intimes 40 / 128support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | contact@iafactory.fr |
  41. 41. Concevoir une expérience réussie ? Viva la conception t é tili tcentrée utilisateur 41 / 128support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | contact@iafactory.fr |
  42. 42. La conception centrée utilisateur Comprendre et spécifier le contexte d’utilisation CADRAGE 1 contexte d utilisation Fin TECHNIQUES D’ENQUÊTES Comprendre et spécifier les exigences utilisateurs aiergo Norme iso 13407 2 et organisationnelles ergo On focalise sur i t !13407 4 Évaluer les solutions en fonction des exigences prédéfinies ai ce point ! 3 Produire des solutions de conception ai TESTS 42 / 128support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | contact@iafactory.fr |
  43. 43. Ergonomie VS AI Architecture de l'information et ergonomie sont des domaines par définition très proches et qui se confondent souvent. Ils entretiennent en effet des dépendances étroites et leur pratique vise un même objectifeffet des dépendances étroites et leur pratique vise un même objectif global, à savoir prendre en compte l'utilisateur dans la conception d'une interface. Les deux approches se différencient cependant : Ergonomie Architecture d’information Conception Centrée Utilisateur 43 / 128support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | contact@iafactory.fr |
  44. 44. Ergonomie VS AI Ergonomie • Modèle du processeur humain (ergonomie cognitive) P h l gi i l Architecture d’information • « L'art et la science d'organiser et de cataloguer des applications, des logiciels, des sites Web, des intranets • Psychologie - sociale pp , g , , pour en faciliter l'utilisation et le repérage. » • Entretiens, focus groupes, analyse de l’organisation du travail, expression des besoins, parcours utilisateur • Évaluation des applications, des interfaces : via des grilles d’évaluation ou des tests utilisateurs • Organisation des contenus à l’écran - Libellés, mode d’accès, de recherche - Scénarios d’utilisation, structures d évaluation ou des tests utilisateurs. Conception Évaluation 44 / 128support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | contact@iafactory.fr |
  45. 45. le rôle dele rôle de l’ergonome ?l ergonome ? 45 / 128support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | contact@iafactory.fr |
  46. 46. C i d tConnaissance des processus mentaux = cognition 46 / 128support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | contact@iafactory.fr |
  47. 47. ÉÉtude ou observation des différents cas d’utilisation = rencontres, entretiens, observation in situ 47 / 128support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | contact@iafactory.fr |
  48. 48. Pas Ok Ok Évaluation 48 / 128support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | contact@iafactory.fr |
  49. 49. Via des tests utilisateurs 49 / 128support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | contact@iafactory.fr |
  50. 50. Via eye trackingy g 50 / 128support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | contact@iafactory.fr |
  51. 51. Via l’évaluation experte et les critères d’évaluation de Bastien et Scapin (INRIA) p • 1. Guidage • 4. Adaptabilitég 1.1. Incitation 1.2. Groupement / Distinction entre Items 1.3. Feedback Immédiat 1.4. Lisibilité 4. Adaptabilité 4.1. Flexibilité 4.2. Prise en compte de l’expérience de l’utilisateur 1.4. Lisibilité • 2. Charge de Travail 2.1. Brièveté, concision, actions minimales • 5. Gestion des Erreurs 5.1. Protection contre les erreurs 5.2. Qualité des messages d’erreurs 5.3. Corrections des erreurs 2.2. Densité informationnelle • 3. Contrôle explicite 3.1. Actions explicites • 6. Homogénéité / Cohérence 7 Signifiance des Codes et Dénominations p 3.2. Contrôle utilisateur • 7. Signifiance des Codes et Dénominations • 8. Compatibilité 51 / 128support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | contact@iafactory.fr |
  52. 52. l’ergonome doitl ergonome doit- il concevoir ?il concevoir ? 52 / 128support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | contact@iafactory.fr |
  53. 53. 53 / 128support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | contact@iafactory.fr |
  54. 54. 54 / 128support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | contact@iafactory.fr |
  55. 55. l’architecte del’architecte de l’informationl information 55 / 128support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | contact@iafactory.fr |
  56. 56. …des défis qui appellent de NOUVEAUX métiers Architecte d’information L’architecte d’information I t ti i t i t t d j t l blé ti f ti ll Appel d’Offre Recommandation • Intervention : intervient en amont des projets sur les problématiques fonctionnelles • Tâche quotidiennes : audit, recommandation, conception, scénarisation • Ses qualités : imaginatif, pluridisciplinaire, très bonne culture du média, comprend vite • Perspectives d’évolutions : je cherche… • Outils de prédilection : papier crayon, powerpoint, illustrator… brainstorm Cadrage Animation Evolution • Facturation jour/homme : entre 900 et 1100 € HT • Rémunération : 25 à 50 K€ selon profil et exégèse • Profil : très hétérogène, sciences humaines (communication, sociologie), arts graphiques Mise en ligne Conception Recette Production 56 / 128support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | contact@iafactory.fr |
  57. 57. AIergo UX architecture D i d’i f ti D i d’i t tid’informationDesign d’information Design d’interaction designmarketing 57 / 128support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | contact@iafactory.fr | tech
  58. 58. Design d’information & design d’interaction D i d’i f i D i d’i iDesign d’information Design d’interaction Design = Concevoir = écrireDesign = Concevoir = écrire Une autre culture 58 / 128support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | contact@iafactory.fr |
  59. 59. design d’information ? 59 / 128support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | contact@iafactory.fr |
  60. 60. design d’information ? 60 / 128support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | contact@iafactory.fr |
  61. 61. design d’information ? 61 / 128support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | contact@iafactory.fr | http://utangente.free.fr/index2.html
  62. 62. Un métier de passionné 62 / 128support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | contact@iafactory.fr |
  63. 63. Concevoir une interface… C’est passionnant !La conception est au carrefour de la chaîne interactive et canalise les nœuds du métier… ergo N’oubliez pas de prévoir des instructions avant de proposer une •Le coût du projet •La performance du site •Les prix que l’on peut remporter Il faut développer la dimension p p fonctionnalité designmarketing la dimension visuelle pour mieux valoriser la marque UX gg Je trouve que les services ne sont pas assez valorisés tech Ce menu en DHTML nécessite 2 jours de plus ! user experience 63 / 128support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | contact@iafactory.fr | tech p
  64. 64. Travailler avec tout le monde… CONSEIL Commercial Stratégie Conduite de projet Directeur de projet Chef de projet Consultant média Planneur stratégique Nouveau ! Nouveau ! CRÉATION Directeur artistique Graphiste Intégrateur html Flasheur Design d’interaction Design graphique Intégration html TECHNOLOGIE Ingénierie informatique Développement R & D Directeur de projet tech. Chef de projet tech. Développeur Expert techno 64 / 128support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | contact@iafactory.fr |
  65. 65. Concevoir une interface… C’est exigeant… • composer avec les exigences de l’annonceur • comprendre les enjeux marketing • être multi problématiques • disposer d’une solide culture web ît l t d d t h i• connaître les standards techniques • se tenir au courant des nouveautés d l ti i bl• pour proposer des solutions viables >>> rapidement >>> à moindre coûts >>> réalisables techniquement ti f i t l b i>>> satisfaisant les besoins users >>> et performantes 65 / 128support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | contact@iafactory.fr |
  66. 66. Point de départ… 66 / 128support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | contact@iafactory.fr |
  67. 67. Conception, par où commencer (RAPPEL !) Rassembler les informations recueillies dans la phase de cadrage. 4 sources INCONTOURNABLES qui vont guider votre conception ! Stratégie Besoins Benchmark AuditStratégie • objectif • cibles • positionnement Besoins • utilisateurs finaux • contributeurs • BU marketing, etc. Benchmark • analyse concurrentielle • bonnes pratiques • killer app. Audit existant • points forts • points faibles • axes d’optimisation ce que le client veut ce qu’attend l’utilisateur ce que font les autres ce qui est à conserver (ou pas) LA BASE POUR CONCEVOIR 67 / 128support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | contact@iafactory.fr |
  68. 68. PERSONASPERSONAS 68 / 128support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | contact@iafactory.fr |
  69. 69. Approche par persona Quels sont les grands profils attendus ? La définition des utilisateurs  En terme de CSP et de cible marketing  En terme d’age et de mode de vie  En terme de capacité à utiliser un service E t d ité à tili i t t En terme de capacité à utiliser internet  En terme de capacité à utiliser l’informatique  En terme de recherche de qualité de service Qui se ressemble s’assembleQui se ressemble s assemble… … à défaut d’être plus précis 69 / 128support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | contact@iafactory.fr |
  70. 70. Approche par persona La définition des besoins Définir des besoins génériquesDéfinir des besoins génériques (communs aux utilisateurs) Définir des besoins spécifiquesDéfinir des besoins spécifiques (à une typologie d’utilisateurs, ou à des contextes de consultation particuliers) 70 / 128support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | contact@iafactory.fr |
  71. 71. Approche par persona Étude des utilisateurs Une question d’attitude Les profiles et les besoins permettent de dresser une caricature des attentes comportementales  Chaque profile représente des valeurs  Ces valeurs déterminent l’attitude du profile  Ses attentes, ses besoins Scénario ,  Sa disponibilité comportemental du Persona 1A chaque profile un scénario 71 / 128support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | contact@iafactory.fr |
  72. 72. Je gagne un temps précieux pour le Approche par persona Les personas précieux pour le même prix ! Des caricatures Gagner du temps A partir des éléments statistiques de l’annonceur : définir un profil et un scénario de consultation Recherche avancée Gagner du temps L’opportuniste Laurent 35 ans architecte ----------------------------------------------------- -------------- Téchnophile convaincu, Laurent est moderne et veut profiter au maximum des til d i ti t scénario de consultation caricatural :  Définition et personnification du profile Comparer les prix nouveaux outils de communication et d’internet. Il cherche sur le site de la poste un moyen de commander en ligne pour éviter de perdre trop de temps dans ses déplacements. Il trouve tout de suite l’espace TPE et s’inscrit a un abonnement qu’il juge pratique et selon lui c’est le but Définition et personnification du profile  Ses principes, ses valeurs, ses attentes  Aptitudes et attitude sur le net Acheter vite Connaître ses bénéfices qu l juge p at que et selo lu c est le but de la technologie. Grâce à la news letter qui ne présente pas que des produits pro, il décide d’acheter des prêt à poster de sa région natale à usage personnel qu’il passera dans les frais de sa société personnelle Micro BNC puisque le site offre des factures pro avec l g ti d l TVA t bilité  Centres d’intérêts, contenue cibles  Besoins, fonctions cibles Services pratiques la gestion de la TVA pour sa comptabilité. Une approche marketing et ergonomique !  Contexte d’utilisation, scénario cible Personnaliser pour gagner du temps 72 / 128support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | contact@iafactory.fr |
  73. 73. Exemples de scénario Rechercher Recherche avancée Recherche Acheter StyleCatégories Affiner Authentification Produit StyleCatégories En savoir plus Les avis L fi h d it joindre au caddie Confirmation livraison Acheter La fiche produit Plus de photos Disponibilité Achat effectué Acheter 73 / 128support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | contact@iafactory.fr |
  74. 74. Personas (profil d’utilisateur type ~ cible) 74 / 128support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | contact@iafactory.fr |
  75. 75. Profil utilisateur | les prospects J li G PROFIL • Prospect Affi ité ll l Julie Gonzague • Affinité nulle avec la marque • Connaissance nulle des produits • Pas bricoleuse BESOINBESOIN • Pas de besoin précis • Phase de découverte • Besoin identifié : connaître la marque • Explorer les solutions Somfy C’est chouette les stores qui s’ouvrent seul ,, C’est chouette les stores qui s’ouvrent seul. Je crois qu’ils font ça chez Somfy. Allons voir sur leur site… ,, 75 / 128support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | contact@iafactory.fr |
  76. 76. Profil utilisateur | les prospects É il D PROFIL • Prospect F ibl ffi ité l Émile Duquesne • Faible affinité avec la marque • Connaissance nulle des produits • Pas bricoleur BESOINBESOIN • Besoin d’accompagnement • Phase d’apprentissage • Besoin identifié : projet de portail • Obtenir de l’info sur la motorisation de portail Je me demande vraiment si je vais pouvoir ,, Je me demande vraiment si je vais pouvoir trouver des infos pour mon projet de portail. Tiens, Google me propose Somfy… ,, 76 / 128support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | contact@iafactory.fr |
  77. 77. Profil utilisateur | les prospects Ch l H l PROFIL • Prospect B i d l Charles Hual • Bonne connaissance de la marque • Faible connaissance des produits • Bricoleur du dimanche (faible) BESOINBESOIN • Besoin d’être orienté • Phase d’affinage, de concrétisation • Besoin identifié : faire porter son projet • Trouver une solution d’assistance pour la motorisation d’une porte de garage J’aimerais réaliser mon projet de porte de ,, J’aimerais réaliser mon projet de porte de garage avec Somfy. Pas tout seul par contre. Que peut-on me proposer ? ,, 77 / 128support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | contact@iafactory.fr |
  78. 78. Profil utilisateur | les prospects Ch l R h PROFIL • Prospect B i d l Charles Rocher • Bonne connaissance de la marque • Bonne connaissance des produits • Excellent bricoleur BESOINBESOIN • Besoin d’acheter vite • Phase d’achat • Besoin identifié : acheter un produit • Trouver le moyen d’acheter le plus rapidement possible. Je veux acheter le feu orange 24 V ,, Je veux acheter le feu orange 24 V. C’est le meilleur. Quel est le moyen le plus rapide ? ,, 78 / 128support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | contact@iafactory.fr |
  79. 79. Profil utilisateur | les clients Ch l R h PROFIL • Client B i d l Charles Rocher • Bonne connaissance de la marque • Bonne connaissance des produits • Pas plus bricoleur que ça BESOINBESOIN • Besoin d’information technique • Phase de support • Besoin identifié : service post-achat Ê• Être rassuré J’ai des informations précises à relever ,, J’ai des informations précises à relever sur l’un de mes produits Somfy. J’aimerais trouver un mode d’emploi. ,, 79 / 128support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | contact@iafactory.fr |
  80. 80. Profil utilisateur | les clients M i R l d PROFIL • Client B i d l Marie Roland • Bonne connaissance de la marque • Faible connaissance des produits • Pas bricoleuse BESOINBESOIN • Besoin de service • Phase de support • Besoin identifié : service après-vente • Assistance technique Ma télécommande Telis Soliris est défaillante ,, Ma télécommande Telis Soliris est défaillante. Je veux la remplacer rapidement. Allons voir sur le site de Somfy. ,, 80 / 128support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | contact@iafactory.fr |
  81. 81. Profil utilisateur | les clients L Pl PROFIL • Client B i d l Laurent Planton • Bonne connaissance de la marque • Bonne connaissance des produits • Bricoleur BESOINBESOIN • Besoin de conseil • Phase d’optimisation • Besoin identifié : améliorer un existant • Conseil Je cherche à optimiser mon installation ,, Je cherche à optimiser mon installation d’automatisme de volet roulant Somfy. Ce serait bien d’avoir quelques conseils… ,, 81 / 128support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | contact@iafactory.fr |
  82. 82. Profil utilisateur | les clients L i M l PROFIL • Client B i d l Lucien Menyl • Bonne connaissance de la marque • Faible connaissance des produits • Excellent bricoleur BESOINBESOIN • Besoin de promo • Phase d’achat • Besoin identifié : trouver la promo du moment • Acheter un produit J’ai repéré un kit de motorisation de portail ,, J’ai repéré un kit de motorisation de portail. Je veux l’acheter, mais avant, je veux comparer et savoir si je peux bénéficier d’une promo…,, 82 / 128support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | contact@iafactory.fr |
  83. 83. Personas (profil d’utilisateur type ~ cible) 83 / 128support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | contact@iafactory.fr |
  84. 84. Personas (profil d’utilisateur type ~ cible) 84 / 128support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | contact@iafactory.fr |
  85. 85. Personas (profil d’utilisateur type ~ cible) 85 / 128support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | contact@iafactory.fr |
  86. 86. Ensuite BRAINSTORMBRAINSTORM 86 / 128support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | contact@iafactory.fr |
  87. 87. Notez toutes vos idées… dessinez (avant) PENDANT (après) la réunion ;) 87 / 128support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | contact@iafactory.fr | L’art du Mindmap
  88. 88. Notez toutes vos idées… dessinez (avant) PENDANT (après) la réunion ;) 88 / 128support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | contact@iafactory.fr | L’art du Mindmap
  89. 89. Notez toutes vos idées… dessinez (avant) PENDANT (après) la réunion ;) 89 / 128support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | contact@iafactory.fr | L’art du Mindmap
  90. 90. Notez toutes vos idées… dessinez (avant) PENDANT (après) la réunion ;) 90 / 128support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | contact@iafactory.fr | L’art du Mindmap
  91. 91. Notez toutes vos idées… dessinez (avant) PENDANT (après) la réunion ;) 91 / 128support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | contact@iafactory.fr | Le crobar
  92. 92. Ensuite • énumérer • lister les fonctionnalités • inventorier lister les contenus catégoriser le to t En fonction de la typologie de site Corporate, e-commerce, portail éditorial… 92 / 128support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | contact@iafactory.fr | • catégoriser le tout • structurer
  93. 93. 93 / 128support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | contact@iafactory.fr |
  94. 94. Trier, ordonner vos idées… Procéder par exemple par post-it Faîtes réagir vos collègues / amis « ta logique n’est pas ma logique » 94 / 128support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | contact@iafactory.fr |
  95. 95. Pourquoi est-il indispensable de catégoriser ? Organiser pour mémoriser… ou favoriser le travail de mémorisation de l’utilisateur ! 95 / 128support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | contact@iafactory.fr |
  96. 96. Parce qu’on mémorise mieux les parties d’un tout… 96 / 128support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | contact@iafactory.fr |
  97. 97. 97 / 128support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | contact@iafactory.fr |
  98. 98. Bonne pratique Structurer des contenus et des fonctionnalités 98 / 128support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | contact@iafactory.fr |
  99. 99. Quelques exemples d’arborescence 99 / 128support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | contact@iafactory.fr |
  100. 100. Quelques exemples d’arborescence 100 / 128support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | contact@iafactory.fr |
  101. 101. Quelques exemples d’arborescence 101 / 128support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | contact@iafactory.fr |
  102. 102. Quelques exemples d’arborescence 102 / 128support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | contact@iafactory.fr |
  103. 103. Quelques exemples d’arborescence 103 / 128support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | contact@iafactory.fr |
  104. 104. Quelques exemples d’arborescence 104 / 128support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | contact@iafactory.fr |
  105. 105. Mauvaise pratique Mélanger les arbos de contenus vs symobiliser les processus 105 / 128support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | contact@iafactory.fr |
  106. 106. Mélange des genres… 106 / 128support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | contact@iafactory.fr |
  107. 107. Mélange des genres… 107 / 128support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | contact@iafactory.fr |
  108. 108. Mélange des genres… 108 / 128support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | contact@iafactory.fr |
  109. 109. Penser mécanique 109 / 128support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | contact@iafactory.fr |
  110. 110. 110 / 128support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | contact@iafactory.fr |
  111. 111. Le mécano 111 / 128support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | contact@iafactory.fr |
  112. 112. Micro Micro Macro Micro Micro Micro Micro Micro Macro Micro Micro Micro Micro Micro Micro 112 / 128support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | contact@iafactory.fr |
  113. 113. Du macro au micro une vision lointaine, expérimentale et conceptuelle du projet... Commencer avec Crobar conceptuel 113 / 128support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | contact@iafactory.fr |
  114. 114. Du macro au micro une vision macro du projet, de l’interface et des contenus… Commencer avec Zoningg macro 114 / 128support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | contact@iafactory.fr |
  115. 115. Du macro au micro une vision micro de l’interface et de la navigation, hiérarchisée et précise : Avancer qualitativement Storyboardy détaillé 115 / 128support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | contact@iafactory.fr |
  116. 116. 116 / 128support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | contact@iafactory.fr |
  117. 117. 117 / 128support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | contact@iafactory.fr |
  118. 118. 118 / 128support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | contact@iafactory.fr |
  119. 119. 119 / 128support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | contact@iafactory.fr |
  120. 120. 120 / 128support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | contact@iafactory.fr |
  121. 121. Juste un mot sur l’écriture pour le web 121 / 128support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | contact@iafactory.fr |
  122. 122. Ecrire pour le web ! 122 / 128support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | contact@iafactory.fr |
  123. 123. Ecrire pour le web ! 123 / 128support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | contact@iafactory.fr |
  124. 124. Ecrire pour le web ! écrire pour le web 124 / 128support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | contact@iafactory.fr |
  125. 125. Ecrire pour le web ! écrire pour le web 125 / 128support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | contact@iafactory.fr |
  126. 126. Ecrire pour le web ! écrire pour le web 126 / 128support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | contact@iafactory.fr |
  127. 127. Merci pour votre attention LA PROCHAINE FOIS : les outils en conception. 127 / 128support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | contact@iafactory.fr |
  128. 128. http://blog.iafactory.fr SPEAKING ABOUT INFORMATION ARCHITECTURE 128 / 128support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | contact@iafactory.fr |

×