Liste
Dernière mise à jour : 25 avril 2024
La liste permet à l’utilisateur de parcourir plus rapidement une information synthétisée et présentée de façon organisée.
- Guide d'utilisation
- Design
Utilisation
La liste permet de structurer l'information de façon organisée et peut simplifier la lecture des concepts plus complexes.
- On utilise la liste pour diviser l’information et rendre les blocs de texte énumérant des éléments plus faciles à lire.
- Une liste contient au moins deux éléments et doit en compter un maximum de sept. Viser entre trois et cinq éléments est optimal.
- Il vaut mieux se limiter dans la quantité de contenu de chaque élément afin de permettre un balayage rapide des informations.
Types de liste
1. Liste non ordonnée
Ce type de liste est utilisé pour présenter des éléments qui sont liés par une thématique commune, mais qui ne comportent pas d’ordre temporel ou d’importance.
2. Liste ordonnée
On utilise la liste ordonnée quand les éléments de la liste doivent être présentés selon une séquence spécifique, qu'elle soit temporelle ou hiérarchique, ou lorsque la liste présente un nombre précis d'éléments. Par exemple : Cinq activités à faire en famille. La liste ordonnée est numérotée ou introduite par des lettres, selon le contexte qui s'y prête le mieux.
Attention : Ne pas utiliser la liste ordonnée, si le nombre ou l'ordre des éléments n'a pas d'importance pour éviter toute confusion avec des étapes à suivre.
Imbrication de la liste
Pour une liste plus complexe et s’adressant à des publics spécialisés, il est possible d'imbriquer les éléments. On limite toutefois la présentation de ceux‑ci sur deux niveaux.
Afin d'indiquer clairement que le second niveau est un niveau secondaire, celui-ci devra :
- Utiliser une puce secondaire ordonnée ou non ordonnée.
- Se différencier par une indentation dans le texte, c'est-à-dire par un décalage de la puce vers la droite.
Quand envisager autre chose
- Pour présenter un grand nombre d'éléments, de longs blocs de textes difficiles à synthétiser ou encore des textes cognitivement chargés, on suggère de restructurer l'information en sous-sections plutôt que d'avoir recours à une liste.
- Pour présenter des phrases plus complexes, mais de longueur similaire, qui sont liées par une thématique ou qui proposent une séquence, on peut utiliser l'un des modules Liste. Ces modules adoptent un style organisé plus visuel, contribuant à alléger la charge cognitive.
Rédaction UX
Le contenu
- Pour chacun des éléments de la liste, on s'assure de synthétiser le contenu présenté et d'avoir une longueur similaire. Il peut s'agir de phrases complètes, d'un mot ou de groupes de mots.
- Lorsque c'est pertinent, on introduit la liste par une description claire et succincte qui se termine par un deux‑points.
- Si la liste a seulement un titre, on n'utilise pas le deux‑points et on commence chaque élément de la liste par une majuscule.
- Tous les éléments d’une liste sont introduits par un mot de la même catégorie tel un nom ou un verbe à l'infinitif. On évite de les commencer par un article comme le, la, les, un, une ou des, afin de ne pas surcharger le contenu.
- Pour favoriser une lecture rapide des termes‑clés, on place ceux‑ci au tout début des éléments de la liste.
La ponctuation
L'utilisation de plusieurs signes de ponctuation dans une phrase ralentit la lecture. C'est pourquoi, dans la liste, on évite d'employer les signes de ponctuation comme le point‑virgule, les points de suspension, le tiret, les parenthèses, les crochets et l'astérisque.
Si les éléments de la liste sont des phrases complètes, il faut mettre un point à la fin de chaque élément et se limiter à une ou deux phrases maximum par puce. Par contre, si la liste est composée d'éléments courts qui ne sont pas des phrases, comme un mot ou un groupe de mots, on énumère chaque élément sans utiliser de ponctuation.
Anatomie
Couleurs et styles
La puce, qu'elle soit ordonnée ou non, doit toujours être de la même couleur que le texte.
Modules Liste
Il existe une variété de modules appelés Liste qui permettent de présenter des éléments dans une mise en page plus dynamique et visuelle que le composant Liste.
Chaque module met de l'avant un attribut commun : chiffres-clés, illustrations, images ou textes seuls.
Taille
La liste applique la même taille de texte que le texte auquel elle est rattachée. Par exemple, si la liste est insérée dans un corps de texte normal, elle sera de la même taille que celui‑ci.
Pour l'interlignage entre les éléments d'une liste, se référer à la section Espacements.
Placement
La liste s'insère dans un corps de texte ou un message contextuel. Ses puces sont toujours alignées avec le texte comme l'illustrent les deux exemples ci-dessous.
Placement de liste – Corps de texte
Placement de liste – Corps de texte