Microinteracciones con una función clara

Una microinteracción es una respuesta pequeña de la interfaz a una acción o a un cambio de estado. Su valor está en lo que ayuda a comprender.

Responder a la acción

Un botón puede mostrar que recibió la pulsación. Un indicador puede señalar que una tarea continúa. La respuesta debe distinguir estados, no limitarse a decorar.

Si una acción requiere tiempo, evita dejar al usuario sin información. Explica el estado de manera que no dependa solo de una animación.

Formularios y mensajes

Un campo necesita una etiqueta y una explicación clara cuando hay un error. El color o el movimiento por sí solos pueden no ser suficientes.

Mantén los datos introducidos cuando sea posible y señala qué debe corregirse. Una respuesta precisa reduce la necesidad de empezar otra vez.

Evitar sorpresas

Los cambios bruscos de tamaño pueden desplazar otros controles. Reserva espacio cuando el contenido vaya a aparecer después.

Prueba el componente con teclado y en pantallas pequeñas. El movimiento debe acompañar a una interacción que ya sea comprensible.

Seguir aprendiendo

Relaciona esta lectura con los demás recursos de Kervio y prueba las ideas en un proyecto pequeño. Las imágenes, cuando aparecen, son ilustrativas.