it-swarm-es.com

¿Necesita un botón de búsqueda con un cuadro de búsqueda?

En los sitios web con un cuadro de búsqueda, ¿debe agregar un botón en el que puedan hacer clic, o los usuarios entenderán un cuadro de búsqueda como en este sitio?

El grupo objetivo no es muy técnico, como las mujeres de 40 a 60 años.

80
googletorp

Sí, es absolutamente necesario para una audiencia no técnica. Google estaba experimentando con esto en su página de inicio y mantuvieron el botón. La gente espera hacer clic en algo y la interfaz de usuario siempre se trata de igualar las expectativas de las personas.

Este problema se está abordando en la especificación HTML5. Una vez <input type="search" /> se adopta, los botones de búsqueda explícitos irán al historial.

73
lubos hasko

Tuvimos la misma discusión en StackOverflow . Aquí está el respuesta que mejor resumió toda la discusión :

Por qué deberías tener un botón:

  • No todo el mundo sabe que pueden presionar enter, por lo que está dejando a algunas personas menos inteligentes en el frío.
  • Algunos dispositivos, como teléfonos y consolas, pueden no tener una forma de enviar sin un botón. El navegador basado en PC sigue siendo dominante, pero no asuma que es la única forma en que las personas acceden a su sitio.

Es posible que no tenga un botón si (ambas condiciones deben cumplirse):

  • Su audiencia es conocedora de la tecnología (como en SO)
  • Proporciona una señal visual de que el cuadro de búsqueda es realmente un cuadro de búsqueda

    1. Al agregar texto dentro, menciona que se debe usar para buscar
    2. Al agregar un ícono dentro del cuadro

En general, creo que presionar enter es un acceso directo para enviar en lugar de los medios principales.

27
mbillard

Una alternativa es búsqueda en vivo/continua : Actualice los resultados de búsqueda de inmediato cada vez que presione el botón. Además de mejorar la eficiencia, también puede ayudar a resolver problemas de usabilidad, ya que los usuarios escriben más parámetros de búsqueda de los necesarios, los usuarios no notan el botón de búsqueda, los usuarios cometen un error de escritura y no saben por qué los resultados de búsqueda estaban vacíos, etc. 1

Por supuesto, técnicamente una búsqueda continua es más compleja de implementar que un simple formulario de búsqueda. En el entorno web, se necesita Ajax/Comet, y también la búsqueda del lado del servidor debe ser rápida. Pero la complejidad de la implementación se justifica fácilmente con una usabilidad mejorada, si la búsqueda es una característica central.

Hagas lo que hagas, siempre es una buena idea hacer una prueba de usabilidad para averiguar si los usuarios sabrán cómo usar el sistema y luego hacer las mejoras que sean necesarias.

1 Soren Lauesen, Diseño de interfaz de usuario: una perspectiva de ingeniería de software , 2005; página 286

13
Esko Luontola

Solo para jugar al abogado del diablo ...

Estoy totalmente de acuerdo con las respuestas anteriores; Por lo general, no veo ninguna ventaja en que no tenga un botón, al menos desde una perspectiva UX. Tener este botón presente cumple con las expectativas del usuario y, a menudo, es un requisito absoluto para apoyar a las personas que no son expertos en tecnología.

Pero, Creo que es muy importante tener en cuenta que la presencia de un botón puede causar problemas si no se aborda correctamente.

Ejecuté un proyecto de prueba de usabilidad para un sitio de comercio electrónico no hace mucho tiempo, y el botón "buscar" estaba causando un problema de usabilidad bastante desagradable. Como el botón se había hecho muy prominente en el diseño, particularmente en contraste con el campo de entrada de texto en sí (que no estaba bien definido), muchos usuarios hacían clic en el botón 'buscar' bajo el supuesto de que abriría o mostraría el búsqueda del sitio, como oponerse a iniciarlo.

