Nikdo nechce vytvořit špatný design a přesto se to stane pořád. A zatímco se příčiny špatného návrhu liší, konečný výsledek je stejný - špatný uživatelský zážitek.

Špatná uživatelská zkušenost frustruje uživatele a často vede k opuštění produktu. V tomto článku se zaměřím na jeden konkrétní aspekt špatného designu - pomocí UI technik, které vedou k špatnému UX.

1. Pop-Ups

Pokud vás požádám, abyste jmenoval jednu nejvíce podrážděnou věc na webu, je pravděpodobné, že budete odpovídat "Pop-ups." Podle skupiny NN Group jsou vyskakovací okna nejobdivovanější webový zážitek vůbec.

Všichni to víme. Navštívíte novou webovou stránku, obsah na stránce se jeví jako zajímavý. Začínáte je číst a právě když jste v polovině textu, náhle jste přerušeni obrovským překryvem, který vás požádá, abyste buď předplatili zpravodaj nebo vám něco nabídli. Ve většině případů bude vaší okamžitou reakcí buď zavření překrytí nebo uzavření celé stránky, překrytí spolu s ní.

opt6

Překrytí použité na webové stránce společnosti Esquire.

Je zřejmé, proč tolik webů používá tuto techniku: Inzerenti je platí. Technologie pop-up je však příliš rušivá a má obrovský negativní vliv na návštěvníky. Pokaždé, když ukážete vyskakovací okno, požádáte uživatele, aby přestali dělat to, co chtějí dělat (co je pro ně důležité), a zaměřte svou pozornost na to, co chcete dělat (co je pro vás důležité). Není divu, že takové chování často zvyšuje míru odchodů.

Je možné používat vyskakovací okna bez obtěžování návštěvníků. Stačí se řídit jednoduchým pravidlem - spustit pop-up ve správný čas. Například je mnohem lepší umožnit uživatelům dokončit aktuální aktivitu (např. Dosáhnout konce stránky) před zobrazením vyskakovacího okna. Jakmile uživatelé mají o něco víc času na to, aby se o vás dozvěděli (vaše značka a vaše nabídky), zvyšuje se šance, že budou ochotni dělat, co chcete.

Další důležitou součástí je skutečná zpráva, kterou máte ve vyskakovacím okně. Potřebujete napsat skvělou kopii. Kopie by neměla být urážka, podvádění nebo matoucí. Počkejte jít dál a začlenit humor do jejich textu:

opt1

Když si návštěvníci přečtou kopii od Waitbutwhy , usmějí se.

Stojí za to říci, že existuje mnoho méně nepoměrných nástrojů, jako jsou lišty, které nezahrnují celou stránku a přinášejí podobné výsledky z hlediska konverze.

2. Nekonečné posouvání

Nekonečné posouvání je technika, která uživatelům umožňuje procházet obrovským množstvím informací, aniž by se na nich objevila dokončovací čára. Stránka se jednoduše udržuje osvěžující, zatímco uživatelé posouvají dolů. Tato technika se stala populární v době mobilních zařízení (rolování je mnohem pohodlnější než kliknutí na malou obrazovku). Na první pohled je tato technika dokonalým řešením pro mnoho problémů - vyžaduje méně úsilí a co nejvíce usnadňuje porozumění obsahu (všichni uživatelé potřebují udělat je posunout se). Není to však řešení, které by vyhovovalo všem webům a aplikacím.

Hlavní hlavní výhodou této techniky je i její hlavní výhoda: na zrak není žádná dokončovací čára. Když se uživatelé dostanou do určitého místa ve streamu, nemohou si své umístění uložit do záložky a vrátit se k nim později (upozornění, myslím pozici, ne určitou položku). Pokud tedy opustí web (např. Přesunout z jednoho zařízení na druhé), ztratí veškerý pokrok a bude muset znovu posunout dolů, aby se vrátil na stejné místo. Neschopnost určit posuvnou pozici často obtěžuje uživatele a ubližuje celkovému uživatelskému zážitku.

V roce 2012 Etsy, webová stránka elektronického obchodování zaměřená na ručně vyrobené nebo ročníky, experimentovala s rozvržením stránky produktu. Implementovali nekonečné rozhraní pro posouvání a zjistili, že nové rozhraní neproběhlo stejně jako předchozí verze s stránkováním. Přestože počet nákupů zůstal stejný, uživatelská angažovanost klesla .

Co nám Etsy příklad říká? Říká nám, že s každým designovým rozhodnutím bychom měli vážit klady a zápory, než začleníme do našich návrhů. Když mluvíme o nekonečném rolování, funguje to dobře pro něco jako Twitter / Instagram, kde uživatelé rádi potříkají nekonečný proud dat, aniž by hledali něco zvlášť.

3. Stiskněte Oznámení

Věnoval jste někdy pozornost počtu oznámení, které denně dostáváte z různých aplikací? Kolik z těchto upozornění skutečně záleží? Ne, moc myslím.

Každý den jsme bombardováni zbytečnými oznámeními, které nás zbavují toho, co děláme. Děsí nás.

opt5

Streamingová služba zašle každému uživateli oznámení vždy, když se uvolní nová epizoda nějaké přehlídky.

Ve skutečnosti jsou otravné oznámení nejčastějším důvodem, proč lidé odinstalují mobilní aplikace (podle 71% dotazovaných respondentů).

Push oznámení je mocný nástroj, ale stejně jako u každého jiného nástroje, může být použit pro dobro nebo zlo. Když uživatelé začnou používat vaši aplikaci, nevadí, že budou přijímána oznámení, pokud budou oznámení doručovat skutečnou hodnotu. Je důležité navrhnout oznámení, aby byla pro uživatele užitečná, relevantní a včasná. Personalizovaný obsah je klíčem k vynikajícímu uživatelskému zážitku. Když doručujete správnou zprávu správné osobě ve správný čas, vaše oznámení o stlačení se stane silným spouštěčem, který motivuje osobu, aby podnikla kroky.

opt3

Netflix dělá skvělou práci přizpůsobení jejich zpráv jednotlivým příjemcům.

4. Vyberte položku Hijack

Unikátní rolování je pro většinu uživatelů jedním z nejnepříznivějších věcí, protože od nich převládá kontrolu a způsobuje, že posouvání je zcela nepředvídatelné. Při návrhu webových stránek je ve většině případů lepší vyhnout se únosům v rolování a nechat uživatele ovládat jejich prohlížení a pohyb po webu. Ale v některých ojedinělých případech může útočník procházet správně pro vaše uživatele. Například Tumblr používá tuto techniku ​​na své domovské stránce k prezentaci informací v kusech.

opt2

Tumblr použijte scroll hijacking poskytovat obsah v kusech.

Závěr

Stojí za to říci, že všechny techniky uvedené v tomto článku nejsou samy o sobě špatné. Uživatelé je nenávidí pouze tehdy, když je návrhář slepě začlení. Každá technika nebo vzorek na vašem webu nebo ve vaší aplikaci by měl být používán inteligentně a s určitým moderováním.