M5 Lisibilité et lecture

Question 1

Qu’est-ce que la lisibilité graphique (visibilité)?

Answer 1

La clarté visuelle du texte

Question 2

Quels 5 facteurs influencent-ils la clarté visuelle du texte (visibilité)?

Answer 2

• La force de corps
• La typographie
• Le contraste
• Le bloc de texte
• L’espace entre les caractères.

Question 3

Comment optimiser le contraste pour une meilleure clarté visuelle du texte?

Answer 3

Utiliser du texte foncé sur un fond clair et vice-versa. Ne pas utiliser de motifs en arrière-plan.

Question 4

Comment optimiser le bloc de texte (pour une typo de 9-12pts) pour une meilleure clarté visuelle du texte?

Answer 4

Utiliser des lignes de 3@5 pouces, donc 10-12 mots par lignes.

Question 5

Qu’est-ce que la lisibilité lexicale?

Answer 5

Le degré de compréhension d’un texte, basé sur la complexité des mots d’une phrase.

Question 6

Quels facteurs déterminent la lisibilité d’un texte?

Answer 6

• La longueur des mots
• Word commonality
• La longueur des phrases
• Le nombre de syllabes dans une phrase

Question 7

Quels facteurs influencent-ils ce que les gens regardent sur une page web?

Answer 7

Leur expérience et leurs attentes.

Question 8

Sur une page web, qu’est-ce que les gens regardent en premier et qu’est-ce qu’ils se passent de voir?

Answer 8

On passe les bordures, et les informations sur la bordure du haut (logo, barre de navigation…) puisqu’ils ne sont pas reliés à la tâche. On commence la lecture au “true top left”, là où l’information utile débute.

Question 9

Comment les gens regardent l’écran quand un problème survient avec la tâche qu’ils accomplissent?

Answer 9

Ils arrêtent de regarder les autres parties de l’écran et se concentrent sur la zone à problèmes.

Question 10

Pourquoi les lettres capitales ne sont pas plus difficiles à lire que les lettres bas-de-casse?

Answer 10

Parce que nous utilisons le même processus pour les lire. Nous les lisons plus lentement, et non moins bien; puisque nous sommes moins habitués à les lire.

Question 11

Quel est le processus que nous utilisons quand nous lisons?

3 termes importants, description.

Answer 11

L’oeil se déplace en sauts (saccades), pendant lesquels nous sommes aveugles. Il fait des sauts de 7 à 9 caractères mais en perçoit 8 à 15 (inclut la vision périphérique). L’oeil fait une fixations sur une lettre pendant 250 millisecondes, et anticipe la suite.
Le tout est aussi accompagné de régressions, ce qui veut dire que l’on retourne parfois vers certains mots ou bouts de phrases pour les relire.

Question 12

Est-il plus facile de reconnaitre une police avec ou sans serif? Pourquoi?

Answer 12

Aucun des deux! Dans la mémoire, on a un modèle de ce a quoi chaque lettre ressemble. Dès que l’on voit quelque chose de similaire, on l’identifie comme cette lettre. Donc, beaucoup de polices sont faciles à lire, sauf si elles sont trop décoratives et affectent le modèle de reconnaissance.

Question 13

Comment la difficulté à lire une police affecte-t-elle le sens du texte?

Answer 13

Les gens transfèrent cette difficulté à lire le texte sur le sens du texte. Le sujet semble alors dur à comprendre où à faire.

Question 14

Comment choisir une police de caractères qui sera confortable à lire?

Answer 14

Une force que corps assez grosse, et une hauteur d’x plus grande.

Question 15

Comment la lumière affecte-t-elle notre expérience de lecture selon le médium que l’on utilise?

Answer 15

L’écran émet de la lumière alors que le papier reflète la lumière, cette dernière option étant moins forçante pour les yeux.

Question 16

Comment rendre la lecture sur l’écran plus facile?

Answer 16

• Utiliser une plus grande force de corps
• Créer assez de contraste entre la figure (le texte) et le fond. La meilleure combinaison est le texte noir sur une page blanche.
• Diviser les paragraphes
• Utiliser des images
• Utiliser des listes à puces

Question 17

Quelle largeur de colonne est-il préférable d’utiliser?

Answer 17

Si on veut que les gens lisent plus vite, il est préférable d’utiliser une plus large colonne (environ 100 caractères par ligne), qui cause moins d’interruptions dans la lecture. Si on veut que les gens aiment la page, il vaut mieux leur offrir de plus petites largeurs de colonnes et de multiples colonnes, car c’est ce qu’ils préfèrent.

Question 18

