web-dev-qa-db-fra.com

Icône de recherche vs zone de saisie de recherche - Les deux nécessitent un seul clic / toucher: lequel utiliser?

Je travaille sur un site mobile d'un site assez grand. Il existe déjà un certain nombre d'obstacles iA et de navigation, donc je pousse à utiliser une icône de recherche au lieu d'une zone de saisie de recherche traditionnelle.

Mon raisonnement est que les deux nécessitent un clic (ou toucher) pour s'activer et commencer la recherche. Si un utilisateur clique sur l'icône pour déclencher une recherche ou clique sur une zone de saisie pour faire de même, l'expérience est la même. Cependant, une icône prend beaucoup moins de place et peut communiquer la même chose.

Je suis intéressé par les réflexions sur une icône de recherche par rapport à une zone de saisie de recherche ... quelque chose d'utile?

8
Alec Schmidt

Sur une plate-forme mobile où l'espace est limité et une apparence plus simple est requise, je pense qu'il est tout à fait correct d'avoir une icône au lieu d'un champ de recherche permanent.

Prenons par exemple l'application Android Market App où toucher l'icône vous amène à la page de recherche avec la liste d'achèvement et le clavier virtuel prêt à commencer à taper.

enter image description here

7
Roger Attrill

Tout dépend de la façon dont important est la recherche et de la façon dont fréquent les utilisateurs peuvent avoir besoin de la recherche, si votre site est basé sur la recherche comme Amazon ou la recherche Google, je m'attends à ce que vous gardiez le champ de recherche qui donne également les suggestions.

D'un autre côté, si la recherche est utilisée secondaire, vous pouvez choisir l'icône de recherche et la placer en haut à gauche ou à droite.

3
Pratheep ch

Un avantage d'un champ de recherche est que les utilisateurs peuvent l'observer presque inconsciemment et donc le localiser très rapidement, ou du moins se sentir à l'aise en sachant que la recherche est une option à leur disposition.

Dans l'exemple Android Android, l'icône de recherche est très certainement raisonnable compte tenu des limitations d'espace, mais une considération importante est que l'espace d'écran dans une application mobile est si sévèrement restreint que même la petite icône de recherche est relativement grand. Cette option peut être moins souhaitable ou réalisable sur une page Web qui devrait être principalement utilisée sur les ordinateurs de bureau ou où une petite icône de recherche peut être submergée par les autres éléments de la page.

2
Kit Grose

La boîte a également l'avantage d'afficher votre précédente recherche/filtre.

Éditer:

Si l'utilisateur n'a pas précédemment entré une entrée dans la zone de recherche/filtre, vous pouvez économiser de l'espace avec une icône.

Cependant, vous devriez avoir une sorte d'indicateur dans l'icône que la recherche est en place pour clarifier l'effet en appuyant sur l'icône. (Fait référence au problème mentionné par @fredley.)

Par exemple. Si vous avez une icône de recherche dans le coin supérieur droit et que l'icône se développe vers la gauche dans une boîte, puis sur le côté gauche de l'icône, placez quelques demi-triangles pointant vers la gauche (par exemple "<<").

Après avoir développé dans une boîte, vous devrez remplacer l'icône de recherche par une icône go (par exemple "->") et une icône de recherche claire (par exemple "X").


Si vous réduisez la recherche en icône, ne perdez pas l'entrée - affichez-la à nouveau si la recherche est à nouveau développée.

2
Danny Varod

Optez pour une boîte. Il est clair ce que cela fera en cliquant dessus. L'icône peut aller à une autre page ou à une action inconnue.

1
fredley

Eh bien, avoir une ICÔNE aidera à économiser de l'espace immobilier sur une application mobile. Il doit parfaitement s'accorder avec d'autres icônes d'utilitaires, ce qui ne devrait idéalement pas confondre l'utilisateur. Cela définit la seule façon dont votre ICON ne se gâche pas ou reste à flot sans contexte. Je veux dire qu'il ne faut pas lui donner un espace qui fait vraiment de toutes sortes. Je compare cela à la façon dont une Search BOX est vraiment un objet d’abord. Il faut donc soigneusement opérer cette opportunité. Il devrait fonctionner contre une BOX par tous les moyens. Mais en premier lieu, une Search BOX est toujours la meilleure de tous les jours, mais néanmoins s'il y a de vrais défis, cela n'est pas possible.

1
inkmarble

Que diriez-vous d'utiliser une icône et d'ajouter un popover avec un champ de recherche et un bouton d'envoi à l'intérieur? Lorsque l'utilisateur clique sur l'icône de recherche, il ouvre le popover. De cette façon, l'utilisateur pourrait toujours être sur la même page et le champ de recherche pourrait également être rempli avec le dernier terme de recherche utilisé.

1
Tony Bolero