Présenter correctement le choix
Un menu mobile ne consiste pas à entasser tous les liens de la version ordinateur dans un encadré étroit. Mettez en avant les actions que l’utilisateur effectuera le plus souvent. Masquer des options comme le compte, la langue et le panier en bas du menu ajoute des étapes inutiles, surtout pour les clients réguliers.
Éléments à prendre en compte lors de la conception de l’application ?
Lorsque le menu est ouvert, son contenu ne doit pas dépasser les limites de l'écran et le bouton de fermeture doit rester accessible. Testez l'alignement séparément pour les langues s'écrivant de droite à gauche, comme l'arabe. L'utilisation de propriétés d'orientation logiques plutôt que de valeurs gauche et droite fixes est utile ; cependant, elle ne remplace pas une véritable gestion des petits écrans.
Contrôle et étape suivante
Le menu doit se fermer lorsque l'utilisateur clique sur le lien, indiquant ainsi le début de la transition. Le focus clavier ne doit pas se trouver à l'intérieur du menu fermé. Supprimez le verrouillage du défilement de la page à la fermeture du menu ; sinon, l'utilisateur pourrait penser que l'écran est figé. Testez également des bordures pour les noms de langues longs.
Votre liste de contrôle
- Ne masquez pas les commandes importantes.
- Essayez les modes RTL et écran étroit.
- Ajustez le focus et le défilement à la fermeture du menu.