- Pourquoi devriez-vous éviter les menus déroulants sur la navigation?
- Quand ne devriez-vous pas utiliser une liste déroulante?
- Combien d'articles devrait être dans une liste déroulante?
- Comment rendre une liste déroulante mobile réactive?
Pourquoi devriez-vous éviter les menus déroulants sur la navigation?
Drop-downs peut parfois rendre un site Web inutilisable sur un iPhone ou BlackBerry et peut également rendre la vie difficile sur les iPads. Les menus déroulants peuvent également encourager le «fluage de navigation» dans lequel les propriétaires de sites Web continuent d'ajouter de plus en plus d'options de menu simplement parce qu'ils peuvent.
Quand ne devriez-vous pas utiliser une liste déroulante?
En général, évitez les départs lorsqu'il y a plus de 10 ou moins de 5 options. Les découvertes deviennent rapidement difficiles pour les utilisateurs lorsqu'ils sont présentés avec un nombre écrasant d'options à choisir. Prenez, par exemple, une entrée couramment incluse dans les formulaires de paiement, la liste déroulante «Sélection du pays».
Combien d'articles devrait être dans une liste déroulante?
Choisir entre une liste de list et une liste déroulante. Par rapport à l'utilisation de cases à cocher autonome ou de boutons radio, il est préférable d'utiliser une liste de listes ou une liste déroulante lorsqu'il existe 5 éléments ou plus parmi lesquels les utilisateurs peuvent choisir.
Comment rendre une liste déroulante mobile réactive?
Écrivez HTML pour créer un menu déroulant réactif. Utilisez CSS pour styliser votre barre de navigation avec une liste déroulante réactive. Créez les éléments sous-menu dans le menu déroulant. Ajoutez des requêtes multimédias CSS pour rendre les choses réactives mobiles avec votre nouveau sous-menu déroulant.