Animación: ¿Cuáles son los beneficios de tener hermosos efectos de transición (por ejemplo, de izquierda a derecha, acercamiento, desvanecimiento) para los consumidores cuando interactúan con sus aplicaciones móviles?

Muchos.

Las animaciones de transición sirven principalmente para indicar al usuario lo que está sucediendo. Si todo acaba de aparecer en su lugar, el usuario podría no tener ninguna indicación de lo que acaba de suceder. Por ejemplo, cuando el contenido de una aplicación se empuja hacia la izquierda mientras entra contenido nuevo desde la derecha, eso indica que el usuario se está moviendo a una nueva parte de la aplicación pero que el contenido que estaba viendo anteriormente todavía está disponible. De manera similar, si un botón cambia de habilitado a deshabilitado con una transición de fundido cruzado, llama la atención del usuario más fácilmente para indicar que el botón ya no se puede usar.

Las animaciones de transición también se asignan a cómo funcionan las cosas en el mundo real. Con la excepción de las cosas que se mueven a la velocidad de la luz, percibimos el movimiento continuo de los objetos en el mundo real. Nada solo se teletransporta de A a B, y nuestros cerebros están acostumbrados a seguir el movimiento con nuestros ojos. Del mismo modo, si un usuario toca un botón y ve que se mueve contenido nuevo desde algún lugar fuera de la pantalla con una animación, esto se siente intuitivo y natural. Nuevamente, el contenido que aparece instantáneamente es a menudo discordante de ver porque sucede tan repentinamente.

¡Las animaciones de transición añaden vida a una aplicación! Por supuesto, es posible exagerar con animaciones, especialmente si son largas, pero el uso cuidadoso y de buen gusto de las animaciones de transición agrega un elemento de diversión a una aplicación. Personalmente, me alegra mucho aprovechar una aplicación que utiliza buenas transiciones. Crea una experiencia de usuario que se siente pulida y tal vez incluso lujosa. Indica que los desarrolladores de una aplicación se tomaron el tiempo para preocuparse por cómo sus usuarios experimentarían su producto.

También es importante para ver cómo las transiciones impactan la experiencia del usuario es un concepto llamado flexibilización (también llamado ritmo), que es la forma en que progresa una animación. Una relajación lineal básica significa que una animación progresa del 0% al 100% a una velocidad constante. Entonces, si un elemento de la IU se mueve de A a B a un ritmo lineal, se inicia, se mueve y se detiene abruptamente a la misma velocidad.

En cambio, a menudo hay mejores funciones de relajación que expresan el movimiento de forma más natural. Por ejemplo, el mismo elemento de la interfaz de usuario que se mueve de A a B con una función de temporización de facilidad de entrada comenzaría a moverse lentamente, gradualmente comenzará a moverse más rápido, se moverá a una velocidad casi constante en el medio y luego disminuirá gradualmente la velocidad hasta que se detuvo Por supuesto, esto normalmente ocurre muy rápido, por lo que el usuario podría no notarlo explícitamente, pero debería tener la impresión de que la transición “se siente sin problemas”.

(Para ver un gran ejemplo de varias curvas de flexión, consulte la hoja de trucos de Funciones de flexibilización. Pase el cursor sobre cada curva durante un momento para ver una animación de demostración).

Además, más recientemente, las aplicaciones han comenzado a utilizar ecuaciones físicas reales para generar efectos de transición. Con estos, un elemento de la interfaz de usuario puede parecer elástico o hinchable. Por ejemplo, con un interpolador de resorte, un elemento de la interfaz de usuario que se mueve de A a B sobrepasaría un poco a B, luego se recuperaría un poco antes de B, y finalmente se asentaría en B exactamente. Al controlar las propiedades de estas ecuaciones físicas, los desarrolladores pueden hacer que sus aplicaciones sean más divertidas de usar al hacer que el contenido aparezca en la pantalla con algunos efectos interesantes que reflejan la forma en que los objetos se mueven en la vida real.

La animación es un arte sutil que requiere consideración y moderación. Muy pocas animaciones, y una aplicación se sentirá obsoleta e incluso podría confundir al usuario. “Espera, ¿qué pasó? La pantalla cambió de repente”.

Demasiadas animaciones (o más precisamente, demasiadas animaciones incorrectas ), y una aplicación se sentirá “pesada” y lenta. “Está bien, está bien, lo entiendo. Esta animación está tardando demasiado, y solo quiero ver mi contenido”. Sin embargo, con demasiada frecuencia, los desarrolladores no se toman el tiempo para pensar en las transiciones, pero creo que son cruciales para una experiencia de usuario positiva.

