Gobierno de España Dintel Diseño Normalizado de Trámites Electrónicos Inicio Primeros pasos Fundamentos Componentes Módulos Plantillas Tokens Soporte

Animaciones

El movimiento marca el comportamiento de los componentes del sistema, mejorando la retroalimentación y comprensión, evitando la ceguera visual al cambio, reduciendo la carga visual y mostrando qué sucederá cuando realice una acción o qué podrá hacer a continuación.

Mostrar token de Animaciones

Principios

Apoyo

Facilita la experiencia de la persona usuaria llamando su atención sobre los detalles más importantes en cada momento

Simplicidad

Se adapta a la experiencia sin crear distracciones. La animación debe transmitir la intención que se busca sin parecer exagerada

Rapidez

Es rápida, para que la persona no tenga que esperar más de lo necesario.

Duración

Las animaciones deben sentirse rápidas para lograr una sensación de respuesta instantánea. Las duraciónes más cortas serán para los componentes más pequeños e irán aumentando progresivamente con su tamaño.

Aceleración

La aceleración dicta la velocidad a la que los objetos viajan por el espacio en el transcurso de una animación. Diferenciaremos entre aquellos elementos que aparecen, desaparecen o se mantienen en la pantalla durante su animación

Efectos

Los efectos son la aplicación de estilos de duración y aceleración a casos concretos para dar vida al sistema. 

Envía un correo electrónico al equipo del Sistema de Diseño a desarrollo.dintel@correo.gob.es , utiliza nuestra aplicación Teams DINTEL.