Como resultado, muchos usuarios terminaron en una página “0 resultados encontrados para la página (nulo)” y se confundieron bastante. Terminamos rectificando este problema haciendo que el campo de texto sea más prominente, minimizando el botón y cambiando la terminología a "ir" en lugar de "buscar". Esto rprevenido y confusión o ambigüedad como resultado del botón. La decisión de incluir un botón dentro de su campo de búsqueda es probablemente la correcta, solo asegúrese de tenerlo en cuenta en términos de diseño o puede terminar haciendo más daño que bien.

12
Chris Myhill

Antes de comenzar déjame sacar esto del camino. La pregunta que se hizo originalmente no responde definitivamente más allá de alguna permutación de:

Depende, pero la inclusión tiene un poco más de beneficios que no.

Cada respuesta proporcionada hasta el momento presenta grandes argumentos que se reducen a la misma respuesta.

  1. Un resumen actualizado de la situación actual:

En los años 90, el botón de búsqueda era totalmente necesario.

Toda la funcionalidad de búsqueda se ejecutó con publicaciones de formularios simples. El botón Buscar fue necesario para enviar el formulario. Los resultados se devolvieron según la acción de envío del formulario. De hecho, no era un "botón de búsqueda", a menudo era un botón "ir" o "entrar". El patrón común era así: etiqueta/entrada/botón

mockup

Si había alternativas, los desarrolladores rara vez las conocían. Los usuarios entendieron el patrón rápidamente en función de su evidente capacidad de pago.

Buscando simplicidad, surgió un nuevo patrón que combina la etiqueta y el botón en un elemento, y nació el botón de búsqueda:

mockup

Tomó tres elementos a dos. Y el patrón se volvió más fácil de entender y más arraigado en el conjunto de habilidades del usuario.

La Web 2.0 surgió en la era posterior a la burbuja. JavaScript surgió manejando interacciones del lado del cliente y llamadas asincrónicas.

El resultado son los nuevos patrones de búsqueda/ingreso de formularios que vemos hoy. Algunos, como el autocompletado y el filtrado, no requieren el botón en absoluto. Las entradas de formulario en línea son la versión "guardar/cancelar" de la búsqueda. La mayoría de estos patrones emplean el comando de teclado "enter" como la forma de facto de enviar resultados de búsqueda sin hacer clic en buscar, ir, ingresar, guardar, etc.

Estos nuevos patrones toman tiempo para que los usuarios los entiendan en masa. Pero creo que con dos décadas de uso de Internet bajo los cinturones de las personas, la ubicuidad de la búsqueda y el envío de formularios, creo que es seguro decir que una gran mayoría de la gente sabe acerca de "entrar". Realice una encuesta informal y verá lo mismo. Lo hice y todos con los que hablé lo sabían.

  1. ¿Los botones de búsqueda siguen siendo necesarios en 2012?

SI. Eche un vistazo al enorme laboratorio de pruebas de usuarios en curso conocido como Facebook. Quitaron el botón enter en los comentarios y casi de inmediato lo devolvieron con esa casilla de verificación loca para enseñar a las personas a usar enter cuando los usuarios se quejaban. Incluso si fuera solo el 10% de ellos, eso significa 90 millones de personas.

Creo que el botón de búsqueda tiene poca relevancia en los entornos en línea de hoy en día, pero sigue siendo y siempre será necesario hasta cierto punto. Entonces la respuesta final es:

Depende, pero la inclusión tiene un poco más de beneficios que no.

8
Itumac

Respuesta de recompensa 2012

