Hogyan lehet kiküszöbölni a hosszú letöltések negatív hatását az előrehaladási mutatók használatával?

A LPgenerator - a Professional Landing Page olyan platform, amely növeli az Ön üzletének értékesítését

A LÉTESÍTMÉNYEK KÉPZÉSE A PARTNEREK FELLÉPÉSE

A rendszer állapotának megjelenítése a használhatóság tíz alapszabálya közül az egyik, amely az UI-design egyik legfontosabb és univerzális elve marad.

Előrehaladási mutatókat vezetnek be azzal a céllal, hogy időben visszajelzéseket kapjanak a rendszer / felület működéséről. Norman interakciós elmélete szerint ezeknek az elemeknek a felhasználóknak is segíteniük kell a rendszer állapotát.

A rendszer működésével kapcsolatos visszajelzések egyik leggyakrabban használt formája egy animált folyamatjelző - ez az elem a rendszer / erőforrás terhelést jeleníti meg az adatok feldolgozásakor vagy az adatok letöltésekor.

Ma kínálunk fordítása egy cikket Sherwin Katie (Katie Sherwin), a használhatóság szakértője NNG (Nielsen Norman Group Nielsen Norman Group), melyben ő beszélt a különböző típusú fejlődés és ajánlásokat tesz a használatát a mutatók.

A visszajelzések ereje - a felhasználók úgy érzik, hogy hallhatja őket

A fejlődési mutatók nem egyike a webes tervezés legfrissebb trendjeinek. de alkalmazásuk garantáltan javítja a felhasználói élményt - visszajelzést kapva tevékenységükről, a felhasználók meg vannak győződve arról, hogy a rendszer elfogadta kérelmét és feldolgozza.

Sajnos a legtöbb webhely és rendszer nem jelenít meg információkat a folyamat állapotáról, amíg nem fejeződött be - bosszantó felhasználók, mert nem tudják, hogy fut-e csapatuk és hogy a rendszer egyáltalán fut-e. Ráadásul a rendszer állapotára vonatkozó tudatlanság az ismételt megrendelések oka és sok kattintás.

A nagy letöltési sebesség minden erőforrás közös követelménye, de néha a kiszolgálók a szokásosnál hosszabb ideig dolgoznak az adatok feldolgozásában, és ezeket még a frissítéssel sem lehet megoldani. Ilyen esetekben a fogyasztókat tájékoztatni kell arról, hogy a rendszer fut és csapata fut. Ha a letöltés több mint 10 másodpercet igényel, ajánlott hozzávetőleges időt adni a vége előtt - egyébként sok felhasználó egyszerűen nem várja meg.

A rendszer állapotáról szóló visszajelzések példájaként Katie leírta a Kaliforniai Közlekedési Minisztérium (DMV, Motor Gépjármű Tanszék) felhívását:

• Elõreláthatóan Sherwin-t tájékoztatták arról, hogy minden szereplõ elfoglalt.
• Néhány perc múlva bejelentették, hogy Katie még mindig a vonalban van.
• A következő rekord azt mondta, hogy a hozzávetőleges várakozási idő 15-20 perc - ez lehetővé tette az NNG szakember számára, hogy saját üzletet folytasson anélkül, hogy félne a sor elvesztésétől.
• 15 perc múlva Katie-t megkértek, hogy hagyják el a kapcsolattartó számát, hogy az üzemeltető kapcsolatba léphessen vele, amikor szabadon engedték. Ráadásul Sherwin is biztos volt benne, hogy nem fogja elveszteni a helyét a sorban.

A DMV visszacsatolási eszközök megkönnyítették a kapcsolatot az üzemeltetővel - Katie nem csak tájékoztatta a hívását, hanem kényelmes alternatívát kínált a várakozáshoz. By the way, egy ilyen visszatartás rendszer bevezetése sokkal olcsóbb, mint bővíteni a személyzet a call center.

A letöltési indikátorok tájékoztatják a felhasználókat, hogy a rendszernek több időre van szüksége a parancs végrehajtásához (amely lehet fájl letöltés, frissítés telepítése stb.) És hozzávetőleges várakozási idő jelenik meg.

