20 février 2009 par Stef

6 étapes :

• Spécifier objectifs généraux de conception.
• Conception structure du site.
• Conception navigation dans le site.
• Conception du contenu des pages.
• Conception de la présentation de la page d'accueil.
• Conception de la présentation des autres pages.

I) Conception : objectifs généraux

Objectifs du site = QUOI?
Objectif de conception = COMMENT?
Objectif cible = QUI?

" L'utilisateur doit toujours percevoir ce qu'il y a à explorer"
" L'utilisateur doit toujours savoir où il se trouve"

II) Conception : structure

Définir la structure et organisation générale des informations à présenter.

• Mettre en place une carte du site (arborescence dans un tableau de liens).
• Analyser le contenu des pages, des unités d'information dans une même page, la quantité d'info par page.
• Evaluer les parcours de navigation.

III) Conception : navigation

Fournir une description des moyens offerts pour se déplacer dans la structure du site

Caractérisation de la navigation

Hiérarchisée = arborescence sous forme d'arbre

• Navigation globale et parallèle

Linéaire = contraignante

• Navigation globale réduite à un lien vers la home page
• Navigation parallèle réduite à suivant et précédent

Linéaire avec des choix

• Problème signification du back (en fin...)

Hiérarchique et linéaire combinée - Linéarité pour succession de chapitres

• Hiérarchisation pour les sous-chapitres

Toile d' araignée = liberté absolue, pas de structure

IV) Conception : contenu des pages

Lecture fatigante = nombre caractères limités (2500 pour un article important)
Vérifier compatibilité avec l'impression (format A4). Peut-être prévoir un lien imprimer qui pointe vers un fichier html ou pdf adapté à l'impression A4.

• S'assurer de la clarté du message pour l'utilisateur visé (vocabulaire,abréviations -lexique?,...)

V) Conception : page d'accueil

• A faire avant celle des autres pages
  Soucis de cohérence interne
  Explique et couvre complètement le contenu du site
• Doit ...
  Tenir compte des spécifications techniques (liens sur plugins)
  Etre évaluée sur écran !
  C' est une étape capitale qui détermine toute l'évolution du site.

VI) Conception : autre pages

Veiller aux critères d'ergonomie généraux (couleurs, fontes,...) et propres à l'entreprise
Respecter le cahier des charges défini

Trucs et pièges à éviter, principes de précautions :

• les extensions .htm et .html
• les noms de fichiers sans espaces (%20), sans caractères spéciaux " é ", " ç "
• respect de la casse sous certaines plateformes (UNIX)

Des conseils en vrac

Tout les liens sont-ils bien définis?
Toutes les images sont-elles bien présentes?
Que se passe-t-il avec un browser différent? 
Et si votre site change d'emplacement?
Et avec une autre résolution d'écran?
Il est de bon conseil de tester les pages Web avec différents navigateurs dans différentes version avec différentes résolutions d'écran (640/480, 800/600, 1024/768) et différents systèmes d'exploitation. Des surprises ne manqueront pas à l' appel.
Votre page d'accueil doit être attirante à l'oeil comme à l'esprit de votre lecteur. Il faut donc la soigner plus que toutes les autres pages. La page index (accueil,home...) doit donner envie aux interlocuteurs intéressés par le sujet à aller plus loin dans votre site.

On gardera à l'esprit les questions suivantes :

• Des informations détaillées sur le contenu sont-elles directement ou rapidement disponibles?
• Votre titre résume-t-il bien le contenu de vos pages?
• L'esthétique de votre page est-elle de bon goût? Originale? Attrayante?
• N'y a-t-il rien qui ne puisse choquer inutilement un lecteur d'une culture différente de la vôtre?
• Le raffinement de votre page d'accueil n'est-il pas excessif au point de pénaliser lourdement le temps de chargement (image trop grande ou texte trop long)?
• Présenter l'information de façon de façon claire et sobre.
• Diffuser de l'information --UTILE--
• Eviter de mettre trop d'informations dans la même page.
• Concevoir une structure pertinente.
• Respecter la législation sur le copyright et les droits d'auteur.
• Prévoir sur chaque page un lien vers la page d' accueil.
• Mettre un titre à chaque document.
• Limiter la taille des images et remplir les balises alt.
• Vérifier le résultat de la mise en page à l'impression.

Source Jean Emberger Site internet: http://emberger.fr/

Dans: Le web 

Souscrivez a notre fil RSS Laissez un commentaire En lire plus