III - Bâtir le projet [retour en haut de la page] |
 |
|
1. Définir le contenu |
|
|
|
C'est la première opération : sans elle, il n'y a pas de site
valable. Les internautes ne visitent pas un site pour voir une image gif animée, un
applet java, ou une animation javascript, s'agiter au milieu d'une page à peu près vide. |
|
|
|
| Pas de contenu,
pas de site |
|
|
|
|
Dans la plupart des sites, l'information est principalement constituée de
texte et d'images. Les sites dont le contenu est constitué essentiellement de son ou de
vidéo, et qui fonctionnent suivant le principe des "streaming media", sont
encore rares : le faible débit du réseau Internet ne leur est pas favorable
présentement. |
|
|
2. Classer les informations |
|
|
|
Le contenu étant déterminé, il importe d'y mettre de l'ordre. On
obtient ainsi le plan du site, qui traduit son organisation logique. Il y a
toujours plusieurs solutions possibles, et il importe de privilégier le plan qui
correspond à la logique probable des visiteurs du site, de préférence à celui
qui aurait la préférence des concepteurs. |
|
|
|
| Le
plan, c'est l'organisation logique du contenu |
|
|
|
|
Le plan doit être établi avec soin, car c'est à partir de lui que l'on
bâtira la structure et la navigation. Il faut éviter de modifier le plan alors que le
découpage du contenu en pages est déjà fait. |
|
|
3. Définir la structure |
|
|
|
Matériellement parlant, un site est toujours découpé en pages.
C'est l'organisation des pages entre elles qui définit la structure du site.
Bien entendu, la structure s'inspire du plan, mais dans les limites de certaines
contraintes techniques. En particulier, une page ne doit être ni trop longue, ni trop
courte, sous peine d'indisposer l'internaute. En effet : |
|
|
|
 |
