Prueba Velneo Gratis

Te ofrecemos todo el poder de Velneo durante 1 mes para desarrollar la aplicación que tu empresa necesita.

Saber más
Thank you! Check your email for confirmation.

Tip 18. Interfaz usuario: Elimina el ruido de los formularios

Simplifica el número de elementos visuales

Debemos recordar que todos los elementos que se muestran en una interfaz son procesados mentalmente de forma inconsciente por el usuario. Cuando digo todos, no sólo me refiero a las etiquetas, los campos y los botones, sino también a cada mínimo elemento que forma la interfaz: líneas, iconos, colores, separadores, etc.Como es importante generar experiencias positivas, o como mínimo neutrales, si aplicamos simplicidad reduciremos significativamente la carga cognitiva y esto facilitará el modo en que el proceso de información es asimilado por el usuario.

Claves

Las claves para simplificar un formulario son:

  • Reducir el número de elementos de la página (columnas, número de campos, etc...) a los mínimos necesarios.
  • Eliminar repeticiones innecesarias. Por ejemplo, si el usuario ha rellenado la dirección de facturación, no mostrar ni obligar a rellenar la dirección de envío si no es necesario, preguntarle si quiere que sea la misma.
  • Minimizar el uso de cajas, bordes y líneas.
  • Aumentar los espacios en blanco para favorecer el descanso de los ojos y facilitar la visualización.
  • En las interfaces donde se realicen algunas tareas (alta de cliente, acceso, etc...) reducir elementos que distraigan (menú global, menu secundario, breadcrumbs, etc.)
  • Limitar las instrucciones al mínimo.

Algunos ejemplos

Tip20-ejemplo-01

Los fondos (1) de las celdas añaden información que es redundante, pues las etiquetas y los campos ya forman una estructura. Las líneas (2) aunque son se color blanco y pertenecen al fondo, también generan un ruido visual innecesario. Estos elementos “inocentes” y la forma en la que están dispuestos, generan pausas cuando el usuario realiza el escaneo a través de los campos y las etiquetas (3) , haciendo más pesada la tarea de cubrir el formulario.

Tip20-ejemplo-02
Tip20-ejemplo-03

Eliminando elementos superfluos, alineando campos y añadiendo espacio en blanco se consigue tener un formulario más despejado que de entrada no va a dar la sensación de opresión, pesadez y complejidad que da la versión con los fondos y los separadores de filas.

Referencias

Usolab.El precio de la usabilidad en los formularios. Usolab.Formularios usables: 60 directrices de usabilidad. Olga Carreras.

Dani Costas
22/7/2013
Regístrate ahora y nuestro equipo se pondrá en contacto muy pronto