Si el cuadro de búsqueda debe estar a la izquierda o al lado derecho

En una aplicación web con un cuadro de búsqueda en el encabezado, ¿dónde debe ir la búsqueda? lado izquierdo o derecho del encabezado? ¿Qué consideraciones deben tenerse en cuenta al tomar esta decisión?

En términos de lo que hacen los demás, aquí hay una breve descripción general de algunas de las aplicaciones web más populares:

Cuadro de búsqueda a la derecha

  • Dropbox
  • Alto correo
  • LinkedIn
  • Vimeo
  • Dribble
  • Twitter
  • Behance
  • Last.fm
  • Flickr

Cuadro de búsqueda a la izquierda

  • Gmail
  • Grooveshark
  • Outlook.com
  • Yahoo Mail
  • Facebook
  • Ohmytracks
  • Youtube
  • Pinterest
  • Outlook Web Access
  • Salesforce
  • Tumblr
  • Evernote
  • Delicioso

Cuadro de búsqueda en el medio

  • Box.net

Comentarios

  • Esto ya no es exacto. He revisado todos estos y solo 4 seguían siendo los mismos. LA MAYORÍA están en el medio ahora.
  • @ user140421 ¡Gracias por mantener el control! 🙂

Responder

Recomiendo leer este artículo hasta luego Jared spool en UIE , donde evalúa el posicionamiento del contenido y cómo eso afecta el uso del usuario basándose en un documento ¿Dónde está la búsqueda? Reexaminando las expectativas del usuario of Web Objects .

Para citar el artículo

Nuestra experiencia es que una página bien diseñada supera las expectativas del usuario en todo momento.

ingrese la descripción de la imagen aquí

El 17% de los participantes dijeron que esperaban la esquina superior derecha del cuadro de búsqueda.

Su último El análisis basado en el documento se proporciona a continuación

Solo porque los usuarios esperan que el cuadro de búsqueda esté en la parte superior derecha (al menos el 27% del tiempo) , no significa que no puedan adaptarse a encontrarlo en otros lugares. Después de todo, los humanos somos excepcionalmente adaptables a nuestro entorno.

Este artículo de la revista smashing tiene esto para decir sobre la posición de la búsqueda

¿Dónde colocar el cuadro de búsqueda?

Hay muchas posibilidades, pero solo un par de las correctas. El lugar más conveniente para los usuarios sería la parte superior izquierda o superior derecha de cada página de su sitio web, donde los usuarios podrían encontrarlo fácilmente utilizando el patrón de escaneo común en forma de F. Sin embargo, algunos blogs tienden a colocar el cuadro de búsqueda en la parte inferior de la barra lateral (izquierda o derecha). Probablemente no sea una buena idea, pero es probable que se haga debido a consideraciones publicitarias.

Si observa los ejemplos que dio de los sitios que utilizan la búsqueda a la izquierda o parcialmente alineado a la izquierda, aparecen un par de temas comunes:

  1. La búsqueda técnicamente no está completamente a la izquierda, sino que solo se coloca después del logotipo y es una continuación del logotipo para guiar al usuario sobre el uso de la búsqueda

  2. La mayoría de estos sitios dependen en gran medida de la búsqueda para su funcionamiento

ingrese la descripción de la imagen aquí La búsqueda es fundamental en el correo electrónico de Google, ya que enlaza varios servicios juntos

ingrese la imagen descripción aquí

La búsqueda aquí es importante para buscar música y suele ser el primer punto de partida para los usuarios

ingrese la descripción de la imagen aquí

La búsqueda es fundamental para Youtube, ya que sirve como entrada principal punto para acceder a la vasta base de datos de Youtube.

Sin embargo, tomando un ejemplo de sitios que tienen un sitio a su derecha, un tema común es que, aunque estos sitios necesitan utilizar la búsqueda, no es un parte o un punto de conducción principal para su sitio y, por lo tanto, no está ubicado en un lugar destacado, sino en una ubicación donde los usuarios lo esperarían, como se muestra a continuación.

ingrese la descripción de la imagen aquí

ingrese la descripción de la imagen aquí

Comentarios

  • Mirando estos ejemplos casi me deja creer que cuanto más prominente debería ser un cuadro de búsqueda, más a la izquierda se vuelve. Es decir. Si » buscar » es una acción principal, entonces ‘ s más hacia el centro o hacia la izquierda, mientras que si es ‘ una acción secundaria, entonces se desplaza hacia la derecha.

Responder

En 2010, Wikipedia movió su cuadro de búsqueda desde la izquierda de la página (directamente debajo de su cuadro de navegación ), en la parte superior derecha de la página. Publicaron una explicación detallada para hacerlo, incluidas referencias a varios artículos de investigación y resultados de su propia investigación.

Yo «ll cite algunos extractos, pero le recomendamos que lea el artículo completo:

Otro factor que puede haber influido en las expectativas de los usuarios es la ubicación común de las funciones del motor de búsqueda en el esquina superior derecha de la ventana del navegador web. Hay ventajas prácticas de posicionar la búsqueda en la esquina superior derecha …

… varios estudios de usabilidad han señalado una ventaja clave de que los elementos de navegación se colocan en el derecha: brinda acceso inmediato a la barra de desplazamiento del navegador. Esto es particularmente valioso cuando a) se desplaza hacia arriba y hacia abajo en una lista de resultados de búsqueda, b) se desplaza hacia arriba y hacia abajo en un artículo que acaba de llamar para obtener información.

