Usabilidad en móviles - Primer menu del proyecto

Los dispositivos móviles son cada vez más utilizados y tienen un rango de usuarios cada vez más amplio y como la usabilidad es uno de los puntos claves para que una aplicación móvil tenga exito, empece a investigar que cosas debo de tener en cosideración para este aspecto.

Baja resolución
Según la investigación de Jones, et al(1999) el monto de resolución afecta la manera en que un usuario busca y consume la información por tanto los consejos que da son:
Minimizar el monto de scrolling que se requiere para buscar una información
Incluir mas opciones para búsquedas

[Imagen obtenida de: http://asset2.cbsistatic.com/cnwk.1d/sc/33959020-2-440-BUTTON.jpg]

La cantidad de contenido
Al tener pantallas mucho mas pequeñas, la cantidad de contenido de una ventana tiene que reducirse puesto que podría ser molesto para el usuario tener mucha información pequeña e ilegible o simplemente que se pierdan los puntos vacíos de descanso.

[Imagen obtenida de: http://techybloggerz.com/wp-content/uploads/2012/04/Mobile-web-designing.jpg]

Velocidad de descarga
Al aumentar el tiempo en el que el usuario carga una página o descarga un archivo, estamos aumentando las posibilidades de que el usuario pierda la atención en nuestra interfaz. Yo utilizaría las menos llamadas posibles a servidores o reduciría la cantidad de datos que se mandan y reciben a los mismos

Distribuir el contenido en una sola columna
En caso de paginas Web que están dividas en 2 o 3 columnas, al entrar a estas en un dispositivo móvil el ancho reducido de estos provoca que las columnas innecesarias para la atención del usuario afecten el tamaño y la visibilidad de la columna principal, por tanto poner una prioridad a columnas en dispositivos móviles puede ser una buena opción.

[Imagen obtenida de: http://www.design-mobile-websites.com/images/mobile-website-comparison.jpg]

Usuarios fisicamente impedidos
En una prueba hecha por Chen(2008) se comparo usuarios físicamente impedidos con usuarios que no, se le pidio a ambos que llevaran a caso los mismos tipos de tareas, utilizando dispositivos móviles con acceso a la Web y el resultado mostró que usuarios físicamente impedidos tenían la misma proporción de error que los que no, así que en la entrada de datos deberían sostenerse los sistemas que ya existen puesto que sirven bien para todos los usuarios por igual.

Navegación Web
Al presentar solo una parte del contenido de una página Web en un dispositivo móvil, minar la información necesaria de una página Web se vuelve mas difícil, por que por ejemplo en una pagina de wikipedia con una gran cantidad de información, presentada en una sola columna, el usuario podría pasar varios minutos moviendo la barra de navegación antes de encontrar la información que busca.

Para esto en la página http://www.webcredible.co.uk/ se muestran los siguientes consejos:

• Las herramientas de navegación y búsquedas van en la cima de la pagina principal y dejar el contenido para las páginas posteriores. Lo cual es muy útil para sitios en los que el usuario quiere navegar y buscar información en lugar de solo leer el contenido.
• Poner herramientas de navegación también abajo de la página, los usuarios no tienen que volver a la cima para buscar más información y no afecta a la forma de acceder a la información.
• Poner las herramientas de navegación en un link desplegable.
• Solo ofrece un botón para volver atrás en páginas que no sean la principal.

[Imagen obtenida de:http://www.utdallas.edu/news/imgs/photos/iphone-mobile-image-2010-04.jpg]

Minimizar las entradas de texto
Las interfaces de texto de los aparatos móviles pueden ser mas complicadas de utilizar que un teclado normal y esto puede conllevar a un mayor tiempo y mayor cantidad de errores al introducir un texto por tanto esto es algo a tomar en cuenta.
Algunas de las formas para reducir la dificultad de introdcir texto son:

• Permitir a los usuarios usar opciones de autocompletar.
• Preguntar a los usuarios por un número de identificación mas que por una contraseña
• Utilizar herramientas integradas en el móvil como sensores, llamadas o ver mapas con direcciones, etc.

Diseñar para usuarios con pantalla táctil y usuarios sin ella.
Los telefonos inteligentes con pantallas no tactiles tambien son ampiamente utilizados y vale la pena tomarlos en cuenta si se va crear una aplicación o página web para moviles. Por tanto cosas como botones o links deberian ser reservados para cosas importantes

[Imagen obtenida de: http://web3.0designmiami.com/mobi/mobile_web_page_design_miami_microbrowser_2.jpg]


Primer menú del ajedrez
Esta idea de la publicación vino de la idea de crear un menú para el ajedrez y una vez investigado lo mencionado anteriormente este fue mi resultado:

Código XML:

    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:background="@drawable/background"
    android:orientation="vertical" >
    
-

Ventana:

La imagen de fondo del menú fue obtenida de la página:
http://www.personal.psu.edu/mlr5095/images/TurnedChessPieces.jpg

Referencias:
http://www.uxmatters.com/mt/archives/2010/09/usability-for-mobile-devices.php
http://www.usability.gov/articles/newsletter/pubs/052010news.html
http://www.webcredible.co.uk/user-friendly-resources/web-usability/mobile-guidelines.shtml