● Quel contenu sera affiché ?
● Comment vais-je structurer mes pages ?
● Quelle navigation vais-je proposer ?
● Quelle sera ma charte graphique ?
● Quelle police vais-je utiliser ?
● Vais-je prévoir des animations ?
La structure
Sur base de ces questions et la liste des éléments de base :
● Listez tous les éléments que vous voudriez voir apparaître sur votre site
● Ordonnez les éléments selon leur ordre d’apparition théorique
● Essayez de les classer par catégories. Généralement, un site est structuré de la
façon suivante :
○ Un entête (Header)
○ Une barre de navigation (Nav)
○ Un contenu principal (Main) composé de sous-catégories :
■ Section (Section)
■ Article (Article)
■ Informations complémentaires (Aside)
○ Un pied de page (Footer)
Le prototypage
Pour concevoir une bonne ergonomie de votre site, il est important de commencer par en
réaliser un plan. Celui-ci permettra de coder directement les éléments tels que vous les
souhaitez et ainsi vous faire gagner un temps considérable.
● Aux crayons de couleur ou sous logiciel, on commence généralement par une
première ébauche très sommaire (wireframe) permettant :
○ de lister le contenu qui devra apparaître,
○ de définir la navigation, les interactions ainsi que la hiérarchie de
l’information.