Diseño de Interfaces en Móviles

Esta entrada va a estar dedicada al análisis de interfaces de los móviles, el efecto que tienen en los usuarios y que tan prácticos pueden ser, es decir, ubicación de botones, el área de acción de un botón, etcétera.

 

En el siguiente artículo, hablan acerca de las áreas que la pantalla de un teléfono tiene, habla sobre el diseño de las interfaces y cómo los dedos pueden afectar el uso del dispositivo, como áreas en esquinas: Design for Fingers and Thumbs Instead of Touch.

 

 

Aplicación:

Arirang Radio.

Descripción:

Arirang Radio es el primer estación de radio de Corea, proporcionando datos e información sobre Corea para extranjeros.
Arirang Radio se transmite las 24 horas del día. La estación ofrece una amplia variedad de música, incluyendo tradicional, clásico, pop, mainstream, música del mundo, así como la información, incluyendo las noticias, temas de actualidad, la cultura, la vida, el tiempo y el tráfico.

Interfaz:

La imágen a la izquierda muestra la interfaz en un dispositivo para Android, la forma en que se vería ante el usuario, mientras que la imágen de la derecha muestra una especie de Wireframe sobre la misma interfaz. Lo que se puede notar es que el área de acción entre los botones o enlaces es bastante amplia, de manera que el usuario no pueda cometer errores al querer uso de las mismas. El área de acción de cada botón es 6 de largo y 2 de ancho, tanto el thumbnail como el texto ofrece un área fácil de acceder.

Esta es otra imágen de la misma aplicación, nos fijamos y vemos que todo se ve bien, pero el detalle es que en la parte inferior derecha podemos ver 3 botones diferentes, muy pequeños y demasiado cerca a la esquina u orilla. De acuerdo con el artículo esto puede causar diferentes problemas, el usuario no da con el botón que quiere usar y no se siente en total control de la aplicación.

Aplicación:

Cinépolis

Descripción:

Te permite accede a la cartelera, horarios, puedes comprar en la misma aplicación, elegir tus asientos, puedes dar permiso a la aplicación para accede a tu ubicación y te recomiende el cine más cercano.

Interfaz:

De la misma manera que el anterior, se muestra la interfaz de la app, esta vez para un Windows Phone. Si nos fijamos en el Wireframe podemos ver que al área de los botones es muy amplia para facilitar el acceso a los enlaces. La aplicación no cuenta con botones que se encuentren en´las esquinas u orillas.

La siguiente imágen es la pantalla donde debes elegir los asientos que quieres para ver una película y a primera vista podría ser una tarea a lo mejor complicada, la mejor solución sería utilizar el zoom que te permite hacer el celular, la tarea o acción se facilita, pero ¿qué pasa cuando, por ejemplo, contamos con una pluma especial que te permite elegir con aún más precision lo que necesitas? Podría ser que los botones esquinados o pequeños ya no presenten tanto problema, o podría ser el  problema siga ahí, sería cuestión de probar con diferentes personas y ver los resultados.

Aplicación:

CNN

Descripción:

La app te permite ver las noticias o eventos que pasaron alrededor del mundo. Puedes marcar artículos para leerlos más adelante o crear tus propios reportes.

Interfaz:

En esta app el espacio entre artículos no es tanto, pero se compensa con el tamaño del thumbnail y el encabezado. Esta aplicación tampoco maneja íconos en esquinas o fuera del alcance del dedo pulgar. Aunque este aspecto, pienso yo que, ya tiene que ver con el tipo de celular que tienes en cuanto a tamaño.

Aplicación:

NBA Game Time

Descripción:

Te permite ver el calendario de los partidos, verlos a traves de tu celular, ver las estadísticas, y noticias relacionadas al deporte.

Interfaz:

De igual manera, la ubicación de cada botón ofrece un fácil acceso a cada uno de los enlaces, pero lo que sobresale de las aplicaciones que hemos visto es que el tamaño de un botón o enlaces son lo suficientemente grandes para que no se cometa un error al hacer uso de ellos. Esta aplicación cuenta en la parte inferior con botones pequeños que te llevan a la siguiente página, anterior o actualizar los datos. lo interesante es que, al ser pequeños y la ubicación que tienen no presentan ningún problema. Pienso que puede ser al espacio que hay entre ellos.