Ezen elemek tulajdonságainak megértéséhez Katie a Kaliforniai Közlekedési Minisztériumhoz intézett felhívással párhuzamosan ismertette előnyeit:

• A mutatók kiküszöbölik a felhasználók kétségeit a rendszer működésének helyességével kapcsolatban, és bemutatják annak állapotát - ezt a piaci szereplők foglalkoztatásáról szóló üzenettel értük el.
• Ezek az elemek olyan objektumot biztosítanak, amelynek megfigyelése megkönnyíti a várakozást - amikor hívást tartanak, ez a zene.
• Várakozásuk van a felhasználók számára, bemutatva a folyamatot - Sherwin tájékoztatta, hogy az osztály összes képviselője elfoglalt, és az üzemeltető 15 percig ingyenes lesz, ezért készen áll a várakozásra.
• Előrehaladási indikátorok felület időérzékkel, mivel a felhasználók, elsősorban a véleménnyel, kevesebb figyelmet fordítanak a folyamat a várakozás - zenehallgatás, NNG szakember elfelejtette mennyire fárasztó várakozás kapcsolatban az üzemeltető.

A Nebraska-Lincoln Egyetemen folytatott egyik tanulmány célja az volt, hogy meghatározza azt az időt, amikor a felhasználók készek várni a webhely betöltésére. A válaszadók egy csoportját bemutatták egy oldal verziójával, amelyen szerepelnek az előrehaladási mutatók (animált letöltési sáv), a második pedig a nélkül.

Ennek eredményeképpen azok, akik megjelentették a weboldalt a mutatóval, jobban elégítették a felhasználói élményt, és átlagosan háromszor hosszabb ideig vártak, mint azok, akik nem kapták meg a visszajelzési elemet.

Animált letöltési mutatók

Annak ellenére, hogy a digitális kapcsolat sebessége minden évben növekszik, a lassú betöltési erőforrások problémája még mindig releváns. És mint tudják, a webhelyek alacsony termelékenysége irritálja a látogatókat, és gyakran elhagyja őket.

A felhasználók helyét a letöltés megvárására több tényező határozza meg:

A marketingesek nem befolyásolhatják ezeket a tényezőket, azonban az alábbi ajánlásoknak megfelelően jelentősen növelhetik a felhasználók készségét arra, hogy megvárják:

Mindig mutasson visszajelzést

Mivel a várakozás után azonnal a műveletet (például kattintva CTA-elem), a rendszer azonnal azt mutatják, hogy a kérés érkezett, és a feldolgozott, például lehet változtatni a színét a gomb, amelyre a felhasználó rákattint, vagy a töltési sáv jelenik meg.

Az interfész statikus jellege a kérés elküldése után sok felhasználó számára hibának számít, ezért gyakran megpróbálják végrehajtani a parancsot ismételten, ami viszont negatív következményekhez vezethet.

Minden 1 másodpercnél hosszabb folyamat folyamatának megjelenítése

Néhány másodperc várakozás után a felhasználók figyelmét kezdik eloszlatni, ami elvezetéshez vezethet. Ezért olyan folyamatok előrehaladásának megjelenítéséhez, amelyek időtartama hosszabb, mint egy másodperc, célszerű ciklikus animációt vagy százalékos indikátort használni.

Továbbá megismerkedünk a különböző típusú mutatókkal és javaslatokkal az alkalmazásukkal kapcsolatban.

1. Ciklikus animáció

A ciklikus animációval rendelkező grafikus elem azt jelzi, hogy a rendszer működik, de nem ad tájékoztatást a letöltés hozzávetőleges várakozási idejéről.

Ilyen elemeket kell használni a 2-10 másodpercig tartó folyamatok állapotának megjelenítéséhez. Ha ciklikus animációt használsz a másodpercnél rövidebb feldolgozásra kerülő lekérdezésekhez, akkor súrlódási hatást vált ki - a felhasználók megzavarodnak az érthetetlen elem hirtelen megjelenésével és eltűnésével.

