Presque tous les clients qui scannent un QR code à table consultent votre menu sur un écran de téléphone large de douze ou treize centimètres, souvent d'une seule main pendant qu'ils tiennent un verre ou un enfant de l'autre. Pourtant, beaucoup de menus numériques sont encore conçus comme un menu papier ou une page web pour ordinateur : colonnes de texte denses, police trop petite, mise en page pensée pour quelqu'un qui a le temps de tout balayer du regard d'un coup. Sur téléphone, cette même mise en page se transforme en zoom, dézoom et défilement sans fin — exactement le type de friction qu'il faut éviter entre un client affamé et une commande.
Les problèmes mobiles les plus courants sont faciles à repérer une fois qu'on les cherche : un texte principal en dessous de 14-16px qui oblige à zoomer, un contraste trop faible entre le texte et le fond (un gris pâle sur blanc paraît élégant sur l'écran d'un designer et devient illisible en plein soleil), des catégories mal séparées où les entrées se confondent avec les plats, et des photos soit trop petites pour montrer quoi que ce soit, soit si lourdes que la page met plusieurs secondes à charger sur le wifi du restaurant. Pris séparément, ce ne sont que des désagréments mineurs ; ensemble, ils poussent le client à abandonner et à simplement demander au serveur ce qu'il recommande.
Les solutions relèvent surtout de la sobriété plutôt que d'astuces de design compliquées. Gardez un texte principal de 16px minimum et un vrai contraste — texte foncé sur fond clair, ou l'inverse, plutôt que deux nuances proches de la même couleur pâle. Découpez le menu en sections courtes et clairement identifiées vers lesquelles le client peut sauter, plutôt qu'un long défilement unique, et placez vos plats les plus vendus ou les plus rentables en haut de chaque section, car c'est là que le regard se pose en premier sur mobile. Les boutons et onglets de catégories doivent être assez grands pour être touchés facilement du pouce — on recommande généralement au moins 44 pixels de hauteur, la norme utilisée par les designers d'applications pour toute zone tactile.
Les photos méritent une réflexion à part sur mobile, car le compromis entre qualité et vitesse de chargement y est plus visible qu'ailleurs. Une photo nette sur un ordinateur portable peut mettre trop de temps à charger sur une connexion 4G hésitante en terrasse, et un client déjà en train de faire défiler la page n'attendra pas. La solution pratique consiste à utiliser des photos prises par un professionnel, puis compressées et redimensionnées spécifiquement pour l'affichage mobile — assez nettes pour rendre un plat appétissant à la résolution d'un téléphone, assez légères pour charger presque instantanément. Les cadrages verticaux ou carrés fonctionnent aussi souvent mieux que les formats larges, car ils remplissent davantage l'écran d'un téléphone sans obliger le client à faire défiler latéralement ou à plisser les yeux devant une image trop étroite.
Il y a aussi une particularité bien locale à anticiper : la saison des terrasses à Strasbourg fait que beaucoup de clients consultent ce menu en plein soleil, où un design à faible contraste et des photos sombres deviennent presque illisibles sur un écran de téléphone brillant. Prévoir en complément une version papier simple et bien lisible pour les tables en terrasse n'est pas un retour en arrière — c'est simplement reconnaître que l'éblouissement est une contrainte réelle que votre design doit pouvoir surmonter, pas seulement une question de résolution d'écran. Tester son propre menu dehors, un après-midi ensoleillé, téléphone en main, reste le moyen le plus rapide de repérer des problèmes qu'aucun écran de bureau ne révélera.
Si votre carte ou votre fiche sur une application de livraison mérite un coup de frais, découvrez nos formules de photographie pour menus digitaux, ou consultez des exemples dans notre portfolio.