Preguntas y respuestas fascinantes. El desarrollo de convenciones UX/UI es infinitamente interesante ... para mí es como ver el desarrollo del lenguaje ante nuestros ojos (:

Yo diría que el uso de un botón de búsqueda es algo que vale la pena probar A/B dentro de su contexto particular . A diferencia de algunos anteriores, creo que vale la pena investigar a fondo un asunto tan pequeño . Esta es una forma clave para que las personas accedan a la información de su sitio.

Alternativamente (o tal vez además) una prueba de usabilidad remota no moderada (actualmente estoy leyendo el gran libro de Nate Bolt sobre tales asuntos) podría hacerse de manera bastante económica. Esto podría darle más información sobre por qué las personas lo encuentran confuso o no.

Mi impresión general con respecto a la búsqueda es que las convenciones que lo rodean definitivamente están cambiando en 2012.

Acabo de cambiar a una versión más nueva de Safari y la búsqueda de Google ahora está integrada en la barra de direcciones, es decir, puedo poner los términos de búsqueda o URL en el mismo lugar. Esto es definitivamente nuevo para mí y para los primeros usos seguí buscando el cuadro de búsqueda de Google. Pero ahora, después de unas horas de uso, se siente completamente intuitivo.

enter image description here

Del mismo modo, la forma en que el teclado cambia en la búsqueda móvil según el tipo de datos esperados es una nueva forma de admitir la búsqueda que inicialmente me pareció confusa ... es decir, ¿por qué no puedo escribir texto aquí (doh ... es una búsqueda de número de teléfono ).

Del mismo modo, en la búsqueda de Google, los usuarios avanzados pueden usar todo tipo de términos de búsqueda para enfocar la búsqueda.

Es muy posible que las convenciones cambien dependiendo de en qué parte de la página se ubique el cuadro de búsqueda. En la parte superior de una página, puede esperar presionar enter, mientras que si la búsqueda se presenta como parte del contenido de una página, la expectativa del usuario es que debería haber un botón. Pero esta es pura hipótesis de mi parte.

Test test test ... tiene que ser la respuesta! Realmente no tenemos otra forma de establecer lo que está sucediendo en este mundo tecno de ritmo rápido nuestro (:

4
Lisa Tweedie

Para responder a la recompensa, la situación en 2012 no cambió mucho, ya que no hay nada que cambiar. Sin embargo, hay casos especiales en los que se puede omitir un botón de búsqueda:

  • en aplicaciones iOS, en caso de que la acción para la tecla "Entrar" cambie a "Buscar"
  • si la interfaz muestra una lista de todas las opciones de manera predeterminada, y el usuario simplemente las filtra escribiendo en un cuadro de búsqueda.
  • si su propio estudio conduce a que sus usuarios no se sientan frustrados por la falta a largo plazo.

Es importante que su creencia acerca de cómo sus usuarios puedan pensar no cuente, debe realizar los estudios y medir la frustración (generalmente, esto se hace midiendo su pupila con una cámara web infrarroja, presión arterial, pulso o electricidad de la piel) ... Tenga en cuenta que la forma de medir en realidad podría frustrarlos solo). Si no tiene acceso a dicho equipo, las universidades, las tiendas de UX más grandes, las grandes compañías de marketing sí lo tienen y le dan acceso por una tarifa.

La razón es que la búsqueda es un método único que tiene una operación de cierre . Esta operación debe tener ¡asequibilidad: el usuario debe esperar que la interfaz se comporte de ciertas maneras, ya sea teniendo gran cantidad de software que funciona de esta manera, o al tener una ¡pista visual (o visibilidad ) en la interfaz.

No es del todo imposible, que haya usuarios por ahí, que ¡espere que si un cuadro de entrada está completamente redondeado y tiene "Buscar" escrito como marcador de posición predeterminado, funciona presionando ingrese después de la clave, pero ¿cuánto representan sus datos demográficos de su aplicación, no se puede saber con certeza sin estudios extensos (y costosos).

Hay millones de personas que nunca han usado el campo de búsqueda en Safari o Firefox, y aún más, que nunca han ingresado nada en una barra de URL y escriben direcciones web en un motor de búsqueda como Google (que está en el portada predeterminada de cada navegador), y si no lo aprendieron hasta 2010, no se espera que se hayan acostumbrado a él en los últimos dos años.

Una solución que ahorre espacio sería colocar una lupa en el borde izquierdo del cuadro de entrada de búsqueda, dentro del cuadro, para que se pueda hacer clic. De esta manera, el espacio no se toma de las funciones más importantes, pero los usuarios sin expectativas sobre la efectividad de "Entrar" o "Búsqueda instantánea" tienen algo en lo que hacer clic.

(Si bien la Búsqueda instantánea puede ser una buena idea, en la práctica, no transformó la forma en que las personas buscan, y se puede debatir, por qué no lo hizo. Personalmente, todavía presiono Enter por reflejo, así que mis amigos me preguntaron )

Editar (con respecto a la conversación a continuación)

Esta lista de "supuestos" se basó en los siguientes materiales de antecedentes:

  • Normann's Design of Everyday Things, a saber, su modelo sobre mapeos de visibilidad, comportamiento aprendido (hacer clic en "ingresar" después de ingresar un término de búsqueda es un comportamiento aprendido, ya que nada lo sugiere en la interfaz)
  • El modelo GOMS, para el cual se puede encontrar un buen enfoque en Raskin's ¡La interfaz humana

Estoy seguro de que podría citar Krug's Don't Make Me Think también (nunca me molesté en leerlo completamente), o Nielsen .

Sin embargo, todo esto es ¡investigación antigua. (Bueno, excepto por mi reclamo de Google Instant en los comentarios, que también tenía una prueba de inglés)

Entonces, la pregunta reformulada es: ¿Qué haría que estas investigaciones estuvieran desactualizadas entre 2010-2012?

Y a lo que la respuesta es un poco más compleja.

Solo tengo modelos en su mayoría, pero estos modelos son bastante buenos.

Una pregunta es, "¿cómo las personas forman hábitos" y "cómo recuerdan las personas los patrones de uso" para los cuales se pueden encontrar las respuestas, por ejemplo, en Weinschenk ¡100 cosas que todo diseñador debe saber sobre las personas =, donde explica el conocimiento contemporáneo sobre tales aprendizajes.

Y allí, podemos verlo escrito claramente, que las personas aprenden cosas nuevas si las necesitan para alcanzar una meta, y forman hábitos si tienen que hacerlo con frecuencia. Por ejemplo, nunca aprendí a escribir con cinco dedos ya que también estoy escribiendo lo suficientemente rápido de esta manera)

