Există stări de încărcare pentru a răspunde la o întrebare pentru utilizator: se întâmplă ceva? Fără un răspuns, oamenii apasă din nou, reîncarcă pagina sau pleacă. Răspunsul corect depinde de cât timp așteaptă.
Pentru așteptări foarte scurte, sub aproximativ o zecime de secundă, majoritatea oamenilor nu observă o întârziere, așa că un indicator adaugă doar pâlpâirea. O tehnică obișnuită este să așteptați pentru scurt timp înainte de a arăta un roator, astfel încât răspunsurile rapide să nu arate niciodată deloc.
Pentru așteptări de o secundă sau câteva secunde, afișați feedback unde va apărea rezultatul. Un ecran schelet, un contur gri al aspectului care urmează, funcționează bine pentru liste, carduri și profiluri, deoarece arată ceea ce urmează și reduce schimbarea aspectului. Un spinner funcționează pentru zone mici sau când rezultatul nu are o formă previzibilă.
Pentru sarcini lungi, cum ar fi încărcări, exporturi sau generare de inteligență artificială, arătați progresul real dacă îl puteți măsura, explica ce se întâmplă și lăsați oamenii să anuleze sau să continue cu alte activități. Un rotitor care se întoarce pentru un minut fără alte informații se simte ca un eșec.
Controlul care a început acțiunea are nevoie și de o stare. Un buton de trimitere care trece la starea de încărcare și nu poate fi apăsat de două ori, previne comenzile și mesajele duplicate. Când încărcarea se termină, treceți clar la succes sau eroare, mai degrabă decât să reveniți în liniște la implicit.
Animația ajută aici, dar păstrează-l calm și scurt într-o buclă și respectă setarea de mișcare redusă. ExodeUI, pe care îl realizăm, vă permite să proiectați un încărcător sau un buton cu stări de încărcare, succes și eroare într-un fișier între care comută codul.