UX vzory jsou návrh řešení, která lze opakovat pro běžné problémy. Jejich cílem je mnohem snazší zpřístupnění uživatelů, což vede k lepšímu výkonu, pokud jde o konverzi nebo retenci. Někdy se však tyto vzorce mohou skutečně stát pro vaše uživatele poměrně nepříjemné místo toho, aby jim to bylo prospěšné. To je důvod, proč jsem zde, abych vám ukázal, které UX vzory skutečně brousí své zařízení a jak je můžete opravit.

1. Vyskakovací okna

Vím, že jsi se mnou na tomhle. Klepnutím na odkaz otevřete webovou stránku a do poloviny přečtete obsah, který jste náhle přerušili obrovským překryvným šířením vaší e-mailové adresy. Rozumím, že si myslí, že mají dost dobrý informační bulletin, který bych pravděpodobně těšil, proto jsem kliknul na jejich odkaz, ale nikdy nebude dělat nové kamarády tím, že křičí dolů jejich hrdla.

Místo toho uživatelům umožněte číst obsah a seznámit se s tím, než se zeptáte na něco. Dejte jim šanci rozhodnout se samy, místo toho, aby je donutily. To by mohlo být buď jemné vyskakování po přečtení stránky, nebo popup modální, než uživatel klikne na stránku.

vyskakovací okna

2. Sociální integrace

Sdílení je úžasné. Zvláště pro vaši firmu, protože je to najekonomičtější způsob, jak dostat zákazníky na vaše webové stránky. Společenské widgety na druhé straně by měly být používány pomalu. Proč trávíte hodinu svého času vytvářením velkého množství obsahu, jen abyste jej zkreslili dychtivými sociálními tlačítky.

Sdílení na sociálních médiích by mělo být organickou zkušeností, nikoliv nucenou. Uživatel bude chtít sdílet váš obsah více, pokud není do něj patronován, takže omezte své widgety a zvážte příjemné poselství na konci obsahu a požádejte je o rychlé zasílání tweetu, pokud se vám líbí vaše práce.

sociální

3. Preloadery

Jak technologie postupuje, naše generace se stává netrpělivější a v roce 2017 bychom neměli muset sledovat točivý moment, který načítá 2MB webové stránky. Vím, že to může být jen fantazie a jsem si jistý, že 80% z nich ve skutečnosti nakládá nic, ale používá esteticky, ale rychlost by měla být prioritou při vytváření webové aplikace.

Pokud máte problémy s rychlostí, načtěte nejprve prvky světlejší stránky - jako je navigace - a použijte loader pro těžší obsah, místo aby uživatel nechal na prázdné obrazovce hledět na roztomilé animaci. Tímto způsobem se uživatel necítí, že byste se s nimi setkali na rande a že jste stále tam.

předběžná nabíječka

4. Mega menu

Mega menu se může zdát jako dobré řešení pro webové stránky, které mají mnoho stránek a sekcí, ale není to. Problémem je, že vytvářejí pro uživatele bludiště podobnou zkušenost, když se snaží najít požadovanou stránku. Nalévá břemeno navigace k uživateli a rychle se zklamá nebo nudí.

Pokud nechcete, aby navigace vašeho webu připomínala hru Where's Waldo , můžete rozdělit různé odkazy do sekcí. Můžete také vyměnit některé textové odkazy pro snímky, aby to bylo méně světské. Konečně, kvůli lidstvu, prosím, zůstaňte v klidu od aktivovaných dropdownů.

menu

5. Nekonečné posouvání

Zatímco nekonečné posouvání vyřešilo problémy s uchováním, vytvořilo nám více problémů, než bylo stanoveno. Pokud potřebujete oslovit důležitou stránku, která je umístěna v zápatí webu a web je automaticky aktivován, je to ztracená věc. Dalším problémem je, když jste na chvíli rolovali a navštěvovali jinou stránku. Je čas vrátit se a pokračovat odkud jste skončili? Bez šance.

Stejně jako mega menu, nekonečné rolování má velký potenciál, pokud je implementován správně. Smazat vzorek s tradiční stránkování a umožnit uživateli zvolit si pokračování v posunu s akcí. To vám pomůže udržet vaše zápatí přístupné. Chcete-li vyřešit problém, kdy uživatelé ztrácejí, kde se nacházejí, změňte adresu URL vždy, když stránka načte jinou sekci.

svitek

Obalování nahoru

Rychlé odmítnutí odpovědnosti je, že i když jsem zmínil, že výše uvedené vzory UX jsou šíleně otravné, neznamená to, že byste se jim měli vyvarovat jako mor. Zatímco nejsou nejlepší volbou, některé z nich mohou pracovat pro vaše webové stránky v závislosti na vašich požadavcích. Vyzkoušejte však empatii s vašimi uživateli a přemýšlejte před tím, než použijete některý z těchto vzorů.