web-dev-qa-db-fra.com

Comment puis-je améliorer l'interface utilisateur d'un commutateur de ville?

Je fais un site Web pour un fournisseur de services Internet qui fournit des services dans plusieurs villes.

Je suis coincé avec la fonctionnalité de sélection de ville.

J'ai fait un concept, mais je ne sais pas si cela fonctionnera. Voici l'en-tête de la page: enter image description here

Ce commutateur devrait attirer l'attention des utilisateurs, mais je n'ai aucune idée de comment améliorer ce que j'ai fait.

Merci!

3
Hola

La façon dont vous avez formulé votre question ne précise pas immédiatement le problème, mais je soupçonne qu'un "contrôle segmenté" pourrait être ce que vous recherchez:

enter image description here

Vous pouvez également envisager une interface à onglets avec un cadre de sélection (comme je l'ai mentionné, ce que vous essayez de réaliser n'est pas immédiatement clair):

enter image description here

1
cleverbit

Avec seulement quelques villes, je préfère m'en tenir au style de liste classique en utilisant la case à cocher (si elle est capable de sélectionner plus d'une option) ou la radio ET si les villes sont prédéfinies. Quelque chose comme ça:

enter image description here

cliquer (toucher) est plus rapide que d'avoir à taper le nom de la ville et/ou ouvrir une liste déroulante et ensuite avoir à "parcourir" dans la liste. Autrement dit, si les villes sont prédéfinies. Sinon, l'option serait d'utiliser une liste déroulante comme beaucoup l'ont suggéré.

1
Takebo

Si vous voulez vraiment attirer l'attention, vous pouvez utiliser une carte interactive pour sélectionner la ville.

quelque chose comme ça
https://www.amcharts.com/visited_countries/

mais pour cela, notez que cela prendra un peu d'espace

1
Ameen Akbar

Tout dépend de la façon dont l'utilisateur utilise l'application.

Quel est le nombre maximum de villes qu'un utilisateur possède sur son compte? Vous êtes peut-être au maximum les villes où le prestataire est en service.

Et dans ce cas, choisissent-ils une ville pour personnaliser les choses pour elle?

Certaines approches sont: Si 1 à 5 villes, utilisez une approche pilule. Ou radiales.

Si plus, utilisez la liste déroulante.

Si le nombre est trop élevé, utilisez la liste déroulante avec la recherche prédictive.

0
Nicolas Hung

Cela peut être un bon moyen

Écran 1 - L'utilisateur peut saisir l'emplacement à filtrer dans l'entrée

enter image description here

Et c'est ce qui se passe lorsque l'utilisateur tape les premières lettres du nom de la ville

Écran 2 - L'utilisateur tape quelques lettres dans le champ de saisie et les options sont présentées pour être choisies

enter image description here

Une fois que l'utilisateur a sélectionné le nom de la ville, la page redirige l'utilisateur vers la page interne avec la ville déjà sélectionnée.

De cette façon, vous pouvez créer une fonctionnalité très directe et claire pour l'utilisateur final, sans créer d'informations supplémentaires qui pourraient les confondre dans le processus.

-- Mise à jour:

Images ajoutées directement au message, comme l'a suggéré @Aprillion.

0
Elias Rodrigues

Citymapper ont un défi similaire (bien qu'ils se soient maintenant étendus à de nombreuses villes).

Consultez leur page de sélection de villes qui répertorie toutes les villes, reste sur la marque mais insuffle également une certaine personnalité à chaque choix.

Fondamentalement, il ne s'agit que d'une liste de villes et cliquer sur l'image/le nom vous amènera à la ville.

https://citymapper.com/cities

enter image description here

0
Midas