Motion design en interfaces
Diseña las animaciones y transiciones de una interfaz para que se entienda qué está cambiando, de dónde viene cada elemento y adónde va.
Qué problema aborda
Si la pantalla cambia de golpe, hay que averiguar qué ha pasado. El movimiento puede explicarlo sin palabras.
Principios
Continuidad
Los objetos se mueven, no desaparecen y reaparecen.
Anticipación
Un pequeño gesto previo avisa de lo que va a pasar.
Suavidad
Arrancar y frenar poco a poco, como los objetos reales.
Aplicaciones en diseño
Úsalo así
Usa el movimiento para mostrar de dónde sale y adónde va un elemento.
Evita
Animaciones largas que hacen esperar.
Para no caer
Respeta la opción del sistema de reducir el movimiento: a algunas personas les marea.
Conexiones
Autores y obras
- 1993
Bay-Wei Chang y David Ungar
Llevaron principios de la animación de dibujos animados a las interfaces para que los cambios se entiendan.
Fuentes
Fuentes originales
- Chang, B.-W. y Ungar, D. (1993). Animation: From cartoons to the user interface. En Proceedings of the 6th Annual ACM Symposium on User Interface Software and Technology (UIST ’93) (pp. 45–55). ACM. Ver fuente: Chang, B.-W. y Ungar, D. (1993)
Última revisión: