Vérifier la taille des caractères et la lisibilité d’un menu mobile

Organiser la typographie selon l’ordre de lecture

En parcourant une carte, le client cherche généralement le nom du produit, puis son prix et, si nécessaire, sa description. Si tous ces éléments ont la même importance visuelle, le repérage devient difficile. Un nom bien visible et une description plus discrète facilitent la lecture. Discrète ne signifie toutefois pas si pâle qu’elle devient difficile à déchiffrer.

Les titres de catégorie doivent se distinguer sans occuper la majeure partie de l’écran. Conservez les mêmes styles pour les mêmes fonctions dans toute la carte. Des changements fréquents de police ou de décoration donnent une impression fragmentée. Quelques rôles typographiques bien définis rendent le menu plus cohérent et facilitent son entretien au fil des modifications.

Utiliser des contenus réels qui mettent la mise en page à l’épreuve

Un titre court peut sembler parfait sans révéler les difficultés d’un nom plus long. Affichez dans une même vue un long intitulé, une description sur plusieurs lignes et des prix de longueurs différentes. Les caractères turcs et les autres langues proposées peuvent aussi modifier les retours à la ligne. Un exemple réussi ne suffit donc pas à valider toute la carte.

Ne réduisez pas tous les textes pour faire tenir un seul titre sur une ligne. Examinez d’abord les retours à la ligne et l’espace disponible. Le nom et le prix ne doivent jamais se chevaucher, et leur association doit rester évidente. Vous pouvez supprimer les répétitions, mais gardez les indications de portion et les informations nécessaires au choix.

Séparer suffisamment les lignes et les produits

La taille des caractères ne détermine pas à elle seule la lisibilité. Des lignes trop serrées fatiguent la lecture ; une séparation insuffisante peut laisser hésiter sur le produit auquel appartient un prix. À l’inverse, trop d’espace allonge inutilement les catégories. Il faut pouvoir reconnaître chaque groupe d’informations sans multiplier les défilements.

Lisez plusieurs produits à la suite en tenant le téléphone à une distance habituelle. Si vous perdez votre ligne, examinez l’interligne. Si les produits semblent se confondre, revoyez leur regroupement visuel. Cette observation ne certifie pas le respect d’une norme, mais elle permet d’identifier des difficultés d’usage concrètes.

• Le nom et le prix se trouvent-ils dans une même fiche clairement identifiable ?
• La deuxième ligne de description se lit-elle facilement ?
• Le changement de catégorie repose-t-il seulement sur un espace à peine visible ?
• Les tailles et les différences de portion sont-elles explicites ?

Essayer les réglages de texte et de zoom du téléphone

Les clients n’utilisent pas tous les mêmes réglages. Agrandissez le texte dans le navigateur ou dans les paramètres du téléphone. Des noms masqués, des boutons recouverts ou des prix sortant de l’écran signalent un problème de mise en page. Le menu doit être examiné dans ces conditions, pas uniquement avec les réglages de votre propre appareil.

Évitez les réglages typographiques personnalisés trop petits. Dans Orvunai, allez au-delà de la première catégorie et contrôlez aussi les longues descriptions et les autres langues. La police du logo n’a pas besoin de devenir celle de tous les produits. L’identité visuelle et la lisibilité peuvent être servies par des choix typographiques différents.

Terminer par une tâche de recherche précise

Demandez à une personne de trouver le prix du grand format d’une boisson donnée, puis de préciser ce qui est inclus dans un autre produit. Si elle zoome sans cesse ou indique le mauvais prix, le placement et les styles peuvent être en cause. Cette tâche révèle davantage qu’une simple appréciation de l’apparence générale.

Au lieu de noter seulement « texte trop petit », indiquez le champ concerné, l’appareil et les conditions d’utilisation. Modifiez ensuite le style ou l’agencement en cause, puis faites répéter la même tâche. Vous pourrez ainsi juger une correction ciblée, plutôt que d’agrandir arbitrairement tous les textes du menu.