Chapitre 3:

PLANIFIER UN SITE
1
1. SPÉCIFICATIONS DE SITE

 Pourquoi construisez-vous un site Web? Vous devez pouvoir rédiger en

deux ou trois paragraphes une brève description des objectifs du site
 Quel est l'objectif envisagé? Quels avantages votre entreprise ou votre
organisation espère-t-elle retirer de la création et de la maintenance d'un
site Web?
 Comment juger de la réussite du site? Quels facteurs quantifiables
utiliserez-vous pour évaluer son efficacité?
 Quel est le public cible? Quelles sont les caractéristiques communes à
tous les visiteurs? Comment en savoir davantage sur ces derniers?
 Quels facteurs techniques restrictifs influencent votre site?

2
2. OBJECTIF DU CONTENU

 Examiner attentivement le type de site que vous construisez. Il faut

créer un site focalisé sur le visiteur en analysant le public cible.
 Réfléchir au type de contenu présenté et recherchez sur le Web la
meilleure manière de procéder. Les types de sites Web suivants
représentant autant de façons de mettre l'accent sur un contenu :
 Panneau d'information
 Publication
 Intérêt particulier, service public et association à but non lucratif
 Galerie virtuelle
 Commerce électronique, catalogue, achats en ligne

3
3. ANALYSE DU PUBLIC

 Analyser votre lectorat et rédigez une définition de public: le profil du

visiteur type. Contactez ceux qui correspondent à ce profil ou leurs
collaborateurs puis posez-leur les questions suivantes:
Qu'est ce que les visiteurs attendent de mon site?
Comment les attirer et les inciter à revenir?

4
4. ORGANIGRAMME DU SITE
Pour planifier votre site, créez un organigramme de la structure et de la
logique qui sous-tendent la présentation du contenu et les options de
navigation.

4.1 Création de la structure

informationnelle

Se préoccupe des besoins du visiteur en termes d'informations et veille

à lui fournir le meilleur accès au contenu.

5
4.1.1 STRUCTURE LINÉAIRE

La structure d'informations linéaire permet de guider le visiteur selon un

cheminement donné ou de présenter un contenu à la manière d'un livre.
Une fois parvenu au contenu, le visiteur peut alors y naviguer d'avant
en arrière selon le cheminement proposé. Chaque page peut si
nécessaire disposer d'un lien de retour vers la page principale ainsi
que des liens vers une sous-section associée. Lorsque le visiteur s'y
rend, il ne peut revenir que vers la page qui l'y a amené. Cette structure
de navigation le ramène toujours au même point de départ.

Page
principale

sous-
section

6
Fig 3.1 . Structure d'informations linéaire
4.1.2 STRUCTURE DIDACTIQUE

La structure didactique est parfaitement adaptée au contenu des formations sur

support informatique, notamment les cours ou les procédures orientées vers une
tâche donnée. Le visiteur progresse de façon linéaire au sein de pages présentant
concepts, leçons et exercices. Les leçons disposant d'une structure hypertexte, le
visiteur peut en quitter la structure pour y revenir à tout moment. Il peut également
choisir l'ordre des leçons et débuter au niveau du concept principal de son choix.

7
 Page Liens vers le
principale plan du site, la
table des
matières,
l'index et
toutes les
pages du site
Plan du Table des Index
site matières

Concept Concept Concept

leçon leçon leçon

leçon leçon leçon

Révision Révision Révision

Fig 3.2 . Structure didactique

4.1.3 STRUCTURE WEB
Un grand nombre de petits sites Web appliquent la structure de contenu
de la structure Web car elle propose des liens entre toutes les pages du
site; le visiteur peut ainsi passer librement d'une page à l'autre. Dans ce
type de structure, affichez sur chaque page des informations de position
claires; par exemple, une barre de navigation standardisée informant le
visiteur sur sa position courante mais aussi sur ses possibilités de
déplacement.

Page
principale

Fig 3.3. Structure web

4.1.4 STRUCTURE HIÉRARCHIQUE

La structure hiérarchique est probablement la plus répandue. Elle

convient aux contenus les plus volumineux car des pages de section
fragmentent et organisent les informations à différents niveaux du site.
Dans ces sections, la navigation est essentiellement linéaire. Le
visiteur survole la page de section, puis opte pour une page de contenu
de son choix. Après consultation, il revient à la page de section. Quant
au plan, il permet de naviguer librement sur l'ensemble du site. Chaque
page devra comporter une barre de navigation donnant accès aux
différentes pages de section, à la page principale et au plan du site.

10
 Plan du Page
