Comment améliorer la convivialité des listes déroulantes à remplissage dynamique?
Je travaille sur une application pour un client qui a une "interface utilisateur unique" dans laquelle je souhaite m'améliorer.
Actuellement, lorsque l'utilisateur accède à cette page Web, une seule liste déroulante s'affiche pour la région. Lorsque l'utilisateur commence à sélectionner la région, la page entière se soumet, puis affiche la liste déroulante de la zone. Cela se répète pour chaque liste déroulante jusqu'à ce que toutes les valeurs soient sélectionnées. Région, zone, district et concessionnaire.
De toute évidence, ce n'est pas très utilisable ou préféré pour l'utilisateur car la page entière est actualisée et cela nécessite beaucoup de clics. Je voulais voir s'il y avait un moyen d'améliorer l'expérience utilisateur ici?
Une solution que je peux faire, si je ne peux pas améliorer l'interface utilisateur, est de recourir à AJAX appels pour éviter l'actualisation de la page entière. Mais comment puis-je améliorer l'interface utilisateur?
D'après ce que je comprends, vous avez déjà le nom du concessionnaire que vous souhaitez évoquer.
Cette approche de conception d'interface utilisateur particulière reproduit la façon dont le monde physique se rend aux choses. Si je veux me rendre chez ce concessionnaire, comment le ferais-je? Eh bien, je dois aller dans cette région, aller dans la zone, aller dans le quartier et trouver le concessionnaire. Dans le monde physique, il n'y a pas beaucoup de choix.
Mais pour votre objectif ici, je pense qu'une approche basée sur la recherche serait non seulement plus appropriée, mais aussi beaucoup plus simple et utilisable.
Ce dont je parle ici est dans le sens de Google suggère. L'utilisateur commence à taper le nom du concessionnaire qu'il souhaite faire apparaître. S'il n'y en a qu'un par ce nom, tant mieux. Tu l'as. Sinon, nous montrons un tas de "suggestions" qui intègrent les informations sur la région, la zone et le district et l'utilisateur peut choisir celui qu'il souhaite obtenir.
J'ai une suggestion, mais permettez-moi d'abord de dire que c'est un paradigme assez bien connu et s'il est bien mis en œuvre (sans que la page entière ne soit rafraîchissante et ne montre peut-être pas toutes les listes déroulantes), peut fonctionner correctement.
À moins que l'espace vertical ne soit rare, j'envisagerais également de disposer les listes déroulantes les unes sous les autres.
Si vous souhaitez changer complètement l'expérience, vous pouvez par exemple essayer d'ajouter une carte.
Cela pourrait aider certains utilisateurs à choisir l'endroit plus facilement, mais cela pourrait être un peu plus lourd pour ceux qui préfèrent simplement utiliser le clavier et taper.
Si vous voulez vraiment apporter cela à Edge, essayez d'analyser un format libre, c'est-à-dire que l'utilisateur tape simplement quelque chose et en déduit tous les paramètres (comme Google maps).
La seule chose que je voulais ajouter à la réponse de Vijay, c'est que vous pouvez envisager plusieurs techniques d'orientation et de recherche - en d'autres termes, vous pouvez effectuer la saisie semi-automatique pour le nom du concessionnaire ET vous pouvez laisser l'utilisateur explorer de l'autre côté - s'il préfère passer par région, zone, etc. ils peuvent utiliser une autre section du formulaire ou un autre formulaire entièrement. Vous pouvez en savoir plus sur les modèles d'orientation et de recherche, ainsi que sur la façon dont ils influencent la conception Web, pour comprendre le sujet pour une grande variété de sites. Parmi les excellents livres sur les sujets, citons Search Patterns de Morville & Callender, Ambient Findability de Morville et même une section du Web Style Guide dans le chapitre Interface Design (disponible gratuitement en ligne et en version imprimée).