Comment faire un projet Web? L ́architecture de l'information 6/15

1

Rabat 2011- Comment faire un projet Web ?

Lárchitecture de l'information

[email protected]@dabne.net

mailto:[email protected]

2

Le but de l'architecture de l' information :

Garantir aux utilisateurs une expérience Web satisfaisanteNavigation intuitiveTrouver facilement le contenu

Rabat 2011- Comment faire un projet Web ? Architecture de l'information

3

Votre Web est comme votre maison

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


4

Si on ne fait pas de bonne structure de l'information votre site ne pourra pas être escaladé et sera précaire.


5

L'architecture de línformation d'un site, c'est sa structure conceptuelle. C'est elle qui définit les emplacements et interactions des différents contenus.

L'objectif est de faire une organisation de l'information la plus optimale possible


6

L'architecture de línformation d'un site, c'est sa structure conceptuelle. C'est elle qui définit les emplacements et interactions des différents contenus.

L'objectif est faire une organisation de l'information la plus optimal possible


7

On doit tenir en compte que les utilisateurs peuvent atterrir dans n'importe quelle page

La page d'accueil n'est pas nécessairement la plus visitée

Pour ces raisons une bonne organisation de l'information est très importante.


8

Les étapes de la création de l'architecture de l'information

1.Lister les contenus du site2.Regrouper les contenus par catégories3.Les hiérarchiser4.Structurer les contenus dans un arbre


9

Lister tous les contenus que vous avez en tête

Articles, communiqués, communiqués de presse, rapports, images, vidéos, sons, nouvelles, activités, événements, enquêtes, pétitions de signatures, humour, campagnes, bibliothèque, archives, etc.


10

Regrouper les contenus par catégories, on met ensemble ceux qui se ressemblent

Les catégories doivent être des concepts généraux qui englobent plusieurs contenus.

Par exemple, Communiqués qui englobent des communiqués pour la société, communiqués pour la presse, communiqués d'autres associations que vous diffusez.


11

Hiérarchisation

Après avoir catégorisé le contenu, on doit le hiérarchiser, cela veut dire qu´ on doit faire des groupes/rubriques et sous-groupes/sous-rubriques


12

Structurer les contenus en arborescence

Décider la place du groupe selon son importancePenser les relations prédominantes entre les groupesNe pas oublier que cést l'utilisateur qui doit trouver facilement l'informationDessiner l'arbre de contenus


13


14

Navigation Web

Après avoir structuré le contenu on doit le concrétiser dans une navigation

Il s'âgit de passer du modèle abstract au modèle « physique » et interactif

Il peut y avoir un ou plusieurs navigations du site Web


15

Concevoir une navigation globale

Définir un menu de navigation présent sur toutes les pages du site et qui permet l' accès à 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 l’information dont ils ont besoin sans même avoir à la chercher

Rabat 2011- Comment faire un projet Web ? Architecture de l'informatione

16

Concevoir les navigations secondaires, transversales et contextuelles


17

Navigation secondaire

Le menu de navigation secondaire permet l' accès à des informations plus concrètes

Souvent on trouve la navigation secondaire dans une colonne à gauche


18

Navigation contextuelle

Propose des contenus en relation avec ceux consultésPar exemple dans Amazon si on cherche un livre le Web nous conseille de chercher des livres similaires


19

Autre sorts de navigation

Par mots-clésPlan du siteHypertexte


20

Navigation par mots-clés

Les mots-clés nos permettent de catégoriser plus en détail

Les mots-clés peuvent être définis par les auteurs du site ou par les utilisateur


21

Plan du site

Toute la navigation du site se trouve dans un même cadre, pour pouvoir tout afficher à la fois

Souvent on le trouve au pied de la page Web


22

Navigation par hypertexte

La navigation hypertexte se fait par le biais de liens hypertexte insérés dans les textes consultés et menant vers d’autres pages du site


23

Rendre l’information accessible pour tous

Contenus compatiblesContenus lisiblesContenus perennes (persistants) (perpétuels)


24

Contenus compatibles

Les contenus doivent être « reconnus» par tous les navigateurs, système d'explotation, tenir en compte les personnes aux capacités limitées.


25

Contenus lisibles

La typographie, les couleurs, le format des boutons ne dépendent pas seulment de choix esthétiques. Ils doivent aussi permettre une facilité d’accès et de lecture des contenus.


26

Contenus pérennes

Les contenus doivent être développés avec des technologies persistantes (perpétuelles) qui leur permettront de s’adapter et de rester compatibles avec les systèmes d’exploitation actuels et futurs des utilisateurs.


27

Cette présentation est CC BY-SA

Webographie :

http://www.octaveoctave.com/architecture-information

http://www.ergolab.net/articles/architecture-information.php


Documents

Comment faire un projet Web? L ́architecture de l'information 6/15