Réalisation

Réalisation
Après avoir défini clairement la structure de votre cours et des différents éléments qui le
composent, vous allez passer à la phase de réalisation. Nous allons nous attarder
essentiellement sur la partie «ergonomie». L’ergonomie se définit comme l'ensemble des
moyens mis en oeuvre pour guider et informer l'usager afin d'alléger le plus possible la
charge cognitive d'information.
Un texte en ligne est destiné soit à la lecture à l'écran soit à être imprimé. Il est conçu en
fonction de sa destination.
- un texte lu à l'écran se doit d'être présenté sous forme de brèves capsules, l'écran
étant un support plus petit que le papier et plus fatigant à consulter.
- un texte destiné à être imprimé aura une forme traditionnelle. Toutefois, il faudra offrir
à l'utilisateur la possibilité de télécharger ou d'imprimer ce texte dans un format adéquat.
1 Le texte
Il doit être condensé, synthétisé et davantage structuré. Ci-dessous les principales
différences entre un texte à l’écran et un texte imprimé :
Le texte à l'écran...
Le texte imprimé...
...émet de la lumière
...réfléchit la lumière
...est fragmenté (page par page)
...est unitaire (livre)
...est discontinu
...est continu
...est évanescent
...est permanent
...est lu en balayant la page
...est lu ligne par ligne
1.1 La typographie
Un maximum de trois polices de caractères devrait être utilisé afin de conserver
l'harmonie visuelle des pages-écrans. Les polices à privilégier sont celles sans
empattement comme Helvetica, Verdana et Arial, d'une taille d'au moins 12 points.
Vous pouvez vous référer aux principes de base de lisibilité suivants :
- la lecture s'effectue d'abord en distinguant la forme globale de la phrase, puis les
espaces marquent la séparation des mots et, enfin, chaque mot est interprété.
- les majuscules et minuscules permettent de repérer les débuts de phrase et les noms
propres aisément.
- le gras est préféré aux majuscules pour mettre en évidence un élément, car il est plus
facile à lire.
- le clignotement est déconseillé, car il devient très rapidement agressant.
- l'italique amoindrit la lisibilité du texte.
- le souligné identifie les hyperliens sur le réseau Internet et il doit être réservé à cette
fin.
- les phrases devraient contenir un maximum de 10 à 12 mots.
- le texte en majuscule forme un bloc serré qui rend difficile la distinction des lettres.
1.2 Disposition du texte
Il est possible de disposer un texte de plusieurs façons dans une page-écran. On peut
l'afficher à la grandeur de l'écran, le disposer en tableau ou le structurer dans un
environnement par cadre, mais toujours dans un objectif de lisibilité. Il est souhaitable
de respecter certaines règles de base :
- ne jamais faire des colonnes de type journal;
- éviter les textes trop larges qui nécessitent les déplacements horizontaux de la barre de
défilement;
- éviter l'usage abusif des cadres.
1
Pour mettre un texte en évidence, vous pouvez employer une mise en retrait de 8
caractères au début de la première ligne ou mettre les premiers mots de chaque
paragraphe en gras.
Dans certains cas, vous pouvez mettre une couleur de fond afin de faire ressortir
l'importance de ces phrases. Les paragraphes peuvent être aussi dotés d'un interligne
différent.
1.3 Numériser un texte
Vous avez deux mode de numérisation :
• Mode image
Le mode image est rapide et facile à obtenir. En revanche, ce mode présente deux
inconvénients :
- il exclut la recherche à l'intérieur d'un texte (puisque le texte est en réalité une image).
- il génère des fichiers importants qui occupent de la place sur les supports de stockage.
Une page entière numérisée en mode image peut facilement prendre jusqu'à 100 fois
l'espace de stockage d'une page numérisée en mode texte.
• Mode texte
Le mode texte offre la possibilité de recherche plein texte. Il est possible d'intervenir
directement sur le document électronique. En revanche, le mode texte ne permet pas de
conserver parfaitement la présentation initiale du document original, si ce dernier
possède une mise en pages sophistiquée.
Pour obtenir du mode texte, la solution la plus utilisée est un logiciel de R O C
(Reconnaissance Optique des Caractères), connu sous le sigle anglophone O C R . Le
logiciel utilise la numérisation en mode image et convertit la configuration des points en
signes typographiques dont il déduit la valeur dans une table de codification. Les outils
de reconnaissance optique ne sont pas encore totalement fiables. Même si certains
logiciels annoncent un haut degré de fiabilité, la perfection n'est pas atteinte, surtout
lorsque la qualité du document original est quelconque ou le document emploie une
police de caractères difficile à analyser.
1.4 La couleur
La couleur du texte doit contraster avec le fond pour en faciliter la lisibilité. Une
typographie foncée sur un fond clair produit moins de fatigue à l'écran.
Il est possible d'obtenir un bon contraste en utilisant un texte clair sur un fond foncé,
mais l'impression d'une telle page-écran peut être illisible.
Vous pouvez vous baser sur ce tableau pour avoir une idée sur les couleurs que vous
pouvez agencez.
Conseillé
(couleur caractères-couleur fond)
Déconseillé
(couleur caractères-couleur fond)
Violet sur fond blanc (330066ffffff)
Rouge sur fond vert (ff000000ff00)
brun foncé sur fond gris-vert
(330000-99CC99)
Rouge sur fond bleu (ff00000000ff)
Vert foncé sur fond jaune pâle
(003300-ffffcc)
Vert pâle sur fond blanc
(99FF33-ffffff)
Violet sur fond rose pâle
(330066-ffcccc)
Vert sur fond bleu (00ff000000ff)
Blanc sur fond vert foncé
(ffffff-006600)
Jaune sur fond vert (ffff0000ff00)
2
1.5 L'image
Une image est un ensemble de points, nommés pixels, colorés selon une certaine palette
de couleurs. L'image peut être utilisée pour :
- compléter un texte, elle apporte un support visuel et améliore la compréhension du
contenu.
- schématiser une métaphore afin de simplifier une interface et de l'universaliser, une
image sera employée, comme la maison pour la page d’accueil du site ou la poubelle
pour la suppression.
- offrir une interface, l'image peut être une interface, telle qu'une carte géographique
découpée en région qui permettrait de sélectionner la région désirée à l'aide de la souris.
- décorer, l'image sur le Web est souvent utilisée uniquement pour améliorer l'esthétisme
du site, tel que celle placée en fond d'écran.
Lors de la création d'images pour la mettre en ligne, il est important de garder à l'esprit
qu'elles seront affichées sur une multitude de navigateurs et écrans différents. il est
conseillé de tester les images sur différents postes avant de les publier. Il est possible de
réduire les problèmes en utilisant des images enregistrées en couleurs indexées, comme
le GIF, qui ne contiennent que peu de couleurs et qui ont un fort contraste. Les images
ayant ces caractéristiques seront habituellement visibles sur n'importe quel système.
Taille des images
Il est préférable que la résolution des images mises en ligne soit basse (72 pixels par
pouce (d p i , en anglais) sur un Mac et 96 pixels par pouce sur un PC). Cette résolution
est appelée qualité-écran. Puisque la plupart des utilisateurs possèdent des écrans de
15 pouces et que la résolution de ces écrans est de 800 par 600 pixels, il est préférable
de respecter les limites maximales de largeur d'une page-écran de 750 pixels, pour
éviter qu'une image ne soit plus large que la fenêtre. Il est recommandé de maintenir la
taille des images sous les 30 Ko et de ne pas dépasser 70 Ko pour une page complète
(cela représente tout de même plus de 15 secondes de téléchargement à une vitesse de
56 K b d ).
Si une grande image est nécessaire, il vaut mieux faire une page contenant une version
réduite de l'image et créer un lien vers une version pleine grandeur. Cette façon de
procéder permet au lecteur d'obtenir rapidement un aperçu de l'image et de pouvoir
consulter immédiatement le texte descriptif ou encore l'explication qui va de pair avec
l'image, avant de télécharger celle-ci. Il pourra donc juger de la pertinence de visualiser
ou non l'image avant d'effectuer le transfert qui peut être assez long par modem.
Le format d'image le plus courant sur le Web est le G I F . Ce format, codifié en huit bits,
permet la sauvegarde d'image possédant une palette d'au maximum 256 couleurs.
Lorsque l'image nécessite une qualité supérieure, pour représenter fidèlement une
photographie par exemple, un format comme le GIF, avec sa palette limitée, ne s'avère
pas suffisant. Le format J P E G a été conçu spécifiquement pour gérer les images
photographiques à haute résolution.
3