|
|
Distinguir
forma y función.
Es importante saber que elementos afectan al funcionamiento de la
pagina para cuidar el diseño de los mismos. Aquí
estudiamos el caso de un buscador.
Nota:
Al final de este articulo hemos recopilado ejemplos de buscadores,
en los que la forma es diferente sin variar la función
en ninguno de ellos.
Elementos que componen un buscador.
Tenemos una caja de texto y un botón de buscar.
La caja de texto afecta a la función?
Si.
Si es muy pequeña será mas complicado introducir palabras
largas. Esto depende de cada site, hay sites que están preparados
para búsquedas complejas (altavista, google) con lo que su
campo de texto es mas largo. La longitud del campo de texto la puedes
sacar sabiendo un poco los terminos que la gente va a buscar en tu
site. Si es el típico de compras, términos como pantalón,
Madonna, películas, serán normales, con lo que no será
necesario que dispongas de un buscador muy grande.
Es mejor que el texto que entre sea Arial 12 o equivalente. Esto ayudara
a la gente a corregir el texto si se han confundido en alguna letra.
Afecta el tamaño y forma del botón
de "buscar" a la función? Si.
Es mejor que el botón sea del sistema y no grafico, por que
pesara menos.
Es mejor que sea algo grande por que será mas fácil
de pulsar.
Es mejor que este al lado de la caja de texto por que asi formaran
un bloque único y tendrá consistencia.
Afecta el color de fondo al funcionamiento? No.
Que el fondo sea oscuro, claro, no afecta dramáticamente al
funcionamiento por lo que podremos variarlo para adecuar el aspecto
a nuestro site.
Afecta que tengamos mas opciones, a parte de "buscar"?
No.
Si nuestro buscador requiere de mas opciones, un combo, mas botones,
links a categorías, esto enriquecerá la búsqueda
y el usuario ejecutara la tarea de una forma mas precisa. Pero no
debemos olvidar el fundamento de la herramienta: escribir un texto
y pulsar "buscar".
Procura estándarizar todos los elementos cruciales para la
navegación.
Otros elementos "estándar" de un site que
debemos cuidar:
- El botón
de home. Procura que sea algo grande y con la palabra "home"
o equivalente, subrayada. Los iconos no suelen funcionar.
- El enlace
subrayado de color azul. Sin subrayar cuesta adivinar que
es un enlace y en otros colores puede crear confusión,
pero esto afecta menos, por lo menos se recomienda tener un cierto
contraste con el fondo. En próximas ediciones veremos hojas
de estilo que merecen la pena.
- El donde
estoy. Es bueno que esto sea pinchable, este subrayado y la
división entre elementos este clara.
- Los botones
gráficos. Es bueno que sean cuadrados, que la palabra
dentro este subrayada, que los limites del botón estén
claramente indicados y que pesen poco.
Cualquier modificación de estos elementos, quitar el subrayado,
indefinición de áreas donde se puede pinchar, afecta
a la función por lo que nuestro site funcionara peor.
A continuación vemos una serie de buscadores, todos
ellos diferentes pero igual de funcionales. Algunos incluyen mas
opciones, mas botones, color de fondo, etc… pero el funcionamiento
es el mismo y es correcto.
Elige el que mas te guste y copialo.
Buscador de Yahoo.com. Este es el mas famoso de
todos y un buen ejemplo a imitar.
Buscador de AOL.com. El color de fondo ayuda a resaltar
el buscador.
Buscador de BN.com. El termino "quick
search" potencia el uso.
Buscador de Amazon.com. Un clasico. El boton de
"go" no entorpece la busqueda.
Buscador de altavista.com. Junto al de Google
estos son de los "expertos".
Buscador de Google.com. Experto y sencillo.
Buscador de Etrade.com. Este buscador esta limitado
por la funcion. Solo sirve para quotes.
|
