web-development-kb-es.site

Pautas para widgets de autocompletar

¿Qué pautas existen al trabajar con widgets de autocompletar? Espero pautas generales que se apliquen a diferentes tipos de aplicaciones: web, escritorio y dispositivos móviles.

A respuesta a Buscar mientras escribe el hilo incluía los siguientes elementos relevantes:

  • Nunca actualice la entrada de búsqueda con uno de los resultados a menos que el usuario lo solicite.
  • Proporcione acceso de teclado y mouse para seleccionar resultados.
  • El mirar hacia atrás es un buen complemento para mirar hacia adelante.

He observado algunas otras prácticas:

  • Destacando el término buscado
  • Devolver el recuento de elementos coincidentes
  • Proporcionar un indicador de acción al seleccionar (pero no activar) una entrada de autocompletar
  • Ofrecer el texto escrito originalmente en la lista de autocompletado

Además, se pueden formular las siguientes preguntas al proporcionar sugerencias:

  • ¿Cuántas sugerencias/sugerencias se deben proporcionar?
  • ¿Cómo resuelve los que deberían mostrarse cuando hay muchos disponibles?
  • ¿Deben las sugerencias tener en cuenta los posibles errores ortográficos o de escritura?

Cualquier respuesta que discuta sintaxis más complicadas como expresiones booleanas también sería útil.

20
Kaleb Pederson

No existen pautas generales que funcionen en todas las plataformas y todas las aplicaciones, por ejemplo, la búsqueda web de Google y la selección de una persona de una lista de compañeros de trabajo; en ambos casos, un widget de autocompletar puede ser apropiado, pero cada detalle de la implementación será diferente .

Lo único que puede hacer es evaluar las necesidades específicas de cada aplicación (no la plataforma, a quién le importa si el formulario que está completando está en un navegador web o un cuadro de diálogo) y tener una prueba de usabilidad para ver qué características necesita (opciones de errores ortográficos de los usuarios a menudo -> debe tener en cuenta el error de ortografía).

Permítanme citar una vieja entrevista con Tim Lister (uno de los autores de Peopleware):

Cramblitt: ¿Qué opinas sobre la confianza en las mejores prácticas?

Lister: Me da escalofríos cuando escucho esa frase. Desde mi punto de vista, hay algunas buenas prácticas, pero no hay mejores prácticas porque eso implica el desarrollo de software genérico. Todos los proyectos están relacionados con el dominio en el que se encuentran. Una mejor práctica para el software del desfibrilador no es la mejor práctica en otro dominio. Me gustaría que la gente piense en los patrones: abstraiga su trabajo y reconozca los patrones en los que se encuentran, buenos y malos, y tome decisiones informadas para promover esos patrones o reemplazarlos.

5
Nir

Si es un sitio web que tiene muchos productos en muchas categorías, mostrar la categoría es una buena manera de ayudar al usuario a encontrar lo que está buscando.

Ejemplo: cuando un usuario busca: juego de thr

Juego de thr unos en libros

Juego de thr unos en DVD

Juego de thr unos en eBooks

Juego de thr unos

Juego de thr oubles

Juego de thr ee

y así..

2
Mrs Web

Implementando un autocompletado genérico en este momento, así que algunos pensamientos/hallazgos hasta ahora.

A mi modo de ver, hay dos tipos de autocompletado. En eso hay un menú desplegable oculto y otro que es un campo de texto. El autocompletado desplegable se usa cuando desea restringir las entradas pero no quiere un menú desplegable con cientos de elementos. Se usa, por ejemplo, al seleccionar aeropuertos para volar desde/hacia. El campo de texto se usa más para sugerencias cuando se busca.

En el primer caso, creo que desea actualizar la entrada. Ya que tiene que ser una entrada válida de todos modos. En este caso, es importante que quede claro cuál es su sugerencia y cuál es la entrada del usuario.

Restrinja el número de resultados mostrados. El foco de los usuarios está introduciendo texto en el campo. Si tienen que escanear una larga lista de opciones, también podría usar un menú desplegable. Probablemente también sea bueno no tener que mover los ojos y poner menos carga en la memoria de los usuarios.

Aunque veo una propiedad útil de largas listas. Si no recuerdo lo que estoy buscando. Una larga lista me permitirá revisarla y reconocer (con suerte) lo que estoy buscando.

Elegir lo que se muestra en la lista es probablemente una de las cosas que requiere más conocimiento del dominio. Google parece hacerlo por búsquedas populares, aerolíneas por lo grande que es el aeropuerto. T

En cuanto a mirar hacia atrás, estoy un poco desgarrado. Es más fácil recordar la primera letra de una Palabra que la tercera. Entonces, la mayoría de las veces esto es probablemente lo que están haciendo sus usuarios. Por lo tanto, hacer coincidir cualquier parte de la cadena puede dar muchos resultados no deseados. Los usuarios avanzados, que han aprendido que 'ac' es más rápido que 'st' para 'stack' podría haberlo utilizado. La coincidencia con todas las palabras en oraciones es probablemente también una buena idea. Como entonces, le da más opciones de reconocimiento.

0
Alvin

Google hace algunas pruebas A/B bastante extremas, y el autocompletado es un producto central.

Creo que es lo mejor que obtendrás cuando se trata de pautas comprobadas.

0
Indolering

Este es un buen artículo sobre patrones para usar basado en la investigación del usuario: https://baymard.com/blog/autocomplete-design

Cuando las sugerencias de autocompletar funcionan bien, ayudan al usuario a articular mejores consultas de búsqueda. No se trata de acelerar el proceso de búsqueda, sino de guiar al usuario y ayudarlo a construir su consulta de búsqueda ...

Durante la prueba, se encontró que las sugerencias de autocompletar alteran directamente cómo y qué buscaron los sujetos de prueba.

0
Jennifer