Post on 02-Dec-2015
description
1
Rabat 2011- Comment faire un projet Web ?
L´architecture de l'information
Dabnecarolina@dabne.netana@dabne.net
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
Rabat 2011- Comment faire un projet Web ? Architecture de l'information
4
Si on ne fait pas de bonne structure de l'information votre site ne pourra pas être escaladé et sera précaire.
Rabat 2011- Comment faire un projet Web ? Architecture de l'information
5
L'architecture de l´information 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
Rabat 2011- Comment faire un projet Web ? Architecture de l'information
6
L'architecture de l´information 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
Rabat 2011- Comment faire un projet Web ? Architecture de l'information
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.
Rabat 2011- Comment faire un projet Web ? Architecture de l'information
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
Rabat 2011- Comment faire un projet Web ? Architecture de l'information
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.
Rabat 2011- Comment faire un projet Web ? Architecture de l'information
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.
Rabat 2011- Comment faire un projet Web ? Architecture de l'information
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
Rabat 2011- Comment faire un projet Web ? Architecture de l'information
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´est l'utilisateur qui doit trouver facilement l'informationDessiner l'arbre de contenus
Rabat 2011- Comment faire un projet Web ? Architecture de l'information
13
Rabat 2011- Comment faire un projet Web ? Architecture de l'information
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
Rabat 2011- Comment faire un projet Web ? Architecture de l'information
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
Rabat 2011- Comment faire un projet Web ? Architecture de l'information
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
Rabat 2011- Comment faire un projet Web ? Architecture de l'information
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
Rabat 2011- Comment faire un projet Web ? Architecture de l'information
19
Autre sorts de navigation
Par mots-clésPlan du siteHypertexte
Rabat 2011- Comment faire un projet Web ? Architecture de l'information
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
Rabat 2011- Comment faire un projet Web ? Architecture de l'information
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
Rabat 2011- Comment faire un projet Web ? Architecture de l'information
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
Rabat 2011- Comment faire un projet Web ? Architecture de l'information
23
Rendre l’information accessible pour tous
Contenus compatiblesContenus lisiblesContenus perennes (persistants) (perpétuels)
Rabat 2011- Comment faire un projet Web ? Architecture de l'information
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.
Rabat 2011- Comment faire un projet Web ? Architecture de l'information
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.
Rabat 2011- Comment faire un projet Web ? Architecture de l'information
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.
Rabat 2011- Comment faire un projet Web ? Architecture de l'information
27
Cette présentation est CC BY-SA
Webographie :
http://www.octaveoctave.com/architecture-information
http://www.ergolab.net/articles/architecture-information.php
Rabat 2011- Comment faire un projet Web ? Architecture de l'information