Consideraciones sobre Usabilidad para Aplicaciones Web Móviles

Respecto a la usabilidad en aplicaciones web móviles deben tenerse en cuenta ciertas reglas, a nivel general serían estas:

  • Se debe considerar el contexto en el que se utiliza el dispositivo.

  • Mantener un diseño simple (Keep It Simple): incluyendo:
  • Optimizar la Navegación lo que eliminará errores por parte del usuario y facilitará el acceso directo al contenido deseado.
  • Minimizar el número de interacciones con el usuario para acceder a las funcionalidades comunes.
  • Crear Navegación activa: Creación de Breadcrumbs, Barra de Navegación. Indicará al usuario donde se encuentra en cada momento.
  • Posibilitar el acceso a la web completa desde la web móvil: el usuario siempre puede poder elegir ir a la web completa.
  • Eliminar elementos superfluos.
  • Diseño orientado al dispositivo: Hay muchas diferencias entre dispositivos que cuentan con ratón como un Pc de sobremesa y dispositivos táctiles.
  • Dedos son más grandes que los punteros de ratón, esto debe tenerse en cuenta para diseñar la navegación por clicks.
  • Los eventos se comportan de forma diferente.
  • Crear diferentes Layouts para diferentes dispositivos siempre que sea posible.
  • Respetar el Look&Feel característico de cada dispositivo.
  • Considerar distintos dispositivos y crear una versión básica para el caso en el que no se soporte el formato del mismo.
  • Considerar cambios de orientación del dispositivo y proveer layout fluidos para esas situaciones.
  • Conceptos de diseño:
  • Minimizar la introducción de texto por parte del usuario: es una tarea difícil en dispositivos móviles)

  • Añadir elementos clickables: Incluso los elementos estáticos (p.e. etiquetas) que acompañan a los campos en los formularios para facilitar la selección del campo al que acompañan.
  • Añadir autofoco a los campos de los formularios.
  • Aumentar el área de pulsación de los link para facilitar su uso.
  • Utilizar únicamente scroll vertical y limitar su uso.
  • No utilizar Pop-ups o ventanas emergentes.
  • Minimizar el uso de imágenes y usarlas de tamaño reducido.
  • Utilizar el alto de línea e interlineado para aumentar la legibilidad.
  • Utilizar los espacios blancos para agrupar elementos.
  • Limitar la utilización de Flash.
Seguir

Recibe cada nueva publicación en tu buzón de correo electrónico.

Únete a otros 515 seguidores

A %d blogueros les gusta esto: