Consejos para hacer un formulario usable

Imagen de un usuario muy agobiadoDentro de una página Web, los formularios son unos de los elementos más importantes a la hora de evaluar la usabilidad de una página, ya que suelen ser los elementos mediante los cuales un sitio Web le pregunta información al usuario, por tanto si el diseño de los formularios no es fácil de usar, los usuarios no van a gastar su precioso tiempo en introducir datos en nuestro sitio Web.

Por supuesto, depende mucho del formulario concreto que queramos diseñar, pero sin lugar a dudas, éstos son algunos aspectos que debemos tener en cuenta:

  1. Siempre que se puede se deben agrupar los datos. Es decir, si pedimos información como nombre, apellidos, dirección, teléfono, código postal, etc; es bueno agrupar todo estos datos (con el elemento fieldset) bajo el grupo Datos Personales.
  2. Los formularios largos se debe dividir en varias páginas. Cuando un usuario se encuentra ante un formulario muy largo, se desepera y no pierde el tiempo en rellenarlo, por tanto, si estamos obligados a pedir mucha información, es preferible dividir el formulario en varias páginas y para el usuario se hará mucho más ameno la inserción de datos.
  3. Los campos obligatorios debe estar claramente identificados. La norma general y más aceptada es que sean marcados mediante un asterisco o mediante el literal (Obligatorio) u (Opcional), por lo que si hacemos ésto cualquier usuario será capaz de diferencias los campos obligatorios de los optativos. Existen más opciones igualmente válidas, pero nunca utilizar únicamente diferencia de color para distinguir los campos obligatorios.
  4. Usar un orden lógico a la hora de pedir datos. Ésto va a hacer que los usuarios no pierdan su atención en la labor de insertar los datos que le estamos pidiendo.
  5. Informar siempre al usuario. A los usuarios, por regla general, no le gusta el hecho de rellenar un formulario, y aún menos si tienen que rellenar algún dato personal; por tanto, tienen que estar completamente informados de lo que sucederá cuando nos envie ese formulario, por qué le pedimos esa información y para que se va a utilizar. Esto siempre creará un ambiente de confianza entre el usuario y el sitio Web.
  6. Crear una página de error de formulario. Si se produce una error en el formulario, sea del tipo que sea, tenemos que tener una página clara en la que se informe al usuario lo que ha sucedido y como puede solucionar ese error.
  7. Crear una página de confirmación. Si todo el proceso se ha realizado correctamente, se debe mostrar al usuario una página donde se le comunique que se ha rellenado el formulario de forma correcta. Además, si hemos pedido la dirección de correo electrónico, se le debe comunicar la confirmación por email. No debe quedar ninguna duda en el usuario de que sus datos se han recibido correctamente.

Seguro que se pueden añadir más puntos a esta lista, pero sin duda, estos son aspectos que no podemos olvidar a la hora de crear un formulario en un sitio Web, si queremos que sea fácil de utilizar por el usuario.

Enviar a: These icons link to social bookmarking sites where readers can share and discover new web pages.
  • Digg
  • del.icio.us
  • Google
  • Live
  • Meneame
  • Technorati

Entradas relacionadas:

  1. Pauta 9.- Diseñe para la independencia del dispositivo
  2. ¿A qué afecta la usabilidad Web?

Tags:

Si te gustó esta entrada anímate a escribir un comentario o suscribirte al feed y obtener los artículos futuros en tu lector de feeds.

Comentarios

No hay que infravalorar las consecuencias de un formulario bien diseñado The $300 Million Button.
:)

Un fallo común de los formularios largos divididos en varias paginas, es que por un fallo de la conexion o del navegador se puede perder la informacion introducida en paginas atras y no hay posibilidad de recuperarlo. Un formulario mas usable deberia guardar en base de datos cada paso y no solo al final.

Salud!!

Escribe un comentario

(requerido)

(requerido)