Hogyan készítsünk jó loader gifet vagy progress bart

Deeje Cooley posztolta Twitterre a fenti képet, azzal a kísérőszöveggel, hogy a Facebook futtatott egy A/B tesztet, és a bal oldalon látható esetben a Facebookot okolták az app lassúságáért, a jobb oldali esetben pedig az iOS-t, vagyis az Apple-t.  Nem tudom, hogy igaz-e ez a történet. Mindenesetre egy fontos problémára rávilágít. Nevezetesen arra, hogy a felhasználó nagyon nehezen tudja eldönteni, hogy ha problémát érzékel egy alkalmazás futtaásakor, akkor az az oprendszer, az alkalmazás vagy netán a telefon hardverének a hibája-e.  A fenti példa azt sugallja, hogy ha az oprendszer loadergifjét használjuk az appunkban, akkor megúszhatjuk a dolgot. Mégha így is van, azt gondolom, hogy az a legszerencsésebb, ha a várakozást tesszük elfogadhatóbbá a felhasználó számára.  Androidon a Facebook app egy elég jó belépő loadergiffel rendelkezik. A végtelenített köranimáció helyett egy kör alakú progress bart használnak. A progress bar kétségtelen előnye a loadergifekkel szemben, hogy jelzik a felhasználó számára, hogy várhatóan mennyi idő is lesz, míg betöltődik az adott tartalom.  Az az állításom tehát, hogy ne kapkodjuk el a dolgot, amikor alkalmazásfejlesztésnél a loadergif/progress bar témakörhöz érünk. Ez az én szempontrendszerem:  1. Egyedi loader gif készítése, mely az alkalmazás brandjegyeit magában hordozza 2. Lehetőleg ne loader gifet, hanem progress bart használjunk minden olyan esetben, amikor 2-3 másodperc feletti várakozási idő valószínű. 3. Progress bar esetében az animáció utolsó egyharmada történjen gyorsabb tempóban, mint az első kétharmad. A felhasználó fokozódó törelmetlenségét ellensúlyozhatjuk egy a szokásosnál tempósabb véghajrával. 4. Maga a progress bar csíkját ellentétes irányba animáljuk, mint a kitöltődés iránya. Lásd a Gmail betöldődési progress barjánál: 4. Ha mindenképpen loader gifet kell használnunk, próbáljuk meg minél realivisztikusabban, elvontabban megjeleníteni a körfolyamatot, az idő múlását. Mint ahogyan a Google teszi ebben az esetben: A jó loader gif, miként a jó progress bar is segít a felhasználónak elfogadtatni a várakozást. Ezt a pszichológiai hatást pedig fontos megértenünk, mert az alkalmazáshasználat egyik fontos alapélménye a folyamatosság, a flow. Ebben a folyamatosságban a hiányzó pillérek áthidalására szolgál egy jól megtervezett no content felület, mint amilyen a betöltődés ideje.