No es un diseño receptivo típico, pero la interfaz de búsqueda de Google debería ser un buen ejemplo para observar e inspirarse. Básicamente, mantenga las cosas simples y tenga una estrategia móvil primero. No he diseñado ninguna interfaz de búsqueda de este tipo, pero si tuviera que hacerlo, así es como lo haré:
1. Busque el control de entrada y un menú desplegable (botón de icono único en el extremo derecho) para los filtros en la parte superior. El usuario puede querer cambiar rápidamente la palabra clave de búsqueda o filtrar los resultados. Es por eso que siempre debe estar presente donde generalmente lo encuentran primero, en la parte superior. En pantallas grandes, es posible que desee mover los filtros a un lugar separado, como justo debajo de la entrada de búsqueda en una barra separada (diseño actual de búsqueda de Google) o en el lado izquierdo de los resultados de búsqueda (antiguo diseño de búsqueda de Google). Habilite la sugerencia automática para la entrada de búsqueda. También puede considerar tener la función de resultados de búsqueda instantánea.
2. Mantenga las estadísticas de búsqueda al mínimo, solo el número de resultados. Puede ponerlo debajo de la entrada de búsqueda y justo encima de los resultados de búsqueda. Puedes ignorarlo por completo en pantallas pequeñas.
3. Después de la entrada de búsqueda y las estadísticas vienen los resultados de búsqueda. Un elemento de resultado por fila. Manténgalo lo más pequeño posible en pantallas pequeñas sin dejar de revelar suficiente información. Separe los resultados de búsqueda con espacios en blanco.
- ¿Qué ejemplos hay donde un objeto doméstico es hermoso pero tiene una funcionalidad atroz?
- Como diseñador en una gran empresa, ¿cómo debo buscar un trabajo en una startup?
- ¿Cuáles son los desafíos clave de diseño y prueba en la tecnología portátil?
- ¿Por qué los documentos impresos en casa se ven tan diferentes de una empresa de servicios de impresión?
- ¿Cuál es el futuro del diseño del producto?
4. Luego viene la paginación. Creo que el estilo de Facebook / Quora “cargar más resultados cuando se desplaza para finalizar” es más efectivo que la paginación numerada. En la mayoría de los casos, los usuarios no querrán pasar de la página 1 a la página 10. Simplemente les gustaría llegar al siguiente conjunto de resultados. Dudo que muchos vayan más allá de 4-5 páginas de todos modos.
Eso es. UX probado y confiable para una búsqueda receptiva.