Experiencia de usuario · 2 min de lectura

¿Animación llamativa o una experiencia fluida? Ambas se pueden combinar.

La animación es valiosa cuando transmite un propósito: mostrar la relación entre capas, explicar el resultado de una elección o hacer comprensible la transición.

BCL Web Design ·
Ilustración editorial específica del tema: ¿Animación llamativa o una experiencia fluida? Ambas se pueden combinar.BCLDESIGN JOURNAL
Imagen editorial ilustrativa creada para BCL; no representa una oficina o proyecto real.

Presenta la decisión correctamente.

La animación es valiosa cuando transmite un propósito: mostrar la relación entre capas, explicar el resultado de una elección o hacer comprensible la transición. Los elementos que parpadean constantemente y el mismo movimiento de deslizamiento en cada sección pueden distraer al visitante. Primero, determina qué información puedes transmitir mejor con movimiento.

¿Qué se debe considerar en la práctica?

Mide el costo del movimiento en el teléfono. Los videos grandes, las escenas 3D complejas y los efectos que se ejecutan incluso lejos de la página afectan la duración de la batería y la fluidez. Pausar la escena no visible, presentar los elementos visuales en tamaños adecuados y separar la interacción del contenido principal son buenos puntos de partida.

Control y siguiente paso

Admite la preferencia por movimiento reducido. La información básica debe ser legible incluso antes de que finalice la animación; el usuario no debería tener que esperar a que termine una larga animación para acceder al sitio. Si el indicador de carga no representa el progreso real, no debe presentarse como un porcentaje de descarga técnica.

Tu lista de verificación

  • Define el propósito del movimiento.
  • Mide el costo del movimiento en el teléfono.
  • Admite movimiento reducido.
AnimaciónRendimientoDiseño
Abrir opciones de contacto