Muchos sistemas operativos modernos han captado a la perfección que allí donde haya una lista, resulta útil un cuadro de búsqueda para filtrarla y mostrar únicamente los elementos que en ese momento nos interesan.
Mac OS X lo hace magistralmente bien en el “Panel de Preferencias del Sistema” cuando, a medida que vamos añadiendo caracteres al cuadro de texto, ilumina aquellos iconos que contienen opciones que coinciden con nuestra búsqueda, al mismo tiempo que sugiere otras que bien podrían ser lo que andamos buscando.
Precisamente, las dos principales características que exhibe el competente cuadro de búsqueda de Mac OS X: 1) Sugerencias de búsqueda y 2) Actualización de los resultados a medida que se introducen nuevos caracteres (lo que se ha venido a llamar “live search”), son las características esenciales que no pueden estar ausentes en un cuadro de búsqueda actual que se tenga por moderno y avanzado.
Google respalda esta opinión con hechos, pues hace tiempo que incorporó la primera característica a su motor de búsqueda, bajo el nombre de Google Suggest, y sabemos que ahora anda coqueteando con la segunda. Sólo es cuestión de tiempo que la implemente a gran escala, pues las ventajas son numerosas, tal y como se aprecia en el video que se enlaza.
Una tercera característica interesante que puede añadirse a un cuadro de búsqueda, no tan extendida ni conocida como las anteriores, pero igualmente útil es el “algoritmo de puntuación de cadenas de texto de QuickSilver”, o como lo llaman en inglés: QuickSilver string ranking algorithm.
En términos prácticos, este algoritmo toma una abreviatura, la contrasta con la lista de elementos disponibles e interpreta (pasmosamente bien) cuál es su significado más probable. Gracias a él, por ejemplo, Quicksilver me sugiere Textmate, Time Machine y Temperature Monitor con tan solo teclear “TM”. Cuando te acostumbras a esto, nunca más vuelves a teclear el texto de tus búsquedas al completo. Es la ley del mínimo esfuerzo en acción.
Mientras indagaba cómo incorporar estas características al cuadro de búsqueda de un web en la que trabajo, me he encontrado con la grata sorpresa de que el camino ya ha sido allanado.
Aquí encontrarás un plugin jquery que implementa el algoritmo de Quicksilver:
http://orderedlist.com/our-writing/blog/articles/live-search-with-quicksilver-style-for-jquery/
Y aquí lo mismo que en el enlace anterior, pero portado a jQuery de un modo más elegante:
http://ejohn.org/blog/jquery-livesearch/
En lo que tiene que ver con la sugerencia de búsquedas, este plugin jquery es todo cuanto se necesita:
http://jqueryui.com/demos/autocomplete/
Ahora sólo hace falta ponerse a cocinar e integrarlo todo junto 
{ 0 comentarios }