¿Puedo combinar un cuadro de selección con una barra de búsqueda?
Bueno, me preguntaba qué podría pensar de un cuadro de selección dentro de una barra de búsqueda. Mientras el texto no quede debajo del cuadro, creo que se ve realmente genial.
Ejemplo:
Esto pertenece a un sitio de alojamiento que estoy codificando en este momento. Pero un amigo dijo que cualquier otro sitio de alojamiento lo tiene fuera de la barra y al lado del botón y que deberíamos hacerlo como ellos.
No sé, solo me gusta hacer algo diferente a lo que hacen los demás. ¿Qué piensas?
Hay un libro famoso llamado No me hagas pensar: un enfoque de sentido común para la usabilidad web , que explica cómo hacer que tus usuarios piensen (incluso por un segundo) puede causarles frustración con tu sitio, imponer usabilidad etc.
Los usuarios esperan que un control tan común se vea de cierta manera y, de no ser así, se sentirán frustrados. Piense en los automóviles: puede subirse a prácticamente cualquier automóvil y conducirlo, ya que todos los controles clave son muy parecidos: todo es predecible y esperado, lo cual es algo muy bueno .
Por cierto, ¿has pensado qué sucede si el usuario intenta ingresar un nombre muy largo? En su control, parece que el texto estará oculto por el cuadro desplegable o superpuesto sobre él, ninguno de los cuales es bueno. Si, por otro lado, el cuadro de texto y el cuadro desplegable están separados, no obtendrá ese problema (el texto simplemente se desplazará automáticamente horizontalmente).
¿Entonces sus dos razones para diseñar la interfaz de usuario de esta manera son "se ve bien" y "es diferente de lo que hacen los demás"?
En ese caso, mi respuesta sería: no creo que esas sean buenas razones para diseñar una interfaz de usuario de cierta manera. Al crear interfaces de usuario, una de las cosas más importantes para recordar es que no está diseñando para usted, sino para sus usuarios finales.
Eso significa que debe averiguar qué personas visitan su sitio espere, comprenda y haya usado antes. Entonces, por ejemplo, haga una prueba de usabilidad con algunos de sus usuarios donde los observe usando el sitio de un competidor que coloca el cuadro de selección fuera del campo de búsqueda, y luego observe a los usuarios usando su diseño. Vea cuál funciona mejor (puede que no haya diferencia, ya que esta es una pieza bastante pequeña de la interfaz de usuario).
Pero en general, tenga en cuenta que "parece genial" y "Me gusta ser diferente" no lo tomará en serio como diseñador de UI. La mayoría de las veces, necesita tener hechos para respaldar su argumento. Los datos de uso o las métricas son un buen comienzo.
¡Esta pregunta parece digna de una actualización ...
Mantén la calma y combina los controles
Hace siete años (cuando se planteó la pregunta), esto parecía "poco común" para algunas personas. Gracias a Dios por personas como @kawoki que pensaron en preguntar: ¡está bien combinar los controles ahora!
Como industria (especialmente en e-comm y dispositivos móviles) experimentamos combinando controles que se complementaban entre sí. El cuadro de búsqueda de Amazon es un caso por excelencia. Después de un sinfín de pruebas (aún en curso), la experiencia de navegación categórica habitual se minimizó en un menú sutil y el cuadro de búsqueda reinó. Por defecto, es una búsqueda global, pero se puede acceder a las categorías antes mencionadas en el cuadro de búsqueda para limitar el alcance.
La moraleja de la historia
Si una interacción innovadora parece resolver un problema en particular, también podría tener sentido para sus usuarios. No lo descartes como "poco común" - ¡pruébalo!
También vale la pena señalar que es muy probable que la mayoría de los visitantes de la barra de búsqueda sean móviles. No estoy seguro de si el menú desplegable será muy útil para los usuarios de dispositivos móviles.