¿Por qué los formularios están a veces tan mal diseñados? ¿Qué hace que debamos rellenar infinidad de campos inútiles? ¿Pq se borran sólos o hemos de repetir mil veces la info al meter un dato mal?
¿Tan difícil es diseñar formularios sencillos de usar?
Unos sencillos consejos a partir de las directrices de Shneiderman:
• Explica para qué es el formulario. Tus usuarios generalmente saben leer, pero no es tan seguro que sean adivinos.. sirve de ayuda saber para qué estás dando los datos y qué vas a conseguir con ello.
• Instrucciones breves y fáciles de entender.
• Haz grupos de campos y separalos entre sí.
• Aspecto ordenado alineando los campos y las etiquetas (por un lado nombre, por otro dirección física, por otro medio de pago, por otro contacto online..)
• Usa terminología que entienda tu usuario en los nombres de los campos. Detente a pensar qué terminología usa tu usuario, dependiendo de para quién sea la página podrás emplear una terminología u otra.
• Usa siempre las mismas palabras para los mismos conceptos, sé consistente. Parece sencillo, verdad?.
• El tamaño de las cajas que se han de rellanar aporta pistas al usuario sobre la longitud del contenido. Aprovechate de ello, ajusta el tamaño de las cajas a la longitud del dato a poner.
• Tus usuarios han de ser capaces de usar el teclado para desplazarse por el formulario.
• Que sea fácil corregir los datos que se insertan mal por error. A ser posible, limitar la posibilidad de error, limitando el tipo de datos que se pueden incluir en cada campo. Usa los menús desplegables con corrección.
• Si el usuario introduce valores incorrectos, indícale cuáles son. Y avísale cuanto antes! No esperes a que haya rellenado el formulario totalmente!
• Resalta los campos obligatorios (es obligatorio por ley, no son manías).
• Si es posible, coloca explicaciones o un ejemplo de dato válido al lado de los campos.
• Que quede claro cuándo se ha terminado de rellenar el formulario, que sea fácil dar continuidad al proceso (botón «Enviar» fácil de ver y pulsar..), y confirma la recepción de los datos (invita al usuario a continuar la navegación desde esa pantalla de confirmación ofreciendole links relacionados con su anterior navegación).
Otros enlaces en del.icio.us.
Destacaremos:
- Olga Carreras
- Maestros del Web
- Rediseño del formulario de eBay (muy interesante)