Saltar navegación
Contacto: (+34) 670 230 483

Usted está en: Inicio > Blog > El encanto del movimiento

El encanto del movimiento

Escrito por A. Fidalgo el 20 Jul 2011

The Elements: A Visual Exploration es una de las aplicaciones creadas específicamente para el lanzamiento de iPad que tuvo más repercusión. Aunque reúne características de libro, película, televisión, juego, etc. su creador, Theodore Gray, se refiere a ella como ebook, y es uno de los ejemplos de hacia dónde se dirige el futuro de los libros digitales.

Después de reconocer y disfrutar la belleza y alta calidad de sus imágenes, de lo atractiva que resulta la interacción, de lo esperanzador del futuro hacia el que apuntan los ebooks, es necesario realizar alguna crítica y analizar algunos de sus problemas desde el punto de vista de usabilidad, por ejemplo, en su uso de la animación.

En esta aplicación se usa de forma adecuada la animación, por la calidad excelente de la imágenes de los elementos girando, que permiten apreciar la textura de los mismos y sus diferentes ángulos, así como por la animación sutil que comunica que algo se puede tocar y mover, que se puede interactuar con él directamente. Pero también se abusa de ella, por ejemplo, los elementos moviéndose en la página inicial distraen y dificultan su identificación.

En la página principal del ebook se muestra la tabla con la tradicional clasificación de los componentes químico, pero en movimiento (ver vídeo más abajo). Pero la animación de todos los elementos es excesiva, son demasiados estímulos simultáneos de diferentes formas, colores, tamaños, etc., lo que hace difícil focalizarse, tanto movimiento provoca la distracción. Por otro lado, nada destaca del resto, hay una falta de jerarquía visual, con lo que el usuario no sabe por dónde empezar.

Elements_1.jpg

La tabla sirve como puerta de entrada hacia los distintos elementos, es un elemento de navegación, pero la animación, junto al reducido tamaño y el color poco visible de los símbolos o números identificativos, hace que sea difícil ver esta entrada, que sea complicado identificar o localizar dónde está el elemento que interesa. Además, pocos componentes químicos se pueden identificar por la imagen en movimiento que se presenta en la portada, con lo que la visibilidad dificultada de los identificadores textuales es más necesaria.

Las personas tenemos una capacidad limitada de atención, y sólo podemos atender a pocos estímulos cada vez. Si se intenta atraer la atención en múltiples direcciones a la vez, se exige un esfuerzo adicional, se genera estrés, lo que puede llevar a olvidar el contenido.

El abuso del movimiento puede eclipsar el contenido sin añadir valor al usuario. Seguramente que atrae la primera vez, pero después molestará porque dificulta y esconde el contenido. El valor de la calma y de la claridad, se descubren como virtudes a recuperar frente a la densidad y la animación excesiva.

En la página específica de cada elemento destaca la imagen en movimiento, que ocupa dos tercios de la misma. El ebook aprovecha la alta resolución de la pantalla del iPad mostrando vídeos de gran calidad. Se muestra el elemento por todas sus caras, rotando la imagen 360º.

Elements_2.jpg

Las características de este tipo de animación hacen atractiva la información, despiertan el interés por la tabla de elementos. Sin embargo, esta página, además de generar interés y transmitir contenido visual, también debe comunicar otros datos, que están situados en la columna derecha. Un mayor equilibrio entre la animación y los datos (cambiar) podría ser más adecuado.

En cambio, en la página de información adicional se utiliza la animación de forma adecuada para intentar solucionar uno de los problemas de usabilidad de los que se acusa con frecuencia a las aplicaciones para iPad, la falta de discoverability, es decir, la ausencia de características en la interfaz que comuniquen a los usuarios que se puede interactuar, y cómo, con algún elemento. Muchas personas que utilizan el iPad suelen no ver ninguna pista en las pantallas que les sugieran o inviten a tocar.

Elements_3.jpg

Al llegar a esta segunda página de información, los elementos u objetos se mueven, rotando sobre sí mismos, durante unas décimas de segundo, transmitiendo así a los usuarios que se pueden mover con los dedos. Muestra y enseña, sin molestar, cómo interactuar.

Además, es en esta página donde la interacción táctil es más atractiva y más útil, Cada uno de los objetos que se presentan se pueden girar con los dedos, como autenticas representaciones del mundo real. Se pueden dar vueltas y ver las distintas caras de los mismos. Esta adecuada conjunción de texto e imágenes, hace que dé la impresión de que las cosas son tangibles, casi físicas, con las que pasar tiempo jugando y aprendiendo. Como ocurre con la animación que se ofrece en la página de detalle, siguiendo las recomendaciones de la guía de estilo de Apple para el iPad, añade que añadiendo gran realismo al objeto, una especie de dimensión física, que atrae al usuario y le hace disfrutar usándolo.

Elements_4.jpg

Los nuevos dispositivos permiten y facilitan el diseño de nuevas interfaces atractivas, favorecen la investigación de formas de expresión y comunicación innovadoras, pero siempre se debe pensar primero en el contenido, en lo que se quiere transmitir. No se pueden convertir en un fin en si mismos, en un tentador lucimiento vacío y efectista, en pura exhibición y floritura. El objetivo es transmitir el mensaje deseado de la mejor y más atractiva forma.

 

Ver cómo Theodore Gray muestra en un vídeo el proceso de creación de la aplicación.

Etiquetas:




Últimos tweets de Usolab

  • Ups, parece que ahora mismo no podemos mostrar nuestros tweets.

Proyectos propios

Bankimia

Bankimia es un comparador de productos financieros.

Actualmente ofrece información sobre hipotecas, depósitos bancarios, cuentas y préstamos de 42 bancos y cajas.