Animación más útil en aplicaciones web o de escritorio.

Question

Muchos efectos de animación son simplemente atractivos, sin embargo, hay situaciones en las que las animaciones comunican efectivamente al usuario lo que está sucediendo. ¿Cuáles son algunos de sus usos favoritos para las animaciones y qué tipo de animación específica usaría?

Por ejemplo: Animar elementos hacia abajo cuando se inserta un nuevo elemento en una lista

Answer 1

Hay un muy buen artículo de Ben Bederson y Angela Boltman en el que evalúan el impacto de la animación en la capacidad del usuario para construir un mapa mental de la información en el espacio:

Answer 2

Me gusta mucho el uso de Google Chrome cuando se descarga un archivo. Es difícil de describir, pero es un círculo que se llena como un gráfico circular a medida que avanza la descarga, y el círculo se superpone con el icono del archivo que está descargando. Muy hábil.

Answer 3

Un ejemplo que se me ocurre es la animación utilizada por los sistemas operativos cuando minimiza una ventana.

Tanto Microsoft Windows como Apple OS X animan la ventana que baja a la barra de tareas (o el Dock en OS X) para mostrar al usuario dónde se fue la ventana. De lo contrario, los usuarios novatos que presionen minimizar por accidente podrían tener problemas para recuperar la ventana.

No uso Linux, pero estoy bastante seguro de que hace lo mismo. No estoy siendo discriminativo =)

Answer 4

De enjoy3d.com

enjoy3d.com http://worldsware.com/images/mouse.gif

Presione el botón del mouse

y muévete para mirar alrededor.

Answer 5

Creo que todos los cambios visuales no deberían ser rápidos. Ya sea notificación de estado, ventana maximizada / minimizada o datos eliminados / agregados. No puedo encontrar una referencia, pero por lo general se recomienda que todas las animaciones no sean de alrededor de 1-2 segundos, que coincidan con el tiempo de respuesta del humano.

Mis usos favoritos de la animación no están en un software comercial (aunque Apple es bueno en esto) sino en un trabajo de investigación llamado Fósforo que considero una de las grandes ideas de UI que aún no se han implementado en los principales sistemas operativos.

Answer 6

AJAX cargando gifs - debes tener un indicador de que definitivamente has registrado un evento y estás haciendo algo al respecto

Answer 7

Las barras de progreso son buenas para cosas que toman más de un momento o dos, pero solo cuando son precisas. Una barra de progreso inexacta es peor que ninguna, en mi opinión.