A webfejlesztés szempontjából a ciklikus animáció az összes mutató kialakításában meglehetősen csábító, mert nem kell kiszámítani a letöltési időt. Azonban a ciklikus animáció nem ajánlott 10 másodpercnél hosszabb feldolgozási folyamatok megjelenítésére - az előrehaladással kapcsolatos információk hiánya a felhasználókat óvatosan fogja átadni. Ráadásul ez a grafikus elem nem tudja meghatározni, hogy a rendszer működik-e, ami növeli a digitális interakció leállításának lehetőségét is.

Egy használhatósági teszt résztvevője várta, hogy az online oldal több mint 15 percet töltsön be, és végül kiderült, hogy hiba történt, és az alkalmazást újra kell indítani. Nyilvánvaló, hogy a valódi felhasználó nem fog sokáig várni.

Érdemes megjegyezni, hogy a ciklikus animáció nem alkalmas arra, hogy megjelenítse az adatok letöltését a szerverekről, mivel a kapcsolat sebességét befolyásolja a fejlesztők irányítása. Szabványok szerint az adatokat nem szabad 2 másodpercnél hosszabb ideig betölteni, de ez a szám nem mindig elérhető.

2. Százalékos mutatók

Az előrehaladást mutató mutatók százalékos arányban az animált visszajelzés leginkább informatív jellegűek. Ezek az elemek lehetővé teszik a felhasználók számára, hogy közelítő várakozási időt számoljanak (amely lehetővé teszi számukra, hogy eldöntsék, várnak-e vagy sem), maximálisan kiküszöböli a feldolgozási idő bizonytalanságát és gyengíti az időérzéket.

Az ilyen típusú előrehaladási mutatók példái a 0 és 100% közötti értéket képviselő körök és vízszintes oszlopok.

Jellemzően százalékos mutatókat kell használni a 10 másodperces folyamatokhoz - olyan vizuális elem, amely fokozza a feldolgozás fokozatos befejezését, nyugtatja és várakozik. Ezek az elemek azonban felhasználhatók a 10 másodpercnél rövidebb időtartamú folyamatok állapotának megjelenítéséhez, ha fájl- vagy nyilvántartás-feldolgozással társulnak, mivel a látogatók megértik, hogy a rendszer bizonyos számú iratban dolgozik.

Animált érdeklődés mutatók ajánlott hozzá a szöveget (például „A feltöltött fájlok: 17 out of 50”), valamint a hosszú távú mutatók folyamatok - a törlés gombot, ha a felhasználó nem akar várni. Egyébként a megszüntető elem hiánya megfosztja a felhasználókat a rendszer feletti ellenőrzéstől, ami rontja a felhasználói élményt.

A százalékos mutatók egy ötletet alkotnak a folyamat időtartamáról, ami láthatóbbá teszi a haladás sebességét, ez pedig pozitívan befolyásolja a felhasználói élményt. Azonban a felhasználók bosszantják, ha a jelző túl gyorsan töltődik fel, majd ha már csak néhány százalékuk van, akkor leáll - ez a pozitív visszacsatolás hatását csökkenti.

Számos tervező és fejlesztő, akik végrehajtják a terhelésindikátorokat, szembesülnek a folyamat végrehajtásának sebességének kiszámításával. A feladat megoldásához tartsa be a következő ajánlásokat:

• Állítsa be az animációt úgy, hogy lassan töltse fel az indikátort, és ahogy a letöltés végére közeledik, a sebesség növekszik - ez nem okoz nagy elvárásokat a látogatók számára a webhely teljesítményéről. Mindig jobb, ha meghaladjuk az ügyfelek elvárásait, mint hogy csalódást okozzanak.
• Érdemes megjegyezni, hogy ez az ajánlás csak a letöltési mutatók szempontjából releváns - a tanulmányok azt mutatják, hogy az előléptetési mutatók, amelyek töltési aránya csökken, ahogyan átmennek, csökkenti a hibaarányt.
• Adjon meg egy hozzávetőleges, nem pontos várakozási időt - egyes esetekben a letöltés valószínűleg hosszabb lesz a megadott időnél, ami negatívan befolyásolhatja a fogyasztók bizalmát.
• Egy egyszerű szöveg, mint például "körülbelül egy percig tart" vagy "körülbelül 3 percig marad", elegendő a felhasználók tájékoztatásához és megtartásához. Szintén adjunk hozzá néhány másodpercet a megadott értékhez előre nem látható késések esetén.
• Megjelenítése helyett az általános haladás, egyes esetekben optimalizált megjelenítéséhez befejezett és a hátralevő lépések - a látogatók nem tudják, hogy pontosan hány fog a végrehajtás egy lépést, de a lépések száma, hogy segítsen nekik alkotnak egy durva ötlet, és levonja a közeli folyamat vagy várja, hogy véget érjen.