site principale

page de page de page de

section section section

page de
page de page de
contenu
section section

page de page de page de

contenu contenu contenu

page de page de
contenu contenu

page de
contenu
11
Fig 3.4. Structure hiérarchique
4.1.5 STRUCTURE EN AGRÉGATS

La structure en agrégats ressemble à la structure hiérarchique, mais ici

chaque rubrique constitue un îlot d'informations indépendant, un
agrégat, dont les différentes pages liées encouragent l'exploration.
Chacune d'elle comporte une barre de navigation dotée de liens vers
les pages de section, la page principale et le plan du site.

12
Plan du Page
site principale

page de Pages de page de

section contenu section

Fig 3.5. Structure en agrégats 13

4.1.6 STRUCTURE EN CATALOGUE

La structure en catalogue convient aux sites de commerce électronique. Le

chaland peut naviguer parmi les articles, en rechercher spécifiquement
certains ou obtenir des informations à leur sujet. A mesure qu'il achète, les
articles sont ajoutés à son panier. Une fois les achats terminés, le visiteur
examine le contenu du panier, puis passe en caisse pour saisir ses références
de carte de crédit et valider sa commande.

14
 Page
principale

Page de Page de
contenu recherche

Page Page Page Page

d'article d'article d'article d'article

Page Page Page Page

d'article d'article d'article d'article

Panier à Caisse Sortie

provisions

15
Fig 3.6 . Structure en catalogue
 5. ERGONOMIE DU SITE WEB
L’ergonomie d’un site web peut être définie par sa capacité à répondre
efficacement aux attentes des utilisateurs et à leur fournir un confort de
navigation. La principale difficulté étant dans la diversité des profils des
visiteurs. Les critères suivants sont généralement déterminants pour un site
web:

 Attentes de l’utilisateur : tous les visiteurs du site ne recherchent pas

nécessairement la même information ou n’ont pas nécessairement les mêmes
exigences en terme de graphisme

 Habitudes de l’utilisateur: elles correspondent à des comportements

acquis

 Âge de l’utilisateur: il caractérise en général la capacité d’adaptation de

l’utilisateur et sa rapidité de navigation.

16
 Equipements: il s’agit d’une des difficultés majeures. En effet, l’affichage du
site pourra varier d’un équipement à l’autre, en particulier selon le navigateur et
la résolution d’affichage.

 Niveau de connaissances: tous les visiteurs du site ne sont pas

nécessairement des as de l’informatique. L’ergonomie du site doit être pensée
pour l’utilisateur le moins expérimenté.

Consignes à respecter pour avoir une bonne ergonomie du site:

La présentation des sites Web est très variée. On constate que de nombreux
concepteurs Web se laissent accaparer par le support et en oublient le message
à transmettre. Ce miroir aux alouettes technologiques fait facilement oublier qu’il
s’agit encore et toujours de communication au moyen de mots et d’images.
Adapter ces éléments à un affichage en ligne pour communiquer efficacement
constitue l’essentiel de la tâche.

17
Votre site doit se démarquer et livrer son message. Si vous vous conformez
aux consignes ci-dessous, vous serez à même de présenter des informations
à la fois accessibles et attrayantes.

 Adaptez spécifiquement votre conception au support informatique en

tenant compte de son aspect à l'écran, des polices et des couleurs.
 
 Peaufinez une ergonomie adaptée et appliquez-là à l'ensemble du site.
Testez et réexaminez votre interface en portant une attention particulière aux
exigences de l'affichage en ligne

 Développez des créations portables en testant différents navigateurs,

systèmes d'exploitation et plates-formes informatiques avec une bande
passante aussi faible que possible

 Facilitez l'accès à vos informations. Proposez des outils de navigation

logiques. N'obligez pas le visiteur à traverser plus de deux ou trois pages
pour parvenir à ses fins.

18
 Adoptez une présentation unifiée en adoucissant les transitions entre les
différentes pages. Créez des modèles de structure de grille et appliquez-les de
manière généralisée.

 Les espaces blancs actifs doivent intégrer votre conception. Le

positionnement du texte, des couleurs et des objets doit guider le regard du
visiteur.
 
 Identifiez votre public et concevez des pages qui répondent à ses besoins,
ses centres d'intérêt et ses préférences de consultation.

 Exploitez la puissance des hyperliens. Ils doivent être suffisamment

nombreux pour permettre au visiteur de cheminer de son propre chef au sein
de vos informations.
 
 Adaptez votre texte à l'affichage en ligne en tenant compte de ce qui
différencie un écran d'une page.

19