L’ergonomie d’un site

 

  • Voici quelques règles importantes pour ceux qui veulent créer un site Internet agréable, simple et beau.
  • » L’ergonomie d’un site » Ergonomie sur l’environnement : La description d’une page doit être réalisée suivant la norme HTML 3.2 si la cible des utilisateurs est mal connue ou non maîtrisée.Les applications développées doivent être testées sur l’ensemble des navigateurs préconisés

    Le format de compression des images à utiliser est JPEG ou GIF

    L’utilisation des balises HTML propriétaires à un type de navigateur est à proscrire.

  • » L’ergonomie d’un site » Ergonomie sur la présentation : Les bandeaux de navigation peuvent être placés en haut à gaucheIl faut éviter d’utiliser les frames (même le concepteur des frames :Nestcape ne les utilise plus), notamment lorsque leur contenu est contextuel

    Le mode entrelacé doit être utilisé pour limiter le délai d’affichage des images importantes

    Lorsqu’un tableau est utilisé pour présenter des informations, il est préférable de ne pas afficher les bordures

    Les boutons d’actions et les liens, en terme de présentation, ne doivent pas être mélangés les uns aux autres, mais présentés de manière distincte.

  • » L’ergonomie d’un site » Ergonomie sur l’homogénéité des pages : L’utilisation de la barre de défilement horizontale est à proscrireL’utilisation de la barre verticale est à limiter. Si la page s’étend sur plus de 2 écrans, il faut prévoir un mini-sommaire pour faciliter la lecture

    Un modèle de page doit être unique pour l’ensemble d’une application et du site, c’est ce qu’on peut voir avec le code de promotion PureVPN. Les images utilisées sur le site doivent former un ensemble homogène (même style, même trait, même palette de couleur…)

  • » L’ergonomie d’un site » Ergonomie des styles, des couleurs et des polices : La couleur des liens est le bleu pour les pages non visitées et le violet pour les pages visitéesIl ne faut pas utiliser de soulignement dans les pages

    Il est préférable de ne pas utiliser plus de 3 couleurs différentes sur une page (hormis les couleurs des liens et du texte)

  • » L’ergonomie d’un site » Ergonomie sur la navigation : Il faut prévoir un lien vers la page d’accueil du site sur toutes les pages. De même, toutes les pages d’un thème doivent contenir un lien vers la page d’accueil de celui-ciDans une page, le lien vers la page d’accueil est situé en haut à gauche

    Si l’utilisateur n’a pas droit à une action ou si celle-ci n’est pas disponible (dans une application de gestion), le bouton correspondant ne doit pas être affiché sur la page.

  • » L’ergonomie d’un site » Ergonomie sur le bandeau de navigation : Il doit y avoir un bandeau de navigation principal pour se déplacer entre les domaines d’un Intranet. Ce bandeau est présent sur toutes les pagesUn bandeau de navigation doit comporter au maximum 7 thèmes plus ou moins 2

    Le bandeau de navigation principal doit être le même dans toutes les pages

    L’élément actif du (ou des) bandeau de navigation doit être mis en avant visuellement

  • » L’ergonomie d’un site » Ergonomie sur les pages : Une page comporte impérativement un titre explicite et ce titre doit être unique pour chaque pageLe titre de la page est répété dans le titre de la fenêtre

    Une page ayant un contenu volumineux présente en tête de document un sommaire pour faciliter le parcours de la page

    Toute page doit contenir au moins un lien

  • » L’ergonomie d’un site » Ergonomie sur la page d’accueil : Il doit exister une page d’accueil, point d’entrée unique de l’Intranet vers toutes les applicationsLa page d’accueil de l’Intranet contient des liens (graphiques ou textuels) pour accéder à chacun des domaines (ou application), ainsi que vers les pages générales comme la carte du site, l’aide, l’actualité, etc.
  • » L’ergonomie d’un site » Ergonomie sur le formulaire : Le résultat d’un traitement déclenché par un formulaire doit être signalé à l’utilisateur, que ce résultat soit un succès ou un échecLes champs d’un formulaire doivent être alignés à gauche

    La taille des champs de saisie doit être proportionnelle à la taille des informations contenues

    Il est préférable de s’appuyer sur un tableau à deux colonnes pour présenter un formulaire de saisie

    Le titre du bouton d’action pour valider ou déclencher un traitement doit être adapté au contexte

    Une boîte de liste ne doit pas contenir plus de 100 éléments

    Une boîte de liste déroulante ne doit pas contenir plus de 50 éléments

    Les champs obligatoires sont identifiés par un signe visuel.