Entonces, nuestra pregunta es: ¿hubo alguna aplicación ganando popularidad en el grupo objetivo que obligó a las personas a desaprender el hábito de buscar un botón de búsqueda y hacer clic en él, pero usando enter en su lugar?

No sé, no sé el grupo objetivo exacto, pero supongo que la respuesta es no.

Pero nuestro grupo objetivo también se movió. El grupo objetivo de esta pregunta eran las personas entre 40 y 60 años, ahora tienen entre 42 y 62 años.

Sabemos que las habilidades de aprendizaje de las personas se degradan drásticamente entre los 40 y los 45 años. Las investigaciones que he leído sobre estas están originalmente en ruso y fueron escritas en los años 80, cuando no era costumbre traducirlas al inglés.

Esta es en realidad una curva en forma de S, pero las personas que ya tenían más de 45 años tenían pocas probabilidades de aprender nuevos hábitos de "reflejo muscular", especialmente si sus conocimientos sobre cómo usar una computadora les han servido hasta ahora.

La población de Internet ha crecido alrededor del 10 por ciento entre 2010-2012 . Hubo hubo un gran crecimiento entre 2008 y 201 en el grupo de edad objetivo (al menos desde los EE. UU.), Y tenemos datos para 2012 también.

No deberíamos tratar con personas mayores de 50 años (según la investigación rusa), por lo que la pregunta es que, como máximo, el aumento del 10% de las personas entre 30 y 49 representaría los cambios habituales.

Pero supongo que debería dejar este ejercicio para el lector. Mi suposición básica es, y esta es una suposición, que si los modelos de Norman son correctos, y si todas las investigaciones citadas son correctas, entonces las personas que no tuvieron que aprender esto no lo aprendieron en 2 años, y que el grupo objetivo no se movió tanto en 2 años que una mayoría se habría caído, luego no aparecerían cambios significativos.

Honestamente, he visto cosas con poca visibilidad y problemas de mapeo que los desarrolladores de UI de 80s esperaban que la gente aprendiera ¡pronto y eso nunca sucedió. Esto incluye diálogos de confirmación, atajos de teclado, teclas modificadoras. Los libros de Norman y Raskin están llenos de él, y estoy seguro de que tampoco tomaría demasiado encontrar una queja de Nielsen al respecto.