• Felhasználói élmény és használhatóság az eCommerce webhelyeken

3. Statikus előrehaladási mutatók

A statikus indikátorok, amelyeket a "várakozás, az eredmények betöltése" szöveg jelenít meg, animált elemek nélkül, hatástalanok. Ezek a mutatók nem tartalmaznak információt a rendszer előrehaladásáról és működésének állapotáról, így azokat dinamikusan kell helyettesíteni.

A legrosszabb módja annak, hogy elkerülje a véletlen újra megrendelések és extra kattintásokat - vegyen a CTA-gomb figyelmeztetés a típus „gomb megnyomásával lehet visszatérő megrendelések.” Először is, minden fenyegetés ellentmond a pozitív felhasználói élmény alapvető követelményeinek, másrészt ezek a figyelmeztetések egyszerűen csak hatástalanok, mert ritkán fordulnak elő.

A figyelmeztetés szövege: "Ne kattintson kétszer!".

Olyan erőforrásokra vonatkozó ajánlások, amelyeknek a célközönsége gyermek

A "Children on the Web" tanulmány során az NNG szakemberei sok hosszútávú interaktív eszközzel és játékkal szembesültek.

Katie számos tippet mutatott be arról, hogy miként tartja fenn a fiatal felhasználók érdekeit, anélkül, hogy elvonja őket a fő foglalkozásból:

• Mindig használjon figyelemre méltó százalékos mutatókat, hogy segítsen a gyermekeknek megérteni, hogy a rendszer betöltődik. A gyerekek, mint a felnőttek, szeretnék tudni, hogy a rendszer fut-e, és mennyi ideig töltődik be.
• Győződjön meg arról, hogy a közbülső animáció nem homályosítja az indikátort, és nem hasonlít a játékmenethez.
• Használjon lenyűgöző és egyszerű animációkat, amelyek relevánsak az alapvető tevékenységhez - ezek a leghatékonyabbak a figyelem és a várakozás érdekében.

• Használhatóság a legfiatalabbnak, vagy Hogyan hozzunk létre olyan webes erőforrást, amelyet a gyerekek szeretnek?

A visszajelzések biztosítása a pozitív felhasználói élmény egyik irányadó követelménye. Nyilvánvalóan és átláthatóan megjelenítve a letöltéshez szükséges időt, a tervezők kiküszöbölhetik a felhasználók figyelmét a rendszer állapotáról és növelhetik a várakozásukra hajlandó időt.

Ciklikus indikátorokat kell használni a 2-9 másodperc hosszúságú folyamatokhoz és százalékos arányhoz - a 10 másodpercnél hosszabb késések esetén. Mivel azonban nem mindig tudja megbecsülni a betöltési időt, meg kell növelni a folyamat megjelenítésének késleltetését, ami több mint 10 másodpercet igényel. Minél nagyobb a terhelési idő bizonytalansága, annál alacsonyabbnak kell lennie a legkisebb küszöbértéknek a pontos fejlődés megjelenítéséhez.

A tényleges előrehaladási mutatókat a felhasználók várják, és pozitívan befolyásolják a webhely / alkalmazás benyomását.

Nagy konverziók!

FIGYELEM! Az elavult Internet Explorer böngészőt használja

Ez az oldal fejlett, modern technológiákra épül, és nem támogatja az Internet Explorer 6. és 7. verzióját.