Además, estaban específicamente interesados en cómo el tamaño del cuadro de búsqueda influía en dónde podía b e colocado en la página.

El cuadro de búsqueda anterior tiene aproximadamente 20 caracteres de ancho, el nuevo cuadro de búsqueda tiene capacidad para 24 caracteres. Más importante aún, debido a la ubicación del cuadro de búsqueda anterior en la barra lateral del diseño, era imposible ampliar la búsqueda sin reubicarla o sin ampliar la barra lateral.

La ubicación del cuadro de búsqueda en la parte superior derecha nos permite para mantener un ancho estándar fijo de una página a la siguiente, al tiempo que nos brinda la máxima flexibilidad en cuanto a cuál debería ser ese ancho.

En cuanto a los idiomas que no están en inglés idiomas:

… no probamos la Wikipedia en inglés con otros idiomas que habían colocado el cuadro de búsqueda directamente debajo del logotipo, y reconocemos que esta ubicación alternativa ya es una mejora para satisfacer las expectativas del usuario. Sin embargo, según la investigación citada anteriormente, así como las razones de diseño para mover el cuadro de búsqueda hacia la parte superior derecha, todavía creemos que el caso general para mover la búsqueda es convincente incluso para esos idiomas, aunque un poco menos.

Por último, un resumen:

En resumen, movimos el cuadro de búsqueda a a) hacer coincidir las prácticas web y las expectativas del usuario, b) hacer posible ampliarlo de acuerdo con las recomendaciones de usabilidad comunes, c) en respuesta a los problemas reales observados de los sujetos de prueba al utilizar la búsqueda anterior.

También reconocemos que millones de usuarios de Wikipedia se habían ajustado a la ubicación anterior y ahora tendrán que reajustarse a la nueva ubicación. Sin embargo, la audiencia global de Wikipedia crece en decenas de millones de usuarios cada año (actualmente es de 375 millones de visitantes únicos / mes en todo el mundo) y esperamos aumentarla en cientos de millones en esta década. Eso requerirá que nos adaptemos a las expectativas comunes de los usuarios, en lugar de esperar que cada nuevo usuario se adapte a nosotros. Desafortunadamente, esto incomodará a quienes se hayan adaptado a la ubicación anterior. ¿Sabemos absolutamente que esa es la decisión correcta? No, pero el hecho de que a los usuarios existentes les moleste temporalmente no es en absoluto indicativo de que no lo sea.

Respuesta

Según yo, el cuadro de búsqueda de la izquierda significa buscar una entidad específica, como buscar una película específica en boxofficemojo.com, y el cuadro de búsqueda de la derecha significa buscar una característica específica o sección en un portal. El cuadro de búsqueda debe estar en el medio si «Buscar» es la función central (como los motores de búsqueda) de la aplicación.

Si no hubiera publicado estos nombres para el «Cuadro de búsqueda a la izquierda», mi reacción predeterminada sería Ha sido que el cuadro de búsqueda debería estar en el lado derecho, ya que estoy bastante acostumbrado a ver el cuadro de búsqueda en la sección superior derecha de un sitio. La mayoría de estos cuadros de búsqueda son parte del encabezado e independientes de la sección de contenido, por ejemplo, este sitio web .

No diría que Youtube, Facebook y Gmail están a la izquierda, están más en el medio. Un ejemplo de cuadro de búsqueda a la izquierda sería BoxOfficeMojo

Respuesta

Un voto a favor para esta pregunta debido a la importancia de las ubicaciones estándar para partes comunes de la interfaz de usuario.

Este estudio publicado sobre el seguimiento ocular de objetos web comunes, incluida la búsqueda, encontró menos fijaciones y búsquedas más cortas momentos en los que la búsqueda se realizó en una ubicación típica. Para el campo de búsqueda, el efecto más fuerte de alejarse de la ubicación típica se produjo en los sitios de comercio electrónico en comparación con los sitios de noticias o empresas.

Sus ubicaciones se basaron en la investigación en Modelos mentales para objetos web .

Encuestaron a 136 personas sobre la ubicación de objetos web comunes, incluido un cuadro de búsqueda, en sitios de comercio electrónico, sitios de noticias y sitios de empresas. La ubicación esperada de la búsqueda dependía del tipo de sitio.

En la segunda parte del estudio, 516 participantes construyeron la interfaz de usuario de una aplicación web colocando los objetos web en la pantalla.

Puede ver los resultados yendo al enlace de arriba. «Tendencia hacia la esquina superior derecha» es mi descripción de los resultados para la ubicación del cuadro de búsqueda.

SURL del estado de Wichita publicó un tipo de estudio similar en 2002 para una «página web típica de comercio electrónico». La Figura 5 muestra la ubicación esperada de la búsqueda. En este estudio, la ubicación era el centro superior de la página. [Siguieron esto en 2006 con otro] estudio ( http://psychology.wichita.edu/surl/usabilitynews/81/webobjects.asp ). Las expectativas de algunos objetos web cambiaron entre 2002 y 2006. La ubicación de búsqueda se alejó del centro y se acercó a la parte superior derecha.

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *