web-dev-qa-db-fra.com

Quelle icône pour les options avancées?

Je travaille sur une application de transport en commun pour Android. Regardez la capture d'écran - le bouton avec une icône de clé ouvre des options avancées. Dans les options avancées, vous pouvez définir le mode de transport à utiliser (bus, tram, métro, ...) et des choses comme ça.

1) Avez-vous une idée pour une icône plus appropriée (on m'a dit que l'actuelle ressemble aux paramètres de l'application)?

2) Qu'en est-il de l'implémentation des options avancées différemment?

3) D'autres commentaires sur la capture d'écran?

alt text

3
fhucho

Si vous voulez le garder petit, vous pouvez utiliser une icône pour la sélection actuelle et une flèche vers le bas pour indiquer qu'il y a plus d'options (ou une flèche vers le haut, étant donné cet emplacement).

Cependant, je n'ai aucune bonne idée pour une icône "tout". Un système commun ici serait un anneau interrompu par de minuscules points indiquant les différents types, mais cela ne fonctionne que si vous l'avez vu une fois en grand.

Alternativement ou en plus, vous pouvez donner des options de raffinement dans la page de résultats.

2
peterchen

Tout d'abord, je suis avec ThomPete. / chef de produit hat / Êtes-vous sûr d'avoir vraiment besoin de paramètres avancés? Je ne dis pas que vous ne devriez pas le faire, mais êtes-vous certain qu'il faut plus que ce que vous montrez actuellement? S'il est nécessaire d'avoir la vue avancée, est-il vraiment nécessaire d'avoir une vue simple, ou pouvez-vous prendre un sous-ensemble des options de vue avancée et de la vue simple et avoir une seule vue qui atteint votre objectif? / chapeau de chef de produit /

Cependant, si vous avez besoin de deux vues distinctes, pourquoi utiliser une icône? Montrer le mot supprime tout risque d'interprétation erronée avec un impact assez minime sur l'espacement. Je peux penser à deux façons d'y parvenir du haut de ma tête.

  • Si votre vue "avancée" ajoute simplement des options à la vue actuelle, la maquette de gauche montre comment vous pouvez utiliser un simple bouton qui bascule l'affichage de ces options supplémentaires. J'espère également que le bouton sera suffisamment différent du bouton Find Journey pour que l'utilisateur ne clique pas sur le mauvais par erreur.

  • Si la vue "avancée" est vraiment une vue distincte des champs de recherche (où vous remplacez ce qui est sur la page), alors un sélecteur à bascule qui indique l'état actuel de la vue comme indiqué dans la maquette de droite devrait faire passer le point.

more optionsalternate view

2
Josef Schelch

Un engrenage/engrenage est souvent utilisé pour les paramètres, mais il peut également souffrir du même problème que la clé et être associé aux paramètres de l'application plutôt qu'aux paramètres de recherche.

Vous ne dites pas quelles autres options ils peuvent sélectionner - mais une alternative pourrait être d'avoir l'option la plus récemment utilisée sur l'écran principal avec un bouton pour en sélectionner d'autres. Donc, si le "mode de transport" était le dernier utilisé, il y aurait une icône voiture/train/bus et peut-être une flèche pour les autres.

En dehors de cela, cela ressemble à une interface utilisateur propre, ce qui est toujours une bonne chose.

1
ChrisF

Vous posez peut-être cette question dans le mauvais sens.

Il n'est pas clair si vous avez à la fois des paramètres normaux et des paramètres avancés. Mais si vos paramètres avancés (le bouton que vous affichez) sont là où se trouvent les paramètres, il n'est pas nécessaire de les modifier.

Si, d'autre part, vous avez à la fois un paramètre normal et un paramètre avancé, vous devriez probablement penser à ce que les paramètres avancés vous permettent de faire plutôt que s'il s'agit de paramètres avancés.

Personnellement, je ne ferais pas de paramètres avancés mais simplement des paramètres car c'est une application mobile.

1
ThomPete

Comme ChrisF l'a mentionné, un équipement est votre autre option qu'une clé, mais je pense que ce serait bien. Il n'y a pas assez de différence conceptuelle entre les options et les paramètres pour que cela ait trop d'importance.

Quant à votre interface utilisateur, elle semble bonne, mais j'ai deux suggestions.

  • Faites vos boutons de la même largeur au total que vos entrées.
  • Colorez le bouton "Find Journey" pour qu'il ressorte un peu plus.
0
Virtuosi Media

Qu'en est-il d'avoir un bouton avec des points de suspension (trois points) à l'intérieur pour les options de recherche supplémentaires?

Si le widget à côté de "Départ à" est un commutateur marche/arrêt, il devrait être plus grand et avoir plus d'espacement autour de lui.

0
Aidas Bendoraitis