Vous êtes sur la page 1sur 27

Rabat 2011- Comment faire un projet Web ?

Larchitecture de l'information
Dabne
carolina@dabne.net
ana@dabne.net

Rabat 2011- Comment faire un projet Web ?

Architecture de l'information

Le but de l'architecture de l' information :


Garantir aux utilisateurs une exprience Web
satisfaisante
Navigation intuitive
Trouver facilement le contenu

Rabat 2011- Comment faire un projet Web ?

Architecture de l'information

Votre Web est comme votre maison


Vous tes les architectes qui devez assurer la
consistance de votre maison

Rabat 2011- Comment faire un projet Web ?

Architecture de l'information

Si on ne fait pas de bonne structure de


l'information votre site ne pourra pas tre
escalad et sera prcaire.

Rabat 2011- Comment faire un projet Web ?

Architecture de l'information

L'architecture de linformation d'un site, c'est sa


structure conceptuelle. C'est elle qui dfinit les
emplacements et interactions des diffrents
contenus.
L'objectif est de faire une organisation de
l'information la plus optimale possible

Rabat 2011- Comment faire un projet Web ?

Architecture de l'information

L'architecture de linformation d'un site, c'est sa


structure conceptuelle. C'est elle qui dfinit les
emplacements et interactions des diffrents
contenus.
L'objectif est faire une organisation de
l'information la plus optimal possible

Rabat 2011- Comment faire un projet Web ?

Architecture de l'information

On doit tenir en compte que les utilisateurs


peuvent atterrir dans n'importe quelle page
La page d'accueil n'est pas ncessairement la
plus visite
Pour ces raisons une bonne organisation de
l'information est trs importante.

Rabat 2011- Comment faire un projet Web ?

Architecture de l'information

Les tapes de la cration de l'architecture de


l'information
1.Lister les contenus du site
2.Regrouper les contenus par catgories
3.Les hirarchiser
4.Structurer les contenus dans un arbre

Rabat 2011- Comment faire un projet Web ?

Architecture de l'information

Lister tous les contenus que vous avez en tte


Articles, communiqus, communiqus de presse,
rapports, images, vidos, sons, nouvelles,
activits, vnements, enqutes, ptitions de
signatures, humour, campagnes, bibliothque,
archives, etc.

Rabat 2011- Comment faire un projet Web ?

Architecture de l'information

Regrouper les contenus par catgories, on met


ensemble ceux qui se ressemblent
Les catgories doivent tre des concepts
gnraux qui englobent plusieurs contenus.
Par exemple, Communiqus qui englobent des
communiqus pour la socit, communiqus
pour la presse, communiqus d'autres
associations que vous diffusez.
10

Rabat 2011- Comment faire un projet Web ?

Architecture de l'information

Hirarchisation
Aprs avoir catgoris le contenu, on doit le
hirarchiser, cela veut dire qu on doit faire des
groupes/rubriques et sous-groupes/sousrubriques

11

Rabat 2011- Comment faire un projet Web ?

Architecture de l'information

Structurer les contenus en arborescence


Dcider la place du groupe selon son importance
Penser les relations prdominantes entre les
groupes
Ne pas oublier que cest l'utilisateur qui doit
trouver facilement l'information
Dessiner l'arbre de contenus

12

Rabat 2011- Comment faire un projet Web ?

Architecture de l'information

13

Rabat 2011- Comment faire un projet Web ?

Architecture de l'information

Navigation Web
Aprs avoir structur le contenu on doit le
concrtiser dans une navigation
Il s'git de passer du modle abstract au modle
physique et interactif
Il peut y avoir un ou plusieurs navigations du site
Web
14

Rabat 2011- Comment faire un projet Web ?


l'informatione

Architecture de

Concevoir une navigation globale

Dfinir un menu de navigation prsent sur toutes


les pages du site et qui permet l' accs toutes
les rubriques et sous-rubriques du site
Normalement on trouve la navigation globale
dans un menu horizontal sur le (au) dessus de la
page
Les utilisateurs doivent pouvoir trouver
linformation dont ils ont besoin sans mme avoir
la chercher
15

Rabat 2011- Comment faire un projet Web ?

Architecture de l'information

Concevoir les navigations secondaires,


transversales et contextuelles

16

Rabat 2011- Comment faire un projet Web ?

Architecture de l'information

Navigation secondaire
Le menu de navigation secondaire permet l'
accs des informations plus concrtes
Souvent on trouve la navigation secondaire dans
une colonne gauche

17

Rabat 2011- Comment faire un projet Web ?

Architecture de l'information

Navigation contextuelle
Propose des contenus en relation avec ceux
consults
Par exemple dans Amazon si on cherche un livre
le Web nous conseille de chercher des livres
similaires

18

Rabat 2011- Comment faire un projet Web ?

Architecture de l'information

Autre sorts de navigation


Par mots-cls
Plan du site
Hypertexte

19

Rabat 2011- Comment faire un projet Web ?

Architecture de l'information

Navigation par mots-cls


Les mots-cls nos permettent de catgoriser plus
en dtail
Les mots-cls peuvent tre dfinis par les auteurs
du site ou par les utilisateur

20

Rabat 2011- Comment faire un projet Web ?

Architecture de l'information

Plan du site
Toute la navigation du site se trouve dans un
mme cadre, pour pouvoir tout afficher la fois
Souvent on le trouve au pied de la page Web

21

Rabat 2011- Comment faire un projet Web ?

Architecture de l'information

Navigation par hypertexte


La navigation hypertexte se fait par le biais de
liens hypertexte insrs dans les textes consults
et menant vers dautres pages du site

22

Rabat 2011- Comment faire un projet Web ?

Architecture de l'information

Rendre linformation accessible pour tous


Contenus compatibles
Contenus lisibles
Contenus perennes (persistants) (perptuels)

23

Rabat 2011- Comment faire un projet Web ?

Architecture de l'information

Contenus compatibles
Les contenus doivent tre reconnus par tous
les navigateurs, systme d'explotation, tenir en
compte les personnes aux capacits limites.

24

Rabat 2011- Comment faire un projet Web ?

Architecture de l'information

Contenus lisibles
La typographie, les couleurs, le format des
boutons ne dpendent pas seulment de choix
esthtiques. Ils doivent aussi permettre une
facilit daccs et de lecture des contenus.

25

Rabat 2011- Comment faire un projet Web ?

Architecture de l'information

Contenus prennes
Les contenus doivent tre dvelopps avec des
technologies persistantes (perptuelles) qui leur
permettront de sadapter et de rester compatibles
avec les systmes dexploitation actuels et futurs
des utilisateurs.

26

Rabat 2011- Comment faire un projet Web ?

Architecture de l'information

Cette prsentation est


CC BY-SA

Webographie :
http://www.octaveoctave.com/architectureinformation
http://www.ergolab.net/articles/architectureinformation.php
27