Una página de internet debería ser obvio. Usarla debería requerir el mínimo posible de uso cerebral. No es casualidad que los grandes sitios de la web tiendan a ser cada día mas sencillos y predictivos. Todos persiguen el mismo objetivo: No hacer pensar a los usuarios.

Hay elementos y formas de hacer nuestros sitios, que ya son conocidos y resultan naturales para su uso. En este artículo enunciamos una lista de Tips de Usabilidad que podrían servirles a la hora de diseñar y desarrollar tu próximo sitio web

Tips de Usabilidad

Esta es la lista que utilizamos como ayuda de memoria en nuestro equipo de desarrollo:

  • Textos en castellano
  • Colores y estilos unificados
  • Evitar el scroll horizontal
  • Evitar la paginación de resultados
  • Usar tooltips en los campos de ingreso
  • Todas las pantallas con botón "Volver" o "Cancelar"
  • Nombres de botones distintos para acciones distintas
  • Botones de confirmación al final del formulario
  • Campos obligatorios con valores fijos siempre con defaults sensatos
  • Combos ordenados alfabéticamente
  • Tabs ordenados
  • Ocultar campos que no se puedan completar
  • Usar mensajes de error descriptivos
  • Avisar ante operaciones que demoren mucho tiempo (Cargando...)
  • Focus inicial en donde corresponda
  • Agregar tooltip a los botones con imágenes
  • Agrupar los campos relacionados

Casos que se deberían contemplar

Hay casos típicos que los usuarios (sobre todo los de testing) suelen chequear. De nuevo, a continuación compartimos la lista de chequeos que aplicamos sobre nuestras páginas:

  • Caso correcto
  • Vacios en campos obligatorios
  • Usar alfanuméricos en campos numéricos
  • Validaciones haciendo copy-paste en el campo
  • Fechas en todos los formatos y rangos posibles
  • Case sensitive
  • Campos de texto con espacios
  • Caracteres "raros" (ñ, acentos, etc.)
  • Verificar datos guardados en la base de datos
  • Probar botones de "siguiente" y "volver"
  • Mensaje de error coherente para el error cometido
  • Botón de refrescar del navegador
  • Botón de volver del navegador
  • Seguridad de la página activada
  • Probar en la resolución de pantalla del usuario
  • Probar el comportamiento de la pagina al llenar los campos en un orden diferente al natural, por ejemplo empezando por el ultimo.

Para terminar

Estas son solo alguna de las cosas a tener en cuenta cuando hacemos aplicaciones para la web. Existen infinidad de tips mas, nos ayudan a completar la lista?

Inspiración.

"Si tú tienes una manzana y yo tengo una manzana e intercambiamos las manzanas, entonces tanto tú como yo seguiremos teniendo una manzana cada uno. Pero si tú tienes una idea y yo tengo una idea, e intercambiamos las ideas, entonces ambos tendremos dos ideas"

Bernard Shaw