Los estados de carga existen para responder una pregunta al usuario: ¿está sucediendo algo? Sin respuesta, la gente vuelve a tocar, recarga la página o se va. La respuesta correcta depende de cuánto tiempo esperen.
En esperas muy cortas, inferiores a aproximadamente una décima de segundo, la mayoría de las personas no notan el retraso, por lo que un indicador sólo añade un parpadeo. Una técnica común es esperar brevemente antes de mostrar una ruleta, por lo que las respuestas rápidas nunca muestran ninguna.
Para esperas de un segundo o unos segundos, muestra comentarios donde aparecerá el resultado. Una pantalla esqueleto, un contorno gris del diseño venidero, funciona bien para listas, tarjetas y perfiles porque muestra lo que está por venir y reduce el cambio de diseño. Una ruleta funciona para áreas pequeñas o cuando el resultado no tiene una forma predecible.
Para tareas largas como cargas, exportaciones o generación de IA, muestra el progreso real si puedes medirlo, explica lo que está sucediendo y deja que las personas cancelen o continúen con otro trabajo. Una ruleta que gira durante un minuto sin otra información se siente como un fracaso.
El control que inició la acción también necesita un estado. Un botón de envío que cambia a un estado de carga y no se puede presionar dos veces evita pedidos y mensajes duplicados. Cuando finalice la carga, avance claramente hacia el éxito o el error en lugar de regresar silenciosamente al valor predeterminado.
La animación ayuda aquí, pero manténgala tranquila y breve en bucle, y respete la configuración de movimiento reducido. ExodeUI, que fabricamos, le permite diseñar un cargador o un botón con estados de carga, éxito y error en un archivo entre el que cambia su código.