No es que las cosas no cambiaron en dos años: los humanos no cambiaron.

3
Aadaam

A menos que la pregunta sea más específica, una respuesta simple no es posible. Si la búsqueda arroja una pequeña cantidad de resultados, entonces probablemente (pero no necesariamente) permitiría una búsqueda en vivo y una interfaz de resultados. A medida que obtiene resultados actualizados con cada pulsación de tecla, probablemente no sea necesario un botón de búsqueda.

¿Qué está buscando esto? ¿Está buscando texto en un índice de base de datos (por ejemplo, un índice web), buscando una biblioteca de imágenes, etc. El contexto específico debe tenerse en cuenta antes de tomar la decisión de excluir un botón de búsqueda. He visto a demasiadas personas del diseño de interfaz de la vieja y la nueva generación caer en la misma trampa de seguir los movimientos del diseño totalmente cegados por las ideas preconcebidas.

En una nota aparte. Cuando hay un botón de búsqueda, ayuda a los usuarios a conectarse mentalmente con la acción de instigar una búsqueda. Además de la conexión mente y acción, el botón de búsqueda es un elemento de interfaz valioso para proporcionar pistas sobre el progreso de la búsqueda. El botón se puede deshabilitar para mostrar que se está realizando una búsqueda, y la interfaz puede mostrar una barra de progreso si la búsqueda generalmente toma unos segundos o más. Sin esta referencia de tiempo clara e inequívoca como presionar un botón de búsqueda, estas posibilidades no son viables. Usar la tecla Intro por sí solo sin un botón de esta manera no es tan efectivo.

En el lado puramente visual de las cosas, el botón también es una señal de que el campo de búsqueda no es algo completamente diferente. Por lo tanto, el botón de búsqueda etiqueta indirectamente su elemento de entrada de texto como un campo de búsqueda. Algunos artilugios (por ejemplo, íconos de imágenes) pueden ayudar a proporcionar dicha señal, pero el botón simple lo hace de manera inequívoca sin tener que idear otras señales.

2
Chris

Respuesta basada en la recompensa en 2012. Ya hay algunas buenas respuestas aquí, pero quería hacer un punto algo diferente: la discusión ha sido principalmente sobre si los usuarios necesitan el botón para usar con éxito la búsqueda. Pero creo que también deberíamos pensar en lo que sucede antes de que el usuario tome esa acción.

¿Cómo encuentran tu búsqueda? El botón de búsqueda puede servir como indicador . En una página ocupada o si su elemento de búsqueda es un lugar no estándar (es decir, no está en la parte superior derecha), el escaneo visual para encontrar esa acción puede ser difícil.

Por supuesto, la importancia de tener ese fuerte indicador depende de la intención, el diseño y la audiencia de su sitio. La búsqueda es vital para Stackoverflow (o UX), pero su audiencia es inteligente y el diseño coloca la búsqueda en una ubicación estándar y contrasta bien con el fondo. Si su audiencia es menos inteligente y/o la búsqueda es una ruta crítica para el uso del sitio, puede considerar conservarla.

Para elegir un poco sobre el súper impresionante Stackexchange, estaba mirando su sitio en inglés . Aquí está la interfaz de búsqueda:

enter image description here

Fácil de usar para mí, estoy muy familiarizado con su conjunto de sitios. ¿Pero un usuario mayor que viene buscando ayuda gramatical? Un botón de búsqueda podría hacerlo más claro. Aunque diría que hacer que el fondo de búsqueda sea blanco sería de gran ayuda.

2
Voodoo

Siempre me equivocaría por el lado de la usabilidad, incluso para audiencias técnicas. Para audiencias no técnicas, puede ser aún más vital incluirlo, ya que es posible que no sepan que simplemente puede presionar enter para enviar el formulario. El botón se puede diseñar para que coincida con el diseño, por lo que lo mantendría.

1
Virtuosi Media

