Čtyři techniky návrhu UX k podpoře zapojení uživatelů

Povzbuzování uživatelů k tomu, aby zůstali a používali webové stránky, nemusí vždy zahrnovat štíhlejší kód nebo hezčí grafiku. Některé z nejjednodušších rozvržení, jako je například Reddit, stále udržují uživatele obsažené v obsahu a jsou nadšeni, že mohou s webem spolupracovat..

Tajemství spočívá v uživatelské zkušenosti a zvážení. \ t jak webové stránky. Interakce pramení z prvků stránky a toků akcí, které se pohybují z jedné stránky na druhou.

V tomto příspěvku se podívám na některé Techniky návrhu UX které lze použít zlepšit uživatelský komfort a zvýšit zapojení uživatelů. Všimněte si, že tyto nejsou vždy použitelné na každé webové stránce a je důležitější pochopit, proč tyto techniky fungují, takže můžete použít svůj vlastní úsudek.

Předmět uživatelské zkušenosti je obrovský a vyžaduje trpělivost, abyste plně porozuměli. Čím více však budete cvičit, tím více budete rozumět

Nejlepší věc, kterou můžete udělat, je hrát na webových stránkách se vám líbí a vyřešit co máš rád o nich. Z vašich zkušeností můžete extrapolovat konzistentní nápady a zjistit, co vás (a možná i ostatní) udržuje na webových stránkách.

1. Použijte Kontrast ke kreslení

Každá stránka je postavena s několika prvky pro interakci uživatele. Hypertextové odkazy, tlačítka, vstupní pole, widgety sidebar, seznam pokračuje a pokračuje. Ale ne všechny elementy by měly být vytvořeny stejně. Některé jsou přirozeně důležitější pro zapojení návštěvníků a měly by být navrženy vyšší kontrast vyniknout z jiných prvků na stránce.

Tato myšlenka vychází z vysokého kontrastu barev a způsobu, jakým lidé zpracovávají vizuální data ve vzorcích. Když něco vyčnívá z jeho okolí, ať už barvou, velikostí, tvarem nebo mezerami, může to na základě kontextu.

Použijte kontrast, abyste upozornili na určité prvky stránky, které návštěvníky zapojí do konkrétního úkolu. Pokud je vaším cílem vytvořit více registrací zpravodaje, může mít vaše odběrová schránka jasné animované tlačítko pro přihlášení nebo jedinečnou ikonu vektoru.

Cílem je zaujmout pozornost vytvořením rozhraní, které láká návštěvníky k provádění některých požadovaných akcí..

Pokud máte čas, mohlo by to stát za to spustit několik A / B případových studií, abyste zjistili, které barvy / prvky hrají nejlépe dohromady. Statistiky je obtížné přesně určit, ale budete překvapeni, kolik toho lze z jednoduchého split testu zjistit.

2. Vkusné UI / UX animace

Nedávno jsem narazil na post s názvem Co dělá Disney vědět o animaci rozhraní. Zahrnuje životně důležité body animace a to, jak tyto hry hrají na psychiku uživatelů, kteří pracují s plochou 2D obrazovkou.

Různé typy animací mohou znamenat určité chování. Když například přejdete na tlačítko, může se odrazit a ukázat, že je k dispozici. Chybová hlášení se často třesou, aby upozornila uživatele.

Pamatuj si to UX animace by měla být viditelná, ale subtilní. Divoké animace jsou více pro televizi a filmy než pro rozhraní.

Ale to neznamená, že by vaše rozhraní mělo zůstat ploché. Ve skutečnosti by většina uživatelů spíše mají nějaký druh animace, protože to dává iluzi hladšího zážitku. Digitální design je částečně o vytvoření iluzorního rozhraní, ale realističtější zdá se, že čím více budou uživatelé chtít komunikovat.

3. Reagující design jako požadavek

Je spravedlivé říci, že velká část uživatelů internetu prohlíží své mobilní telefony. Odkazy, které se sdílejí na sociálních sítích, jako je Facebook a Twitter, jsou často navštěvovány přímo na smartphonech a tabletových zařízeních.

To znamená, že každá webová stránka by měla být nějakým způsobem optimalizována pro mobilní telefony - nejlépe s plně citlivým designem.

Když jste velikost obrazovky, to umístí kritické prvky do zcela nového světla. Jako designér musíte zvolit, které funkce jsou nejdůležitější a jak by se měly zobrazovat na menších obrazovkách. Tato responzivní designová strategie vyžaduje čas, než se naučíte, ale nejlepším způsobem je studium dalších webových stránek a vyzvednutí technik, které se vám líbí.

Pravda je citlivé konstrukční práce a je to stále více přijímá design komunity s každým rokem.

Uživatelé také očekávají, že webové stránky budou plně citlivé, takže se postarají o všechny obrazovky zařízení. Pokud se web nehodí do mobilního webového prohlížeče, může být pro uživatele nepříjemný.

4. Zjednodušte proces interakce

Časopis Smashing Magazine nedávno zveřejnil jeden z nejlepších příspěvků, které jsem četl na podporu zjednodušení návrhu rozhraní. Uvádí, že nikdo nechce skákat přes obruče, aby používal vaše webové stránky nebo aplikaci. Lidé se zajímají jen o konečný výsledek, a nejrychlejší způsob, jak se tam dostat.

Rád buduji vývojové diagramy UX pro každý prvek interaktivní stránky, kdykoliv jsem kreslil drátové modely. Tyto informace pomáhají vizuálně představit, jak by měly stránky vypadat a funkce.

Ale ve skutečnosti nezáleží na tom, jak plánujete zážitek. Jen se ujistěte, že plánujete nejrychlejší a nejjednodušší možný zážitek. Pokud jde o povzbuzující činnost, budete chtít, aby důležité věci byly z návrhu.

Pokud někdo přistane na vašem webu a nechápe, jak se registrovat hned, je to obrovský problém. Mělo by to být očividně zřejmé uživateli, co vaše stránky dělají a jak mohou být od sebe.

Nejlepší místo, kde začít, je zkoumání návrhu UX a procesu interakce uživatelů s rozhraním. Odtud budete moci vyvodit závěry relevantní pro vaše vlastní projekty a v ideálním případě zjednodušit vaše rozhraní k jejich největšímu potenciálu.

Pro související čtení na téma činnost uživatele, podívejte se na tyto příspěvky:

• Prolomení konvencí Web Design = Prolomení uživatelských zkušeností
• Usability & User Experience Archives na časopisu Smashing
• Web Design koncepty Entice interakce uživatele

Zabalit

Neexistuje jediná odpověď na to, jak navrhovat (nebo opravovat) webové stránky, aby se zvýšila použitelnost. Ano, tam jsou některé věci, které můžete zkusit, ale každý web je trochu jiný a studium UX designu je velmi složité.

Doufám, že tento článek může začít přemýšlet o některých běžných technikách pro budování vysoce využitelných rozhraní. Nejlepší věc, kterou můžete udělat, je umístit se do bot typického uživatele a pokusit se určit hlavní nedostatky rozhraní. A jakmile zjistíte problém, jste již v polovině řešení!