Quels sont les avantages de l’alignement (5)?

Answer 18

sens de cohésion et d’unité
contribuant à l’esthétique du design et à sa stabilité.
guider le lecteur à travers un design.

Question 19

Quel est l’avantage de l’alignement basé sur la surface?

Answer 19

Cet alignement permet de mieux intégrer des éléments aux bords mal définis ou aux contours particuliers.

Question 20

Qu’est-ce que le chemin désiré?

Answer 20

Ce sont les traces d’utilisation ou d’usure qui indiquent comment les gens utilisent réellement leur environnement ou un objet dans un contexte précis.

Question 21

Qu’est-ce que le point d’entrée?

Answer 21

C’est le point d’entrée physique ou d’attention dans un design, fort lié à la première impression.

Question 22

Quels sont les trois éléments clés d’un bon point d’entrée?

Answer 22

• Minimiser les barrières
• Donne une vue d’ensemble
• Appâts Progressifs hors du point d’entrée

Question 23

Quelles sont les deux grandes conséquences d’un mauvais point d’entrée?

Answer 23

• Énerve le visiteur

- Dissuade le visiteur

Question 24

Qu’est-ce que le diagramme de Gutenberg?

Answer 24

C’est un diagramme qui décrit le modèle général suivi par les yeux lorsqu’ils regardent un document plein et uniforme.

Question 25

Quels sont les quatre quadrants du diagramme de Gutenberg?

Answer 25

En haut à gauche: Zone optique principale
En haut à droite: Zone passive forte
En bas à gauche: Zone passive faible
En bas à droite: Zone terminale

Question 26

Qu’est-ce que l’horreur du vide?

Answer 26

Tendance à préférer les espaces remplis d’éléments ou d’objets aux espaces vides. (l’inverse du minimalisme!)

Question 27

Quel effet ont les espaces remplis sur notre perception de valeur?

Answer 27

Plus l’espace est rempli d’éléments, moins ces éléments ont de valeur.

Question 28

Qu’est-ce que la représentation par icônes?

Answer 28

C’est l’utilisation d’images pour améliorer la reconnaissance et la mémorisation de certains signaux ou contrôles.

Question 29

Quels sont les quatre types de représentation iconiques?

Answer 29

• Similitude (simple, concret)
• Exemple (représentation complexe)
• Symbole (reconnaissable, établi)
• Signe arbitraire (standard)

Question 30

Qu’est-ce que l’immersion?

Answer 30

Un état de concentration mentale si intense que le monde réel est perdu, généralement résultant en un sentiment de joie et de satisfaction.

Question 31

Quelle est la taille de texte à privilégier pour la lisibilité graphique (clarté du texte)?

Answer 31

Entre 9 à 12pts.

Question 32

Quel espace devons nous considérer entre les lignes de texte pour une clarté de texte (lisibilité graphique) optimale?

Answer 32

La taille du texte + 1@4 points.

Question 33

Que faut-il éviter pour favoriser la lisibilité d’un texte?

Answer 33

• Les mots complexes, rares et le jargon.
• Ponctuation complexe, inhabituelle ou abusée
• Sigles & Acronymes peu connus
• Les phrases longues

Question 34

Qu’est-ce que l’autosimilitude?

Answer 34

Propriété dans laquelle une forme est composée de parties semblables à l’ensemble ou semblables entre elles. C’est un phénomène omniprésent dans la nature, de redondance.

Question 35

Qu’est-ce que le Wayfinding?

Answer 35

Utilisation d’informations spatiales et environnementales pour se diriger vers une destination.

Question 36

Quelles sont les quatre étapes du Wayfinding?

Answer 36

• Orientation (Où nous sommes par rapport à l’environnement et la destination)
• Choix du chemin
• Suivi / Évaluation du chemin (Évaluation de la progression vers la destination)
• Reconnaissance de la destination (Identité claire & cohérente)

Question 37

Comment permettre aux usagers de balayer des vidéos?

Answer 37

Créer des chapitres, sections, des résumés, des vignettes.

Question 38

Nomme un avantage et un désavantage d’utiliser un carousel (web).

Answer 38

Avantage: ils sont pertinents pour les commerces en ligne

Désavantage: ne peuvent être utilisés par les gens avec troubles de la vue. (accessibilité).

Question 39

Est-il pertinent de donner l’option de défiler sur un site?

Answer 39

Oui, de façon verticale. Mais il faut éviter le défilement horizontal.

Question 40

Pourquoi la reconnaissance de la voix est-elle une technologie montante?

Answer 40

Elle allège les forces motrice et cognitive.