si les pages sont trop courtes, l'internaute reçoit son information à un rythme
haché. La recommandation qui veut qu'une page tienne en entier dans la fenêtre du
navigateur ne s'applique qu'à la page d'accueil, et tous les sites ne l'appliquent pas,
loin de là. Faire défiler verticalement une page web est considéré comme une
manœuvre normale par tous les internautes. Une page web n'est pas limitée
verticalement, comme l'est une page imprimée : le format A4 n'a pas de sens sur le
web. Notons au passage que le défilement horizontal, par contre, doit être évité le
plus possible : nous ne sommes pas habitués à lire des textes larges, et nous nous
perdons lors du retour à la ligne |
|
|
|
|
si les pages sont trop longues, leur temps de chargement devient prohibitif. L'exemple
de ce qu'il ne faut absolument pas faire est donné par le dictionnaire informatique en
ligne FOLDOC (Free On-line
Dictionary of Computing), constitué d'une seule page de 3,7 Mo. Les navigateurs
ont de la peine à manier de tels monstres ! Soit dit en passant, ce dictionnaire
n'est plus mis à jour depuis 1997 : son auteur n'aurait-il pas lui-même de la
peine à le manipuler ? |
|
|
La "longueur" d'une page est en fait le poids total des fichiers
qui la constituent. Il est conseillé de ne pas dépasser quelques dizaines de
kilo-octets, du moins dans l'état actuel du web. Il ne faut pas oublier que beaucoup
d'internautes sont encore équipés de modems analogiques débitant 20-30 kilobits par
seconde seulement. |
|
|
|
| La structure,
c'est l'organisation pratique du contenu |
|
|
|
|
La structure conditionne, dans une certaine mesure, la navigation. Il faut
éviter de modifier la structure alors que la navigation est déjà définie. |
|
|
4. Soigner la navigation |
|
|
|
Dès qu'un site possède plus de quelques pages, le résultat est
immanquable : l'internaute qui le visite pour la première fois a le sentiment de s'y
perdre. C'est une règle qui ne souffre pas d'exception : dans un site, la navigation
est toujours ce qu'il y a de plus mal fait. Car le problème est difficile à
résoudre : on ne parcourt pas un site comme on feuillette un produit imprimé.
Quand on conçoit la navigation, il faut absolument se mettre dans la
peau d'un visiteur qui ne connaît pas le site, et penser que ce visiteur peut avoir l'un
des deux comportements types suivants : |
|
|
|
|
il veut se faire une idée générale du site |
|
|
|
|
il recherche une information précise ; il a besoin de savoir si elle existe, et
le cas échéant, il veut la localiser pour la décharger |
|
|
Dans le premier cas, le visiteur entre le plus souvent dans le site par la
page d'accueil. Dans le second, il entre plutôt via une page particulière, à laquelle
il a été conduit par un lien, ou un moteur de recherche. Une bonne navigation doit donc
permettre à l'internaute de visiter le site sans se perdre, et/ou de ne pas manquer
l'information qu'il recherche. Une navigation efficace devrait : |
|
|
|
|
fournir de l'information à un niveau assez général, pour donner une idée
d'ensemble du site |
|
|
|
|
fournir de l'information à un niveau très détaillé, pour permettre à l'internaute
de localiser une information précise |
|
|
|
|
permettre à l'internaute, où qu'il se trouve, d'atteindre la page d'accueil et la
carte du site |
|
|
|
|
faire en sorte que l'internaute ne se sente jamais perdu |
|
|
La tendance actuelle, qui consiste à traiter légèrement la navigation
pour des raisons esthétiques, est néfaste -- que le gourou, qui a déclaré un jour
qu'une barre de navigation était quelque chose d'affreux, aille au diable ! Il y a
des initiatives innombrables pour primer les sites les plus beaux (ou signaler les plus
laids), mais quand récompensera-t-on le site dans lequel on se perd le moins
facilement ? |
|
|
|
| La navigation,
c'est la mise à disposition du contenu |
|
|
|
|
La matérialisation de la navigation a beaucoup évolué. On a connu
successivement : |
|
|
|
|
les liens entre crochets. Exemple : [Accueil] |
|
|
|
|
les boutons, de formes et de couleurs extrêmement variées |
|
|
|
|
les barres de navigation, de conceptions très diverses |
|
|
|
|
les images interactives |
|
|
|
|
les images reconstituées dans un tableau, et entourées de liens (pour imiter les
images interactives) |
|
|
|
|
les liens "flottant" autour d'une image, etc. |
|
|
Tout ceci ne doit pas nous faire oublier que l'essentiel est de concevoir
une navigation efficace. Les aspects esthétiques de la réalisation pratique viennent en
seconde position. Les gadgets n'ont pas leur place dans la navigation. |
|
|
5. Concevoir le style |
|
|
|
Le site doit avoir une unité de style, mais il faut cependant traiter
séparément : |
|
|
|
|
la page d'accueil |
|
|
|
|
la page tunnel, lorsqu'elle existe |
|
|
|
|
les pages courantes, qui contiennent l'essentiel de l'information, et où la
présentation doit céder le pas au contenu. |
|
|
|
|
les pages à fonction particulière, telle celle consacrée à la carte du site |
|
|
La page d'accueil contient généralement : |
|
|
|
|
le nom de la personne physique ou morale propriétaire du site, son logo s'il y a lieu |
|
|
|
|
la métaphore, c'est à dire l'image destinée à traduire l'esprit
et le contenu du site, ou simplement à introduire son nom |
|
|
|
|
une présentation succincte des activités (la liste complète figurant dans une page
particulière) |
|
|
|
|
des éléments généraux de navigation, le détail du contenu du site figurant dans
une page particulière (la carte du site) |
|
|
|
|
quelques informations pratiques (adresse, e-mail, nom du webmestre, etc.) |
|
|
La page d'accueil est évidemment le meilleur endroit du site pour
développer la communication graphique.
La page tunnel est une technique héritée du cinéma. C'est
une page qui s'affiche juste avant la page d'accueil, et qui sert d'introduction à cette
dernière. On ne revient généralement pas sur la page tunnel, et aucun lien du site ne
pointe vers elle. Sa présence est souvent contestée par les internautes, qui
n'apprécient pas d'attendre pour voir s'afficher une page qui ne contient pratiquement
pas d'information. Les sites d'entreprise sont généralement dépourvus de page tunnel.
La présentation des pages courantes doit être : |
|
|
|
|
relativement uniforme, pour donner à l'internaute une impression d'unité |
|
|
|
|
assez sobre, pour ne pas distraire l'attention du message que l'on veut
transmettre |
|
|
Outre son rôle esthétique, la décoration des pages courantes sert à
rappeler à l'internaute qu'il se trouve toujours dans le même site. Comme le contenu
prime, il faut éviter tout ce qui gêne la lecture du texte et l'examen des figures. Les
images animées qui s'agitent frénétiquement, les fonds trop colorés ou trop décorés,
les présentations touffues, les polices bariolées, etc. sont à proscrire. |
|
|
|
Le style, c'est
la façon de présenter le contenu |
|
|
|
|
Par contre, les pages qui jouent un rôle spécial -- la page de
navigation, ou carte du site, en particulier -- doivent être avant tout fonctionnelles.
L'internaute qui se rend sur la carte du site a probablement besoin d'être guidé ;
il ne se rend pas sur cette page pour admirer l'originalité de sa présentation ou la
qualité de ses graphismes. |
|
|
6. Les pages spéciales |
|
|
|
Certains sites contiennent des pages jouant un rôle très particulier, et
on doit les concevoir en conséquence. Nous pensons en particulier aux pages : |
|
|
|
|
consacrées au commerce électronique |
|
|
|
|
contenant un forum (point de rencontre où chacun peut exprimer son avis sur un sujet
donné) |
|
|
|
|
permettant d'interroger une base de données, etc. |
