|
Mise en Page et Graphisme
> Typographie
- L'usage des polices de caractères
est-il constant?
Cette pratique contribue à créer une unité visuelle
ainsi qu'a guider l'utilisateur dans sa perception du contenu.
Ex.
titre: Arial, 18pt, gras
sous-titre: Arial, 14pt
texte courant: Arial, 12pt
navigation: Verdana, 10pt
- La taille des polices de caractères
assure t-elle une bonne lisibilité pour l'ensemble de votre audience?
Pensez aux utilisateurs âgés et à ceux atteints
de déficiences visuelles.
- Des listes à puces ou des tirets
sont-ils utilisés pour énumérer des termes,
phrases ou points importants?
Leur usage permet une lecture plus rapide de l'information.
- L'usage de l'attribut "souligné"
est-il exclusivement réservé aux liens?
Le lien, aussi dénommé lien hypertexte, est la plus connue
des conventions web et le fondement de la navigation sur le Net. Il
est donc crucial de réserver l'usage du souligné aux seuls
éléments navigationels. Si vous voulez mettre un terme
ou une phrase en évidence, utilisez plutôt le "gras"
ou la couleur (évitez "l'italique" qui se lit mal
a l'écran).
- Les intitulés et titres commencent-ils
de préférence par une majuscule?
A moins que la police utilisée soit de taille supérieure
au texte courant, l'écriture en minuscule (bas de casse) diminue
l'impact visuel et déprécie l'aspect hiérarchique
du contenu.
- Ex.
mise en page
Mise en Page
- L'usage des capitales est-il évité
pour les intitulés ou les titres longs?
Cette pratique diminue la vitesse de lecture de 14 à 20%.
- Ex.
MISE EN PAGE ET GRAPHISME INTERNET AU KASAKHSTAN
Mise en Page et Graphisme Internet au Kazakhstan
- Le contraste entre le texte et l'arrière-plan
est-il suffisant?
Certaines déficiences visuelles ont pour effet de diminuer
le contraste entre des tons similaires ou d'une même gamme de
couleur. Ceci peut contribuer à une dépréciation
considérable de la lecture.
- Des images de fond d'écran sont-elles
utilisés?
Veillez à ce que la superposition du texte n'en perturbe pas
la lecture.
- L'alignement du texte rend-il sa
lecture difficile?
Evitez les attributs "centré " et "justifié
à droite", respectez les conventions de sens de lecture
des utilisateurs (de gauche à droite en Occident, de droite à
gauche en Orient).
> Couleur
- Environ 8% des hommes et 0.5% des femmes
ont des difficultés à différencier les couleurs,
soit en moyenne 1 visiteur sur 12. Ainsi, si vous décider d'utiliser
la couleur pour représenter ou coder l'information, prenez note
des recommandations suivantes:
- Son usage est-il limité?
Notez également que la capacité humaine de
mémorisation des couleurs est comprise entre 4 et 5 en moyenne.
- Existe t-il une autre alternative
pour identifier l'information?
L'usage de la couleur peut-il être remplacé
ou accompagné de motifs graphiques, de légende mentionnant
la couleur utilisée etc.
- Lorsque les couleurs sont juxtaposées,
leurs tons sont-ils suffisamment éloignés pour être
différentiables?
- Les spécificités culturelles
sont-elles prise en compte?
- Par exemple en Occident:
- vert= permission, en marche/ON
- rouge= danger, interdit, alerte, chaud, ON
- orange/jaune= attention, tiède
- bleu= froid, éteint/OFF
- Pour le texte, l'emploi de couleurs saturées
causant un inconfort visuel et rendant la lecture difficile est-il évité?
Voici quelques combinaisons texte/arrière-plan, à éviter
à tout prix:
- rouge et vert
- bleu et vert
- jaune et violet
> Visuels & Animations
- Illustrent-ils pertinemment le contenu?
Afin de préserver un chargement rapide des pages, limitez l'usage
des visuels aux:
- éléments indispensables à l'identification de
votre marque
- photos, illustrations et animations qui complètent véritablement
le contenu rédactionnel.
- Sont-ils lisibles et de bonne qualité?
La nature intangible d'un site, implique que tout élément
visuel soit d'une qualité décente afin d'être perçu
positivement par vos visiteurs.
Procédez à des essais afin de trouver un compromis adéquat
entre optimisation et poids de l'image. Proposez à vos visiteurs
des versions agrandies lorsque le niveau de détail le nécessite.
- Sont-ils utilisés aussi comme liens,
en doublage des liens texte?
D'une pratique courante, cet usage contribue à accélérer
l'accès a l'information.
- Ont-ils une description associée
(définie en codage HTML par le tag <alt>)?
Ceci permet d'offrir aux utilisateurs aveugles une description vocale
des visuels et aussi d'augmenter la fréquence des mots-clés
dans vos pages (certains moteurs de recherche scannent les tags <alt>).
- Leur poids (Ko) est-il raisonnable
en regard des autres éléments de la page (code, texte…)
et principalement de la bande passante disponible pour l'audience?
- Si des icônes ou symboles sont utilisés,
leur sens est-il compréhensible par l'ensemble de l'audience?
Pensez aux visiteurs découvrant votre site pour la première
fois, ainsi qu'aux différences culturelles.
Critères ergonomique suivant
|
