introduction à l'architecture de l'information - 2011
1. Christophe COTIN VALOIS
USER EXPERIENCE DESIGN
ARCHITECTURE
DE L’INFORMATION
Fondamentaux et enjeux d’une discipline 100% digitale
1/…
ARCHITECTURE
DE
L'INFORMATION
2. Sommaire
Comprendre les
fondamentaux et les
enjeux d’une
discipline
1. Vous avez-dit architecture ?
2. Le cœur de métier
3. La Conception Centrée Utilisateur
4. Des métiers en mutation
5. Perspectives
ARCHITECTURE
DE
L'INFORMATION
19/10/12
2
3. 1
Z’ AVEZ DIT ARCHITECTURE DE… ?
ARCHITECTURE
DE
L'INFORMATION
19/10/12
3
4. Vous avez dit architecture ?
DÉFINITION ACTUELLE
« l’art et la science d’organiser
l’information des sites web, des intranets
et des applications logicielles pour aider
les utilisateurs à combler leurs besoins
en information et en faciliter l’usage. »
ARCHITECTURE
DE
L'INFORMATION
19/10/12
4
16. Une problématique de fond dans
l’émergence de l’informatique
Technologiquement et idéologiquement
ARCHITECTURE
DE
L'INFORMATION
19/10/12
16
17. 1985
Lancement du Machintosh
"Le
principe
de
la
démocra0e
tel
qu'il
s'applique
à
la
technologie
est
:
une
personne,
un
ordinateur".
ARCHITECTURE
DE
L'INFORMATION
19/10/12
17
18. 1998
Lancement de Google
«
Organiser
l’informa0on
mondiale
et
la
rendre
universellement
accessible
et
u0le
à
tous.
»
ARCHITECTURE
DE
L'INFORMATION
19/10/12
18
19. TECHNOLOGIE COMMUNICATION
ARCHITECTURE
DE
L'INFORMATION
19/10/12
19
20. Les projets qui s’appuient sur la
technologie et l’informatique imposent
historiquement un formalisme de
représentation de concepts abstraits
ARCHITECTURE
DE
L'INFORMATION
19/10/12
20
21. Vous avez dit architecture ?
Naissance du terme par l’ américain Richard
Saul Wurman en 1976 pour :
«répondre à l’explosion des
données créées. »
22. Vous avez dit architecture ?
LES MAITRES
En 1996,
Lou Rosenfeld et Peter Morville,
qui se l’approprient pour l’appliquer au processus
de conception de sites web.
Information Architecture for
the World Wide Web
édité en 1998
ARCHITECTURE
DE
L'INFORMATION
19/10/12
22
23. Vous avez dit architecture ?
LES MAITRES
Krzysztof Lenk et Paul Kahn,
C'est l'un des rares livres d'architecture de
l'information qui traite d'un sujet précis :
les plans de sites.
Architecture des sites web
édité en 2001
ARCHITECTURE
DE
L'INFORMATION
19/10/12
23
24. Vous avez dit architecture ?
INFORMATION DESIGN
Dynamics Diagrams
1990
ARCHITECTURE
DE
L'INFORMATION
19/10/12
24
26. Le cœur de métier
UNE CULTURE D’INGENIEUR
• Un historique centré DATA
• Solution tech. = réponse au besoin métier
• Logique de documentalistes
4
3
5
2
1
ARCHITECTURE
DE
L'INFORMATION
19/10/12
26
27. Le cœur de métier
UNE DEMARCHE A L’ANGLO-SAXONNE
• Des marchés demandeurs de
services
• Un débit faible
• Une culture de l’efficacité
27
29. Un volume abstrait à baliser
ORIENTER
• Recherche
d’informaFon
• Accès
à
l’informaFon
CONSULTER
• Favoriser
la
lecture
malgrès
les
contraintes
• Evoluter
dans
une
somme
d’informaFon
MANIPULER
• Des
systèmes
de
navigaFon
efficients
• Dialogue
cogniFf
ARCHITECTURE
DE
L'INFORMATION
19/10/12
29
32. Proposer des solutions d’interface
01 02 01 02
HEADER
SUPPORT
HEADER
SUPPORT
NAVIGATION
N1
NAVIGATION
N2
MON
COMPTE
ESPACE
PERSO
CHEMIN
DE
NAV
03 ESPACE
03
PERSO
UNE
TOP
DOWN
GROUPE
+
BRANCHE
MES
OUTILS
CŒUR
DE
PAGE
CŒUR
DE
PAGE
MES
EWS
N
04 04
(RSS)
MON
ESPACE
DE
TRAVAIL
MODULE
UNE
P
ROFILEE
PARTAGE
SONDAGE
06 06
MODULE
SONDAGE
NAVIGATION
DE
RELANCE
FOOTER
FOOTER
05 05
ARCHITECTURE
DE
L'INFORMATION
19/10/12
32
34. Des projets qui imposent des challenges
techniques et psychologiques qui s’inscrivent
souvent dans le changement
ARCHITECTURE
DE
L'INFORMATION
19/10/12
34
35. 2
LE CŒUR DE METIER
ARCHITECTURE
DE
L'INFORMATION
19/10/12
35
39. Le cœur de métier
CONSTRUIRE / RENOVER
• Répondre
à
des
objecFfs
• Manipuler
des
contraintes
• Connaitre
les
uFlisateurs
• Définir
un
espace
où
circuler
• Coordonner
des
corps
de
méFers
• Maitriser
les
effets
de
bord
liés
au
changement
STOCK
Définir une architecture qui réponde à des besoins
ARCHITECTURE
DE
L'INFORMATION
19/10/12
39
40. Le cœur de métier
ARCHITECTE ET ERGONOME Sciences cognitives
Psychologie
2 compétences complémentaires
AI
ergo.
Design
Communication
ARCHITECTURE
DE
L'INFORMATION
19/10/12
40
42. Vous avez dit architecte ?
LES FONDAMENTAUX
Enumérer Catégoriser Structurer
1
2
3
1.1
2.1
3.1
1.2
2.2
3.3
1.3
POUR ORGANISER LES CONTENUS (et fonctions)
ARCHITECTURE
DE
L'INFORMATION
19/10/12
42
43. Vous avez dit architecte ?
LES FONDAMENTAUX
définir des parcours
1
2
3
METTRE EN SCENE
ARCHITECTURE
DE
L'INFORMATION
19/10/12
43
44. Le cœur de métier
DES MISSIONS
• Recueillir / Identifier le besoin
• EntreFens
et
ITW
(stakeolder,
méFers
et
uFlisateurs
finaux)
+
Recueil
de
données
• Audit
foncFonnel
et
ergonomique
• Traduire
• les
problémaFques
méFers
en
enjeux
foncFonnel
et
vice-‐versa
• Proposer des solutions
• Documents
experts
+
AnimaFon
de
réunion
avec
les
méFers
• Formaliser la conception
• Suivre l’évolution des chantiers
ARCHITECTURE
DE
L'INFORMATION
19/10/12
44
45. Le cœur de métier
FORMALISER LA SOLUTION
• L’organisation des contenants et des contenus
• Les systèmes de navigation
• Les systèmes d’interaction
RÉPONDRE AUX ENJEUX BUSINESS
ARCHITECTURE
DE
L'INFORMATION
19/10/12
45
49. ZONING
CHOIX
DE
LANGUE
NAVIGATION
DANS
LA
GALAXIE
Groupe La Poste Espace entreprise Espace particulier Boutique du timbre
HEADER
COMPTE
PERSO
RECHERCHER Objet de votre recherche et / ou Recherche avancée
MENU
GENERAL
ZONE
D’ANIMATION
DE
LA
HP
PRESENTATION
PEDAGOGIQUE
SERVICE
EN
VIDEO
ZONE
D’
INCITATION
A
LA
CREATION
DE
COMPTE
Trouvez
le
produit
adapté
!
50. WIREFRAME
English Deutch Italiano Espanol
Aller au contenu Groupe La Poste Espace entreprise Espace particulier Boutique du timbre
Login Panier (0)
Visuel de la charte Mot de passe Mes listes
Mes abonnements
S’inscrire Se
se
connecter
connecter
Mot de passe oublié ? Mon compte
RECHERCHER Objet de votre recherche et / ou Recherche avancée
Guide
Envois
Envois
Envois
Envois
Envois
Services
Accueil
des
produits
courants
InternaFonaux
importants
volumineux
praFques
personnalisés
Accueil : onglet découvrir
Comprendre les produits en Vidéo
Gagnez
du
temps
!
Comprendre
-‐1-‐
Le
DisFngo
suivi
La
livraison
en
24h
Après
règlement
ou
récepFon
du
chèque
Créez
un
compte
pour
votre
entreprise
Lire
ceie
vidéo
de
2
mn
et
pour
vos
collaborateurs
en
moins
de
5
mn
Découvrez d’autres produits et services en vidéo
Créer mon compte pro Changer
de
produit
Afficher
Toutes les vidéos
Trouvez
le
produit
adapté
!
Donnez
du
cachet
53. La complexité (et l’historique) des projets
web ont amenés les communicants à
interroger ces compétences sur des projets
marketing.
ARCHITECTURE
DE
L'INFORMATION
19/10/12
53
54. Sédimentation de systèmes d’information
PUBLICITÉ
INTERNET
E-‐COMMERCE
EXTRANETS
INTRANET
CRM
STOCK
SI
INFRA
BASE
CLIENT
ARCHITECTURE
DE
L'INFORMATION
19/10/12
54
55. Des écho systèmes ont commencés à émerger
Panorama
et
enjeux
du
web
octobre
2010
55
56. Par successions d’actions autonomes sur les points de contacts
POINTS
DE
CONTACT
ARCHITECTURE
DE
L'INFORMATION
19/10/12
56
57. Souvent le reflet de l’organisation de l’entreprise face aux initiatives
CORPORATE
BUSINESS
POINTS
DE
CONTACT
ARCHITECTURE
DE
L'INFORMATION
19/10/12
57
58. Des enjeux divers et des fonctionnements autonomes
MEDIA
CORPORATE
BUSINESS
PAYS
APPS
WEB
A
D
N
API
S
I
APPS
CONTENT
APPS
BRAND
CONTENT
APPS
SEMANTIQUE
DATA
TECHNIQUE
59. Des enjeux divers et des fonctionnements autonomes
MEDIA
MARKET
PLACES
MEDIA BRANDING
APPS
APPS
APPS
APPS
PAYS
CORPORATE
PAYS
BUSINESS
PAYS
PAYS
PAYS
DISPLAY
PAYS
SEM
APPS
WEB
SEO
A
D
N
API
S
I
APPS
CONTENT
APPS
BRAND
CONTENT
NATURAL
APPS
SEMANTIQUE
DATA
CRM
SOCIAL SOCIAL
CONTENT
TECHNIQUE
MEDIA
PLACES
MICRO
BLOGING
60. Le message est confu
MEDIA
MARKET
PLACES
MEDIA BRANDING
APPS
APPS
APPS
APPS
PAYS
CORPORATE
PAYS
BUSINESS
PAYS
PAYS
PAYS
DISPLAY
PAYS
SEM
APPS
WEB
SEO
A
D
N
API
S
I
APPS
CONTENT
APPS
BRAND
CONTENT
NATURAL
APPS
SEMANTIQUE
DATA
CRM
SOCIAL SOCIAL
CONTENT
TECHNIQUE
MEDIA
PLACES
MICRO
BLOGING
61. Le message est confu, la marque a du mal à émerger
EXEMPLE
DE
MAPPING
SEMANTIQUE
SUR
L’INFORMATIQUE
ARCHITECTURE
DE
L'INFORMATION
19/10/12
61
62. Avec la crise,
le point de contact digital devient central,
l’ergonomie primordiale, le design ROI
ARCHITECTURE
DE
L'INFORMATION
19/10/12
62
63. De l’application métier à l’interface client
CRM MOBILITÉ VISIBILITÉ
REPUTATION E-SERVICES E-COMMERCE
ARCHITECTURE
DE
L'INFORMATION
19/10/12
63
66. Communiquer
L’ARCHITECTE DEVIENT UN COMMUNICANT
Marketing Image
AI
Technique
L’architecte est devenue un traducteur entre différents
monde ou la qualité des livrables ouvre les esprits
ARCHITECTURE
DE
L'INFORMATION
19/10/12
66
69. Communiquer
ON CHANGE DE CAP !
Technologie Utilisateurs
ARCHITECTURE
DE
L'INFORMATION
19/10/12
69
70. Communiquer
ON CHANGE DE CAP !
Technologie Utilisateurs
ARCHITECTURE
DE
L'INFORMATION
19/10/12
70
71. Communiquer
SIMPLE
CONCEPT DE SIMPLEXITE
ARCHITECTURE
DE
L'INFORMATION
19/10/12
71
72. Etude sur le webstress
juillet 2009
http://www.generation-nt.com/web-stress-achat-ligne-etude-ca-indisponibilite-site-actualite-871151.html
http://www.slideshare.net/jdeyaref/ergonomie-des-sites-web
73. des internautes rencontrent encore souvent
des difficultés pour trouver ce qu’ils cherchent sur
les sites qu’ils consultent
75%
74. des consommateurs français
confrontés à un problème d'utilisation
d'une application en ligne
font porter la responsabilité sur l'entreprise
propriétaire du site ou sur l'hébergeur.
71%
82. Une norme
Comprendre
et
spécifier
le
contexte
€
€
d’uWlisaWon
€
* Fin
Ok
*
1
2
Comprendre
et
spécifier
les
exigences
uWlisateurs
+
Iso 13407 * Définir
les
Norme
Issue
de
indicateurs
de
la
l’industrie
du
logiciel
performance
Évaluer
les
soluWons
4
en
foncWon
des
exigences
prédéfinies
3
Produire
des
soluWons
de
concepWon
ARCHITECTURE
DE
L'INFORMATION
19/10/12
82
83. Transposée à des cycles courts pour réponde au TTM
DEFINITION EXECUTION EXPLOITATION
ETUDE STRATEGIE CONCEPTION PRODUCTION RECETTE ANIMATION
TEMPS WEB
ARCHITECTURE
DE
L'INFORMATION
19/10/12
83
84. Des méthodes de d’optimisation centrées HUMAIN 84
ARCHITECTURE
DE
L'INFORMATION
19/10/12
84
85. Des méthodes centrées ROI 85
ICI
ICI
x100
X1
x10
ROI
and
usability
(Mauro,
2003)
"La règle d'or dans beaucoup d'organisation pratiquant la conception centrée utilisateur est que le
ratio coût-bénéfice est d'environ $1:$10-$100. Une fois que le système est en cours de
développement, corriger le même problème coute jusqu'à 10 fois plus cher que lors de la phase de
conception. Si le système a déjà été finalisé, le coût peut être jusqu'à 100 fois plus cher." (Gilb, 1988)
ARCHITECTURE
DE
L'INFORMATION
19/10/12
85
86. Des méthodes de d’optimisation centrées DATA 86
ARCHITECTURE
DE
L'INFORMATION
19/10/12
86
87. Des méthodes de d’optimisation centrées DATA 87
MULTI VARIABLE TESTING
ARCHITECTURE
DE
L'INFORMATION
19/10/12
87
88. 4
UN METIER EN MUTATION
ARCHITECTURE
DE
L'INFORMATION
19/10/12
88
89. USER EXPERIENCES SKILLS
User eXperience
Une
infographie
est
apparue
à
la
fin
de
l’été
2010
aux
US,
et
nous
présente
les
différents
méFers
de
l’UX,
ainsi
que
leurs
foncFons
respecFves
:
19/10/12
89
92. User eXperience
«
User
research
»
:
Analyse
profonde
du
comportement
des
uFlisateurs,
de
leurs
besoins
et
de
leurs
moFvaFons.
Ils
peuvent
intervenir
dans
toutes
les
phases
du
processus
de
design
de
UX l’interface,
de
la
concepFon
du
projet
à
la
mise
en
œuvre.
«
Usability
analyst
»
:
Applique
les
conclusions
des
études
réalisées
sur
les
uFlisateurs,
et
idenFfie
les
problèmes
d’uFlisaFon.
Il
s’assure
que
les
objecFfs
d’uFlisabilité
sont
raccords
avec
les
objecFfs
du
projet.
Il
analyse
les
résultats
des
études.
Ces
deux
premiers
méFers
sont
souvent
représentés
par
un
seul
profil,
celui
de
l’ergonome.
«
InformaWon
architect
»
:
Se
concentre
sur
la
définiFon
du
périmètre,
la
construcFon
et
l’opFmisaFon
de
l’organisaFon
de
l’informaFon
et
de
la
manière
dont
elle
est
présentée
à
l’uFlisateur.
Il
développe
des
plans
réalistes
qui
prennent
en
charge
les
objecFfs
de
l’expérience
uFlisateur.
uWlisabilité
«
InteracWon
designer
»
:
Pense
et
met
en
forme
des
concepts
d’interacFon
qui
permeient
des
expériences
transparentes,
fluides
et
perFnentes
pour
les
uFlisateurs.
«
Visual
designer
»
:
Transforme
les
prototypes
pour
en
faire
des
concepFons
visuelles
à
la
fois
conviviales
pour
l’uFlisateur
et
respectueuses
des
direcFves
de
la
marque.
Il
s’appuie
sur
la
compréhension
et
l’interprétaFon
de
la
charte
graphique
de
la
marque.
Le
designer
prend
le
plus
souvent
en
charge
ces
deux
dernières
disciplines.
«
UX
Designer
»
:
Connecté
à
tous
les
méFers
de
l’UX
lors
du
processus
de
créaFon
centrée
plaisir
uFlisateur.
Son
rôle
est
de
réaliser
des
expériences
uFlisateur
réussies
en
Frant
le
meilleur
de
toutes
les
experFses
citées
précédemment.
ARCHITECTURE
DE
L'INFORMATION
93. Démultiplication des écrans
NAVIGATION GENERALE
FAVORIS SOCIAL MESSAGES FAVORIS SOCIAL MESSAGES AGENDA M
Nouveau Rechercher MENU FONCTIONNEL Mes contacts Nouveau
Rech
GROUPES
IMPORTS
Filtres (modifie la liste) Christophe Ti cous
COTIN VALOIS
UX CREATIVE DIRECTOR
Zorght da ouff 12 : 06 Mamie
(2) RE : t’as eu mon msg ? Changer
de
compte
Mamie Valois 09 : 56
Voir tous mes contacts
Laurenc
Noël
Raph le T
hier
Liste des derniers
GROUPES
Créer
+
Amand
contacts Filtres
Laurence
Louis
hier
(derniers échanges
avec mes contacts)
(s’adaptent en IMPORTS
Ajouter
-‐
Zorght
fonctions des
Raph le T
hier
terminaux) Gmail
Mamie
FaceBook (421)
Derniers Ab - Yz Activités
hier
Fonction trieur Foursquare Stépha
(Autres vues sur la liste)
Mélanie
Mamie
Stépha
Mélanie
PARCOURS
ET
REFERENCES
-‐
OCTOBRE
ARCHITECTURE
DE
L'INFORMATION
2011
19/10/12
93