L’essentiel en bref
- La plupart des menus digitaux sont de simples télévisions : concevez en 1920×1080 pour un écran paysage ou en 1080×1920 pour un écran monté à la verticale.
- Le texte d’un écran de menu se juge depuis l’endroit où les clients se tiennent, souvent le fond de la file, pas depuis l’éditeur.
- Un fond sombre avec un texte clair convient aux écrans de menu : il réduit les reflets et fait des mots l’élément le plus lumineux.
- Le mouvement d’un écran de menu doit rester à l’arrière-plan ; les prix et les noms des produits doivent rester immobiles.
- Répartir un long menu sur plusieurs écrans, ou le faire défiler lentement, se lit mieux que de tout réduire sur un seul.
Sur cette page
Un menu digital est un menu conçu pour un écran, généralement une télévision standard en 1920×1080, lu à plusieurs mètres par des gens qui décident vite. Concevez-le comme une enseigne plutôt que comme un menu imprimé : moins de produits par écran, des caractères plus grands, un fond sombre et calme, des prix alignés dans une colonne et du mouvement seulement derrière les mots. L’écran vend le mieux quand un client trouve sa boisson et son prix avant d’arriver à la caisse.
Une catégorie par écran en 1920×1080. Le titre est l’élément le plus grand ; les prix s’alignent.
Formats d’un menu digital
Presque tous les écrans de menu sont des télévisions ou des écrans professionnels avec la même dalle 16:9. Concevez dans la résolution native de l’écran pour que rien ne soit mis à l’échelle, ce qui garde le petit texte net. Un écran 4K affichera proprement un design 1920×1080 en double taille, mais concevoir en 3840×2160 donne une typographie plus fine si votre écran et votre lecteur le gèrent.
Écran paysage 1920×1080
1920 × 1080
Écran portrait 1080×1920
1080 × 1920
Trois écrans côte à côte 5760×1080
5760 × 1080
Si vous montez un écran à la verticale, vérifiez que l’écran ou le lecteur sait pivoter sa sortie. Sinon, exportez le design en portrait et faites pivoter le fichier d’un quart de tour avant de le charger.
Rendre un écran de menu lisible depuis la file
Il n’existe pas de minimum universel, car cela dépend de la taille de l’écran et de la distance. Le test fiable est physique : mettez le design sur l’écran réel, allez au fond de la file et lisez-le. Si vous plissez les yeux, c’est trop petit ou trop chargé. Comme point de départ pour un design 1920×1080 sur un écran de comptoir typique :
Taille de départ sur 1080 px de haut
Remarques
Taille de départ sur 1080 px de haut
Remarques
Remarques
Taille de départ sur 1080 px de haut
Remarques
Taille de départ sur 1080 px de haut
Remarques
- Huit à douze produits par écran suffisent. Au-delà, personne ne trouve rien.
- Choisissez une seule police aux chiffres nets. Les prix se lisent plus que les noms. Les polices pour les réseaux sociaux liste des polices qui restent nettes de loin.
- Laissez une large marge. Certaines télévisions rognent un peu les bords ; gardez le texte à au moins 60 px de chaque côté.
- Groupez, n’encadrez pas. L’espace entre les catégories fait plus que les traits et les cadres.
Couleurs et fonds pour écrans de menu
Un écran est une source de lumière. Un fond blanc à pleine luminosité éclaire toute la pièce, délave les mots et fatigue l’œil. Un fond profond et sombre avec un texte clair fait du menu l’élément le plus lumineux du mur, là où vous voulez l’attention. Le design en mode sombre traite du même principe pour les applications.
N’utilisez l’accent que pour une seule chose, généralement le plat du jour ou le produit que vous voulez le plus vendre. Si tout est mis en avant, rien ne l’est. Vérifiez le contraste sur les parties les plus sombres et les plus claires du fond, pas seulement au milieu ; le contraste des couleurs et l’accessibilité explique comment.
Le mouvement sur un menu digital
Le mouvement est ce que les écrans savent faire et pas le papier, et il attire les gens qui lèvent les yeux de leur téléphone. Gardez-le à l’arrière-plan : une lente dérive de couleur, une lumière qui traverse la surface, un plat du jour qui apparaît une fois par boucle. Les noms et les prix ne doivent jamais bouger, car on les lit pendant plusieurs secondes.
À éviter
- Des prix qui défilent ou glissent
- Des coupes rapides entre écrans toutes les quelques secondes
- Des pastilles « Plat du jour » clignotantes
- Une vidéo si chargée que le texte doit être dans un cadre
À faire
- Une boucle de fond lente sous des mots immobiles
- Des écrans qui restent 15 secondes ou plus s’ils tournent
- Un plat du jour qui s’anime puis se pose
- Une boucle qui se raccorde sans saut visible
Un fond doucement animé a aussi un intérêt pratique : une image totalement fixe laissée douze heures par jour peut laisser une légère rémanence sur certains écrans, surtout les dalles OLED. Exportez la boucle en MP4, accepté par presque toutes les télévisions et tous les lecteurs d’affichage depuis une clé USB ou une application. La vidéo en boucle parfaite montre comment rendre le raccord invisible et les fonds dégradés animés donne des idées pour le mouvement lui-même.
Mettre en place un menu digital, du début à l’écran
- 1
Écrivez d’abord le menu
Réduisez-le à ce qui se vend. Groupez-le en catégories de huit à douze produits, une catégorie par écran.
- 2
Choisissez la mise en page une fois
Titre en haut à gauche, produits en colonne, prix alignés à droite. Gardez la même mise en page sur chaque écran pour que les gens l’apprennent.
- 3
Concevez à la taille de l’écran
1920×1080 ou 1080×1920, avec une marge de 60 px et un fond sombre.
- 4
Testez depuis la file
Mettez-le sur l’écran réel, à la luminosité réelle, et lisez-le depuis l’endroit où les clients se tiennent.
- 5
Exportez et chargez
PNG pour les écrans fixes, MP4 pour les écrans animés. Nommez les fichiers par écran et par date pour que le bon s’affiche.
Garder prix et plats du jour à jour
L’intérêt d’un écran est qu’il peut changer. Gardez un design maître par écran et ne changez que les mots : une hausse de prix ou une nouvelle boisson de saison prend quelques minutes et l’aspect ne dérive jamais. Les menus du petit-déjeuner et du soir peuvent être deux versions d’un même design, échangées par minuteur si votre lecteur gère la programmation. Menus imprimés, cartes de table et vitrine doivent partager polices et fond ; le design de menu de restaurant traite du côté imprimé.
La version du matin du menu.
La même mise en page le soir, avec un autre fond.
Le Studio de Gradiently propose des modèles de menu qui portent votre propre Mark : le fond est unique à votre lieu et fait de la place aux mots tout seul. Avec Pro, vous exportez les menus animés en MP4 jusqu’en 4K et gardez les prix dans un tableur : la création en lot remplit à partir de lui le texte et les tableaux de chaque écran, ce qui convient à un groupe qui propose le même menu sur plusieurs sites.
Les questions qu’on nous pose
Quelle taille pour un menu digital ?
Concevez en 1920×1080 pour une télévision paysage, ou en 1080×1920 pour un écran monté à la verticale. N’utilisez 3840×2160 que si votre écran et votre lecteur gèrent les fichiers 4K.
Quelle taille de texte sur un écran de menu ?
Cela dépend de la taille de l’écran et de la distance : testez depuis le fond de la file. Sur un design de 1080 pixels de haut, des noms de produits d’environ 56 à 72 pixels sont un point de départ raisonnable.
Un menu digital doit-il avoir un fond sombre ou clair ?
Le sombre marche généralement mieux. Il réduit les reflets dans la pièce et fait du texte clair l’élément le plus lumineux de l’écran.
Quel format de fichier pour les écrans de menu ?
PNG ou JPG pour les menus fixes et MP4 pour les menus animés. Presque toutes les télévisions connectées et tous les lecteurs d’affichage lisent le MP4 depuis une clé USB ou une application.
Un menu digital doit-il être animé ?
Un léger mouvement de fond aide à attirer l’œil, mais gardez les noms et les prix immobiles pour qu’on puisse les lire.
Écrit par Gradiently
L’équipe derrière Gradiently, un outil de création construit autour des Marks : des dégradés vivants qui donnent à tout ce que vous créez votre propre signature.
Voir notre profil