Como Shannon Potter y Erik Swedberg han definido con precisión, las animaciones y las transiciones nos permiten percibir mejor las cosas.

Permítanme ilustrar el caso con el diseño de materiales. El diseño previo del material estaba en su lugar, cambiando entre páginas nunca se sintió conectado, mientras que en la vida real todo está conectado y podemos percibir el movimiento que viene.

En nuestras vidas normales, cuando ocurre un cambio, viene con una transición física que es natural que observemos.

Por fin, estamos tratando de hacer que la tecnología sea invisible y las transiciones y animaciones nos ayudan en gran medida a lograrlo (esto es controvertido). Las animaciones y transiciones en Apple Watch son un ejemplo de ello, según Hodinkee, Apple hizo un trabajo fantástico al eliminar la brecha de hardware y software. ¿El secreto? Transiciones intuitivas. Lea algunas de las partes aquí. Los pensamientos de A Watch Guy en el Apple Watch después de verlo en el metal (toneladas de fotos en vivo) – HODINKEE

Mira este diseño de aplicación con transiciones de deslizamiento, ¿sentiste algo? Behance

Siempre tenga en cuenta que un componente fundamental de estas animaciones y transiciones es el tiempo que tardan en completarse. A menudo, como parte de la interfaz de usuario, el usuario no puede continuar con su actual o continuar con su próxima tarea hasta que finalice la transición.

Al incorporar transiciones, usted (como diseñador o desarrollador de interacción) está tomando la decisión ejecutiva de que su transición es más importante que el tiempo del usuario. Errar del lado de buen gusto y sentido.

* Nota también: esta pregunta está cargada. Al describir previamente las transiciones como “hermosas”, corre el riesgo de caer en la trampa de pensar que todas y cada una de las animaciones son algo positivo; y esta es una creencia común de muchas personas todavía. Es mejor usar su criterio al incorporar transiciones, eliminando todo lo innecesario y gratuito, hasta que tenga algo que le guste. Exponga su trabajo terminado y déjelo en pie por sí solo. Deje que sus usuarios decidan si es “hermoso”.

La animación en la aplicación, así como los efectos de transición, ayudan a mejorar la experiencia del usuario. En particular, es responsable de las siguientes tareas:

• Proporcionar comentarios en respuesta a las acciones del usuario en una aplicación móvil

• Simplificar la primera experiencia del usuario con la nueva aplicación: muestra formas de interactuar con la IU

• Dar información sobre el estado del sistema.

Si desea obtener más información sobre los principios del uso de animaciones en aplicaciones móviles y el valor que aportan a los usuarios, lea este artículo: Diseño interactivo: cómo hacer animaciones para aplicaciones móviles

More Interesting

¿Es la ingeniería inversa una aplicación de Android para aprender cómo se codificó / creó únicamente con fines de aprendizaje legal y éticamente correcto?

(NUEVO desarrollador) El desarrollo de una aplicación con db MySQL consta de pocas tablas. ¿Cuál es la mejor manera de publicar la aplicación en Google Play Store junto con DB?

Además de WhatsApp, ¿con qué aplicaciones estamos obsesionados los indios?

A partir del 8 de febrero de 2013, desde el objetivo de un desarrollador de probar aplicaciones de Android en tabletas, ¿cuál es la mejor tableta para comprar?

Cómo hacer que Tasker cuente el tiempo que pasa en el móvil (se proporciona una descripción)

¿Hay una aplicación que necesito?

Mi teléfono Android fue robado y probablemente vendido. La policía lo encontró y ahora muestra el logotipo de una compañía de telecomunicaciones latinoamericana 'Claro' antes de su SONY habitual en el inicio. ¿El teléfono está pirateado / rooteado? ¿Es seguro de usar?

Cómo cambiar el color de fondo de ProgressDialog en Android

¿Cuál es la mejor puerta de enlace de SMS disponible para la validación del número de teléfono móvil usando la aplicación de Android y SMS masivos, especialmente en India?

¿Cuál debería ser el número óptimo y la ubicación de los anuncios en las aplicaciones de Android para maximizar los ingresos sin frustrar al usuario?

Cómo eliminar datos de miniaturas de mi carpeta DCIM en Android

¿Cuáles son algunos buenos juegos sin conexión para Android que obtendrían un montón de visitas en mi canal de YouTube?

Cómo desplazar ViewPager cuando se coloca en un NestedScrollView en una actividad de Android

Cómo conectarse con miles de desarrolladores de Android

¿Eso de leer el periódico en la aplicación de Android ayudará a minimizar el calentamiento global? Estoy usando la aplicación de Android E News Papers, que es la mejor para periódicos.