Aller au contenu

Conception

Concevoir des contenus d'affichage dynamique : 10 règles pour des écrans lisibles

La plupart des écrans n'échouent pas à cause de la technique, mais à cause de la diapositive qu'ils affichent. Dix règles sur la taille des caractères, le contraste, l'animation, la durée et les flux de données, éprouvées dans la pratique.

Digital3 minMis à jour
Concevoir des contenus d'affichage dynamique : 10 règles pour des écrans lisibles

Un écran n'est ni une affiche ni un site web. Il est accroché plus loin, se voit en passant et tourne sans intervention. Les contenus que nous voyons en conseil sont presque toujours conçus pour le moniteur du bureau – et là, ils ont fière allure. Sur l'appareil à l'entrée, il n'en reste pas grand-chose. Ces dix règles résolvent les problèmes les plus fréquents.

Lisibilité : caractères, distance, contraste

Règle 1 – Taille des caractères selon la distance de vue. En règle générale, un centimètre de hauteur de caractère pour 1,2 mètre de distance permet une lecture confortable. Pour un écran de 55 pouces en Full HD, cela donne :

Distance de vueHauteur des caractèrescorrespond à environ
2 mètres2 cm30 pixels
5 mètres4 à 5 cm70 pixels
10 mètres8 à 9 cm135 pixels

Règle 2 – Contraste. Texte clair sur fond sombre ou l'inverse, avec un rapport d'au moins 4,5 pour 1, comme pour les sites accessibles. Gris sur blanc et jaune sur blanc disparaissent complètement à la lumière du jour.

Règle 3 – Au maximum 20 mots par image. Un titre, une phrase, un appel à l'action. Ce qui demande plus de texte va sur le site web ou dans la conversation – le code QR y mène.

Mouvement et durée

Règle 4 – Animation avec parcimonie. Le mouvement attire le regard, trop de mouvement le chasse. Un élément par image peut bouger, le texte reste immobile. Les textes défilants sont à peine lisibles à deux mètres et ressemblent à un bandeau des années nonante.

Règle 5 – Durée par image : 8 à 12 secondes pour du texte, 5 à 8 pour des images seules. Plus court, les personnes qui attendent ne peuvent pas lire ; plus long, l'écran paraît figé.

Règle 6 – Adapter la longueur de la boucle au temps de présence. En vitrine 30 à 60 secondes, en salle d'attente 8 à 12 minutes, à la cantine la moitié de la pause de midi.

Format et images

Règle 7 – Concevoir pour le format cible. Le portrait n'est pas un paysage tourné ; la répartition, le cadrage et le déroulement du texte changent. Nous créons chaque modèle dans les deux formats.

Règle 8 – Photos en pleine résolution, pas de captures d'écran, pas de graphiques du téléphone. Une image de 1920 sur 1080 pixels pour le Full HD, 3840 sur 2160 pour la 4K. Les logos flous sont le détail que nous corrigeons le plus souvent.

Automatisation et marque

Règle 9 – Flux de données plutôt que travail manuel. Météo, heure, horaires, menu du jour, temps d'attente, actualités, publications sur les réseaux sociaux et calendrier peuvent être intégrés comme flux et se mettent à jour d'eux-mêmes. Un écran qui reste actuel sans entretien survit au quotidien – un écran qui montre les actions de la semaine du mois dernier nuit.

Règle 10 – Couler l'identité visuelle dans des modèles. Couleurs, polices, place du logo et style d'image sont définis une fois comme modèle ; l'équipe ne remplit ensuite que texte et image. La présence reste ainsi cohérente, même si trois personnes entretiennent les contenus.

Le test pratique avant la diffusion

Placez-vous, avec l'image finie sur l'appareil, à la distance réelle de votre clientèle et lisez à haute voix. Ce que vous ne saisissez pas en trois secondes dégage. Deuxième test : regarder l'écran à la lumière du jour, pas le soir au bureau. Troisième test : demander à une personne qui ne connaît pas le contenu ce qu'elle a vu.

Conclusion

Grands caractères, contraste élevé, peu de texte, mouvement calme, modèles fixes et autant d'automatisation que possible – ainsi les contenus agissent sur tout écran. Nous construisons des modèles dans l'identité visuelle de nos clients et intégrons des flux de données ; le test de distance, nous le faisons directement chez vous.

Contenus d'affichage dynamiqueconceptiontaille des caractèrescontrastedistance de vueanimationflux de donnéesidentité visuellemodèlesdigital-signage

Autres articles

Actualités

Parlons de votre projet.