La única forma de saberlo con certeza, para su audiencia específica, es realizar una prueba A/B: muestre a la mitad de sus usuarios un cuadro de texto con un botón de búsqueda y la mitad de un cuadro sin, para ver si hay alguna diferencia en el comportamiento.

Asegúrese de leer acerca de cómo realizar una prueba A/B efectiva antes de comenzar.

O, si no te importa tanto y no quieres todos los problemas de averiguarlo, simplemente deja el botón allí.

1
Nir

Semánticamente, se utiliza un botón de envío para enviar un formulario. Como mencionó Esko Luontola, puede omitir el botón si la búsqueda se actualizó continuamente a través del servidor cometa, ya que eso realmente no está "enviando" el formulario.

Pero si realizar una búsqueda requiere que se envíe un formulario y la página se redirija o vuelva a cargar, entonces sí, creo que definitivamente debería tener un botón de búsqueda, ya que eso es exactamente lo que el botón de envío está destinado a hacer.

1
Carson Myers

Siempre debe tener un botón de búsqueda por este motivo ...

Cuando escribe un término de búsqueda y pulsa enter de una vez, está bien.

Pero cuando escribe el término, haga otra cosa y regrese a la página (tal vez recibió una llamada telefónica o lo que sea) o haga clic de nuevo en el navegador, entonces se preguntará cómo realizar la búsqueda sin un botón.

1
JamesRyan

Tenía un formulario de búsqueda complejo que consistía principalmente en menús desplegables que se enviaban automáticamente cada vez que cambiaba el valor de entrada de un formulario (usando jQuery). Esto funcionó bien, pero sin un <input type="submit" /> botón presente, el formulario se negó a enviar al presionar enter en algunos navegadores, hasta que la entrada fue borrosa.

Esto se resolvió poniendo un botón de envío oculto por CSS dentro del formulario.
En esta situación, un problema de usabilidad se resolvió al incluir un botón de envío, aunque estaba oculto.

Si tiene la intención de deshacerse del botón de búsqueda, asegúrese de que el campo de búsqueda esté etiquetado claramente como 'Buscar', con una etiqueta (preferiblemente en línea, como SO) de algún tipo para guiar al usuario.

El usuario nunca debería tener que reflexionar, "¿Cómo busco?"

1
Petrus Theron

Nunca realicé un experimento para eliminar el botón Enviar de un campo de búsqueda, pero realicé uno en un formulario estructurado de manera similar. Lo siguiente también debería aplicarse a la búsqueda.

Hace mucho tiempo en mi sitio web, tenía un campo de texto y un botón para enviar un comentario. Eliminé el botón de enviar porque pensé que señalar y hacer clic en el botón desperdiciaría el tiempo del usuario. Así que quería promover el envío de comentarios presionando la tecla Intro. Recopilé estadísticas sobre este cambio y no vi ninguna disminución en el número de comentarios enviados. Esto parece implicar que si no hay un botón, las personas naturalmente intentarán la siguiente mejor opción, presionar la tecla Intro, para enviar el comentario. ¿Qué más se supone que deben hacer? ¿Rendirse? ¡No!

1
JoJo

Hay más de una respuesta para esta pregunta.

Los principales decisores son: 1. Espacio, 2. Audiencia

Cuando tiene un sitio web que tiene menos contenido para mostrar cuando el usuario aterriza (por ejemplo, usando una página de destino para el sitio web de su producto), tiene la libertad de usar un cuadro de búsqueda y un botón de búsqueda para acompañarlo. Pero cuando tiene un sitio web con mucha información repartida por la página, no desea que se agregue al desorden utilizando un botón de búsqueda.

Además, como todos los demás señalaron, la audiencia importa.

Sin embargo, lo que debe preguntarse aquí son algunas preguntas: ¿es necesario un botón de búsqueda? ¿No es obvio? ¿No se puede evitar? ¿No es redundante?

Creo que mencionar el texto "Buscar cosas aquí" en el cuadro de búsqueda es una excelente manera de hacerlo. Puedes vestirlo con una lupa en un lado para darle la sensación.

1
Birupakhya Dash