Diseño de formularios - Conceptos básicos - Directrices de usabilidad para el diseño de formularios

3 - Directrices de usabilidad para el diseño de formularios

[editar]
Tutorial creado por Josep Casanovas. Extraido de: http://www.alzado.org
30 de Noviembre de 1999
Shneiderman proporciona la siguiente lista de directrices de diseño:

• Dar un título al formulario que exprese claramente su función.
• Las instrucciones han de ser breves y comprensibles.
• Hacer grupos lógicos de campos y separarlos con blancos.
Por ejemplo: nombre, primer apellido y segundo apellido es un grupo lógico.
• Aspecto ordenado alineando los campos y las etiquetas.
• Las etiquetas de los campos deben usar terminología familiar.
• Ser consistente en el uso de los términos, es decir, usar siempre las mimas palabras para los mismos conceptos.
• El tamaño visible del campo debe corresponderse con la longitud del contenido que ha de introducir el usuario.
• Permitir el movimiento del cursor por medio del teclado y no solo con el mouse.
• Permitir que el usuario pueda corregir con libertad los caracteres que ha introducido en los campos.
• En donde sea posible, impedir que el usuario introduzca valores incorrectos. Por ejemplo, impedir que introduzca caracteres alfabéticos en campos que solo admiten valores numéricos.
• Si introduce valores incorrectos, indicar en un mensaje cuales son los correctos.
• Avisar cuanto antes al usuario si ha introducido valores incorrectos. Si es posible, no esperar a que haya rellenado el formulario totalmente.
(En relación a este punto, debo indicar que no estoy totalmente de acuerdo con esta directriz. Muchas veces las validaciones inmediatas pueden ser vividas por el usuario como un control excesivo y frustrante. En artículos posteriores entraré más en detalle en este tema)
• Marcar claramente los campos opcionales.
(De todas maneras, en muchos casos será preferible marcar claramente los campos obligatorios. También en artículos posteriores entraré más en detalle en este punto).
• Si es posible, colocar explicaciones o la lista de los valores válidos al lado de los campos.
• Dejar clara la acción que debe hacer el usuario al terminar de rellenar el formulario.
[editar]

2 opiniones

Muy bueno.

Esta muy bueno este formulario.
Hola.

Muy bien echo me gusto es entendible y sencillo.

Tutoriales relacionados con 'Diseño de formularios - Conceptos básicos'

Nos complace presentar el Plan detallado de consultoría y formación que Luis E. Vásquez ... Más »
Debian es el nombre de una organización dedicada al desarrollo y mantenimiento de sistemas operativos... Más »
Este tutorial te ayuda a conocer el clásico de la creación de páginas web, Microsoft... Más »
Qué son y como funcionan las bases de datos. Trataremos conceptos muy básicos que os... Más »

Autor y licencia de 'Diseño de formularios - Conceptos básicos'


Tutorial de Josep Casanovas. Extraido de: http://www.alzado.org CopyLeft
Alzado está bajo licencia de Creative Commons.
Este contenido ha sido recopilado por el equipo de Wikilearning. Todo el contenido recopilado se ha obtenido respetando y comunicando en nuestro site la licencia de cada fuente.
Wikilearning tiene permiso expreso por escrito de los autores para publicar los contenidos que ha extraído de otras webs, incluyendo su uso comercial.