en téléchargeant dès maintenant
la règle n° 2 (Chapitre 5).
Cet extrait concerne l’organisation
visuelle des pages web.
» Télécharger (PDF, 4.1 Mo)
La table des matières
Télécharger (format pdf, 239 Ko)
La préface d'Elie Sloïm
Elie Sloïm est spécialiste de la qualité web, fondateur et dirigeant de Temesis et du projet Opquast, référentiel de bonnes pratiques qualité pour les services en ligne. Il m'a fait l'honneur d'écrire la préface du livre Ergonomie web, démontrant une fois de plus les liens étroits que nos deux disciplines entretiennent.
Télécharger (format pdf, 204 Ko)
L'avant-propos
Avant propos (n.m) : Endroit où l'auteur explique ce que l'on va trouver dans le livre, pourquoi il a écrit ce livre, à qui il s'adresse, et remercie les gens qui l'ont supporté pendant la dure période de l'écriture et de la préparation de la publication.
Télécharger (format pdf, 262 Ko)- Support au chapitre 5
Votre aide-mémoire d'ergonomie : les 12 règles
Télécharger (format jpg, 53 Ko) - Vu à la page 50 (Chapitre 3) :
La Figure 3-16 en couleurs
Zones les plus cliquées sur deux espaces du site de Réservoir Jeux. Il est fréquent de constater que lorsque les internautes cliquent sur un bouton, non seulement ils ne cliquent pas toujours directement sur le libellé textuel, mais aussi à côté.
Sources : www.reservoir-jeux.com / www.clickdensity.com
Télécharger (format png, 56 Ko) - Vu à la page 68 (Chapitre 3) :
La Figure 3-28 en audio
Ce mp3 vous permet d'entendre comment une synthèse vocale (ici, Jaws) lit le contenu d'une balise Title.
Cette information, qui n'est visible sur le site que dans une info-bulle, devient capitale en mode auditif.
En effet, la perception auditive est nécessairement linéaire. Cette contrainte implique que les internautes naviguant par le biais d'une synthèse vocale ne disposent pas du contexte visuel permettant de mettre en relation un lien générique (de type "Lire la suite", "En savoir plus", etc.) avec le reste de la page. Il est alors important de contextualiser la balise Title pour indiquer la cible du lien : que va-t-on lire, sur quoi va-t-on en savoir plus ?Source : www.ergolab.net
Télécharger (format mp3, 241 Ko) - Vu à la page 71 (Chapitre 4) :
La Figure 4-1 en couleurs
ClickDensity se propose d'enregistrer tous les clics réalisés sur une page et de représenter ces derniers sous forme de heatmaps, ou zones de chaleur. En voici un exemple sur le site de Réservoir-Jeux.
Sources : www.reservoir-jeux.com / www.clickdensity.com
Télécharger (format jpg, 845 Ko) - Vu à la page 232 (Chapitre 6) :
Lecture d'une zone de site web par une synthèse vocale
Chaque rubrique du site est représentée dans le menu par une image.
On a donné à chacune de ces images un attribut [alt], qui permet à la synthèse vocale de transmettre la même information que celle qui apparaît visuellement (les titres des rubriques) et pas le nom de l'image.
Source : www.elixir-lejeu.com
Télécharger (format mp3, 225 Ko)
