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.