web-dev-qa-db-fra.com

Instructions pour les widgets de saisie semi-automatique

Quelles directives existent lorsque vous travaillez avec des widgets de saisie semi-automatique? J'espère des directives générales qui s'appliquent à différents types d'applications: Web, ordinateur de bureau et mobile.

Un réponse à un recherche pendant que vous tapez le fil comprenait les éléments pertinents suivants:

  • Ne mettez jamais à jour l'entrée de recherche avec l'un des résultats à moins que l'utilisateur ne le demande.
  • Fournissez un accès au clavier et à la souris pour sélectionner les résultats.
  • L'arrière-regard est un complément agréable à l'anticipation.

J'ai observé quelques autres pratiques:

  • Mettre en évidence le terme recherché
  • Renvoyer le nombre d'éléments correspondants
  • Fournir un indicateur d'action lors de la sélection (mais pas de l'activation) d'une entrée de saisie semi-automatique
  • Offrir le texte tapé à l'origine dans la liste de saisie semi-automatique

De plus, les questions suivantes peuvent être posées lors de la formulation de suggestions:

  • Combien de conseils/suggestions doivent être fournis?
  • Comment résolvez-vous ceux qui devraient être affichés lorsque plusieurs sont disponibles?
  • Les suggestions doivent-elles prendre en compte les erreurs d'orthographe ou de frappe probables?

Toutes les réponses discutant des syntaxes plus complexes comme les expressions booléennes seraient également utiles.

20
Kaleb Pederson

Il n'y a pas de directives générales qui fonctionnent sur toutes les plates-formes et toutes les applications, par exemple la recherche sur le Web Google et la sélection d'une personne dans une liste de collègues - dans les deux cas, un widget de saisie semi-automatique peut être approprié, mais chaque détail de la mise en œuvre sera différent .

La seule chose que vous pouvez faire est d'évaluer les besoins spécifiques de chaque application (pas la plate-forme, qui se soucie si le formulaire que vous remplissez se trouve dans un navigateur Web ou une boîte de dialogue) et avoir un test de convivialité pour voir de quelles fonctionnalités vous avez besoin (options d'orthographe des utilisateurs souvent -> vous devez tenir compte de l'orthographe).

Permettez-moi de citer une ancienne interview de Tim Lister (l'un des auteurs de Peopleware):

Cramblitt: Que pensez-vous du recours aux meilleures pratiques?

Lister: J'ai des frissons quand j'entends cette phrase. De mon point de vue, il existe de très bonnes pratiques, mais pas de bonnes pratiques car cela implique le développement de logiciels génériques. Tous les projets sont liés au domaine dans lequel ils se trouvent. Une meilleure pratique pour le logiciel de défibrillateur n'est pas la meilleure pratique dans un autre domaine. J'aimerais que les gens réfléchissent aux modèles - résumant leur travail et reconnaissant les modèles dans lesquels ils se trouvent, bons et mauvais, et prenant des décisions éclairées pour promouvoir ces modèles ou les remplacer.

5
Nir

S'il s'agit d'un site Web qui contient de nombreux produits dans de nombreuses catégories, afficher la catégorie est un bon moyen d'aider l'utilisateur à trouver ce qu'il recherche.

Exemple: lorsqu'un utilisateur recherche: game of thr

Game of thr ceux dans les livres

Game of thr ceux en DVD

Game of thr ceux dans les livres électroniques

Game of thr ceux

Game of thr oubles

Game of thr ee

etc..

2
Mrs Web

Mettre en œuvre une saisie semi-automatique générique pour le moment, donc quelques réflexions/conclusions jusqu'à présent.

À mon avis, il existe deux types de saisie semi-automatique. Il y a en fait une liste déroulante cachée et une autre qui est un champ de texte. La saisie semi-automatique déroulante est utilisée lorsque vous souhaitez restreindre les entrées mais ne voulez pas une liste déroulante avec des centaines d'éléments. Utilisé par exemple lors de la sélection des aéroports de départ/retour. Le champ de texte est davantage utilisé pour des suggestions lors de la recherche.

Dans le premier cas, je pense que vous souhaitez mettre à jour l'entrée. Puisqu'il doit de toute façon être une entrée valide. Dans ce cas, il est important de bien comprendre quelle est votre suggestion et quelle est la saisie utilisateur.

Limitez le nombre de résultats affichés. Les utilisateurs se concentrent sur l'imputation de texte dans le champ. S'ils doivent parcourir une longue liste d'options, vous pouvez également utiliser une liste déroulante. Ne pas avoir à déplacer sa concentration sur les yeux et à réduire la charge de la mémoire des utilisateurs est également une bonne chose.

Bien que je vois une propriété utile des longues listes. Si je ne me souviens pas de ce que je cherche. Une longue liste me permettra de le parcourir et de reconnaître (je l'espère) ce que je recherche.

Choisir ce qui est affiché dans la liste est probablement l'une des choses qui nécessite le plus de connaissances dans le domaine. Google semble le faire en recherchant les popularités, les compagnies aériennes en fonction de la taille de l'aéroport. T

Quant au regard derrière je suis un peu déchiré. Il est plus facile de se souvenir de la première lettre d'un mot que de la troisième. La plupart du temps, c'est probablement ce que font vos utilisateurs. Donc, faire correspondre n'importe où dans la chaîne peut donner de nombreux résultats indésirables. Les utilisateurs avancés, qui ont appris que "ac" est plus rapide que "st" pour "stack", pourraient en avoir besoin. Faire correspondre tous les mots des phrases est probablement aussi une bonne idée. Comme alors, vous donnez plus d'options pour la reconnaissance.

0
Alvin

Google effectue des tests A/B assez extrêmes, et la saisie semi-automatique est un produit de base.

Je pense que c'est à peu près aussi bon que vous obtiendrez quand il s'agira de directives éprouvées.

0
Indolering

Ceci est un bon article sur les modèles à utiliser en fonction de la recherche des utilisateurs: https://baymard.com/blog/autocomplete-design

Lorsque les suggestions de saisie semi-automatique fonctionnent correctement, elles aident l'utilisateur à formuler de meilleures requêtes de recherche. Il ne s'agit pas d'accélérer le processus de recherche mais plutôt de guider l'utilisateur et de lui donner un coup de main dans la construction de sa requête de recherche ...

Au cours des tests, des suggestions de saisie semi-automatique ont été trouvées pour modifier directement comment et ce que les sujets testés recherchaient.

0
Jennifer