La siguiente es una publicación invitada de Brin Wilson de WinningWP. Brin me escribió queriendo hacer un poco de publicidad para su sitio. Por supuesto, lo aceptaría felizmente, pero aún mejor, dado que Brin es un escritor técnico de todos modos, ¿por qué no escribir una publicación como invitado? Eso siempre es ganar-ganar, y como él tuvo una buena idea de todos modos… ¡quítatela Brin!
Si estás leyendo esto, supongo que eres alguien a quien le importa la experiencia del usuario. Al igual que yo, apuesto a que probablemente ha pasado innumerables horas tratando de perfeccionar hasta el último detalle de su sitio: desde asegurarse de que todo se vea como debería en numerosos dispositivos diferentes hasta crear una página 404 entretenida y/o útil. Pero, ¿alguna vez ha considerado lo que sucede cuando las personas buscan en su sitio utilizando la funcionalidad de búsqueda que ha proporcionado (es decir, generalmente un cuadro de búsqueda simple ubicado en algún lugar cerca de la parte superior de la página) pero sin darse cuenta presionan Intro sin haber escrito nada?
Mirando alrededor de la web, parece que no hay un consenso real sobre lo que debería suceder en este escenario de caso límite particular. De hecho, incluso la gran mayoría de los blogs de diseño web líderes en la industria parecen no dar un consenso real sobre lo que debería o no debería suceder.
Algunos ejemplos de búsquedas vacías
Recargar / Redirigir a la página de inicio
Los ejemplos familiares incluyen: Web Designer Wall y Team Treehouse Blog.
En estos casos, es probable que se trate de un tema de WordPress que 1) usa la búsqueda predeterminada de WordPress y 2) le falta un archivo de plantilla search.php (o la plantilla es esencialmente la misma que la página de inicio). Por lo tanto, la página de inicio predeterminada se cargará sin filtro de búsqueda, lo que significa que no se aplica ningún filtro y verá lo que normalmente se encuentra en esa página. No está muy claro lo que está pasando.
Hacer nada
Los ejemplos familiares incluyen: Codrops y Sitepoint.
El cuadro de búsqueda simplemente no hace nada y/o se cierra solo.
Nada buscado / Nada encontrado
Los ejemplos familiares incluyen este mismo sitio, es decir, Programar Plusy, de hecho, actualmente mi propio sitio WinningWP.
Aparece un resultado predeterminado que cita lo que el usuario haya buscado (en este caso, nada) y no se muestra ningún resultado. Algo así como lo contrario de los primeros ejemplos donde, debido a que no hay un filtro de búsqueda, se encuentra todo. Pero también está en una página de búsqueda clara, por lo que ha ocurrido alguna acción.
Nada busca / Todo lo encontrado
Los ejemplos familiares incluyen WebDesignerDepot y Code Tuts+.
Aparece una lista de las publicaciones más recientes.
completamente en blanco
Ejemplos familiares incluyen Smashing Magazine y Designmodo.
Aparece una lista completamente en blanco de resultados de búsqueda.
borracho
Los ejemplos familiares incluyen TheNextWeb y 1stWebdesigner.
La página parece (o dice) que está rota.
Un mejor resultado
Entonces, ¿qué se debe hacer que suceda? Bueno, podría decirse que usar el atributo ‘requerido’ contribuiría a mejorar la experiencia del usuario en los navegadores que admiten esta parte de HTML5.
<input required type="search" name="q" id="q">De este modo, simplemente evita que los usuarios con navegadores más modernos puedan realizar una búsqueda en blanco en primer lugar (como lo demuestra el comportamiento de cuadro de búsqueda vacío en Speckboy Design Magazine). Aquí hay un ejemplo de formulario completo:
<form id="search-form" action="/search-results/">
<div>
<label for="q" id="search-label">
Search
</label>
<input required aria-labelledby="search-label" id="q" type="search" name="q" class="search-field" value="">
<input type="submit" value="Search" class="screen-reader">
</div>
</form>
Nota del editor: actualicé el formulario de búsqueda aquí para usar required porque parece una mejora fácil/obvia.
Pero, ¿qué pasa con los navegadores que no son compatibles? ¿Es esto lo suficientemente bueno? Y más concretamente: ¿podemos hacerlo mejor?
Personalmente, soy de la opinión de que este tipo de búsquedas con cuadros de búsqueda vacíos tal vez podrían servir mejor al usuario al hacer que arrojen un resultado que le diga al usuario que ha realizado una búsqueda, pero de alguna manera logró salir del cuadro de búsqueda. vacío. Tal vez en una especie de estilo humorístico de 404 páginas. Aunque, dicho esto, me doy cuenta de que esto podría estar exagerando y probablemente sería un poco inapropiado para algunos sitios web.
Quizás una de las experiencias de usuario más agradables (sugerida por Chris después de ver el primer borrador de esta publicación) podría proporcionarse al llevar al usuario a una experiencia de búsqueda de página completa realmente bien diseñada: quizás con la adición de algunos términos de búsqueda populares sugeridos .
O tal vez la búsqueda en blanco es demasiado complicada como para preocuparse, especialmente en sitios con un tráfico relativamente bajo.
¿Alguna otra sugerencia sobre qué es mejor devolver cuando un usuario deja el cuadro de búsqueda vacío? ¿Existe alguna posibilidad de que el usuario haya hecho clic en buscar por accidente o haya tenido otra suposición sobre lo que haría? ¿Pensamientos?