Štyri techniky návrhu UX na podporu interakcie používateľov

Povzbudzovanie používateľov k tomu, aby zostali na webových stránkach a používali ich, nezahŕňa vždy štíhlejší kód alebo krajšiu grafiku. Niektoré z najjednoduchších rozvrhnutí, ako je Reddit, stále udržiavajú používateľov obsiahnutých v obsahu a sú nadšení, že môžu interagovať so stránkou.

Tajomstvo spočíva v používateľskom zážitku a zváženie ako webové stránky fungujú. Interakcie vychádzajú z prvkov stránky a akčných tokov, ktoré sa pohybujú z jednej strany na ďalšiu.

V tomto príspevku sa pozriem na niektorých UX konštrukčné techniky na ktoré možno použiť zlepšiť používateľskú skúsenosť a zvýšiť angažovanosť používateľov. Upozorňujeme, že tieto informácie nie sú vždy použiteľné na každej webovej stránke a je dôležitejšie pochopiť, prečo tieto techniky fungujú, aby ste mohli použiť svoj vlastný úsudok.

Predmet skúseností s používateľmi je obrovský a vyžaduje trpezlivosť, aby boli plne pochopiteľné. Ale čím viac cvičíte, tým viac pochopíte

Najlepšia vec, ktorú môžete urobiť, je hrať sa na webových stránkach, ktoré sa vám páčia a prísť na čo máš rád o nich. Z vašich skúseností môžete extrapolovať konzistentné myšlienky a zistiť, čo Vás (a možno aj iné) drží na webových stránkach.

1. Použite Kontrast na kreslenie pozornosti

Každá stránka je postavená s niekoľkými prvkami vytvorenými pre interakciu používateľa. Hypertextové odkazy, tlačidlá, vstupné polia, miniaplikácie na bočnom paneli, zoznam sa zapína a zapína. Ale nie všetky prvky by mali byť vytvorené rovnaké. Niektoré sú prirodzene dôležitejšie pre návštevníkov a mali by byť navrhnuté vyšší kontrast vyčnievať z iných prvkov na stránke.

Táto myšlienka vychádza z vysokého farebného kontrastu a spôsobu, akým ľudia spracovávajú vizuálne údaje v modeloch. Keď niečo vynikne z okolia, či už podľa farby, veľkosti, tvaru alebo medzery, môže to sú dôležitejšie na základe kontextu.

Použite kontrast, aby ste upozornili na určité prvky stránky, ktoré zapájajú návštevníkov do konkrétnej úlohy. Ak je vaším cieľom vytvoriť ďalšie registrácie bulletinov, potom vaše pole odberu môže mať jasné animované tlačidlo registrácie alebo jedinečnú vektorovú ikonu.

Cieľom je zachytiť pozornosť vytvorením rozhrania, ktoré láka návštevníkov na vykonanie niektorých požadovaných akcií,.

Ak máte čas, možno by ste stáli za pár prípadových štúdií A / B, aby ste zistili, ktoré farby / prvky najlepšie hrajú. Štatistiky sú ťažko presné, ale budete prekvapení, koľko sa dá naučiť z jednoduchého rozdelenia.

2. Vkusná UI / UX animácia

Nedávno som narazil na príspevok s názvom Čo robí Disney Know About Interface Animation. Zahŕňa životne dôležité body animácie a ako tieto hrajú na psychiku používateľov, ktorí interagujú s plochou 2D obrazovkou.

Rôzne typy animácií môžu znamenať určité správanie. Napríklad, ak sa vznášate nad tlačidlom, môže sa odraziť, aby sa ukázalo, že je možné kliknúť. Chybové správy sa často pretrepávajú, aby upozorňovali užívateľa.

Zapamätaj si to Animácia UX by mala byť viditeľná, avšak jemná. Animované divoké animácie sú skôr pre televíziu a filmy než pre rozhrania.

To však neznamená, že vaše rozhrania by malo zostať ploché. V skutočnosti by to väčšina používateľov trochu mať nejaký druh animácie, pretože dáva ilúziu plynulejšieho zážitku. Digitálny dizajn je čiastočne asi vytvára iluzórne rozhranie, ale tým realistickejší zdá sa, že čím viac používateľov bude chcieť komunikovať.

3. Reagujúci návrh ako požiadavka

Je spravodlivé povedať, že veľká časť používateľov internetu prehliada zo svojich mobilných telefónov. Odkazy, ktoré sa zdieľajú so sociálnymi stránkami, ako sú Facebook a Twitter, sú často navštevované priamo na smartphonoch a tabletových zariadeniach.

To znamená, že každá webová stránka by mala byť optimalizovaná pre mobilné telefóny nejakým spôsobom - najlepšie s úplne reagujúcim dizajnom.

Keď si nútené zvážiť veľkosť obrazovky, to umiestňuje kritické prvky do úplne nového svetla. Ako dizajnér si musíte vybrať, ktoré funkcie sú najdôležitejšie a ako by sa mali zobrazovať na menších obrazovkách. Táto flexibilná dizajnová stratégia si vyžaduje čas, aby ste sa naučili, ale najlepší spôsob je štúdium iných webových stránok a vyzdvihnutie techník, ktoré sa vám páčia.

Pravda je citlivé dizajnérske práce a to je stále viac prijímané návrhárskou komunitou s každým rokom.

Používatelia tiež očakávajú, že webové stránky budú plne reagovať, takže sa postarajú o obrazovku zariadenia. Ak sa webová stránka nezhoduje dobre do mobilného webového prehliadača, môže to byť zážitok pre používateľov.

4. Zjednodušte proces interakcie

Smashing Magazine nedávno zverejnil jeden z najlepších príspevkov, ktoré som čítal na podporu zjednodušenie návrhu rozhrania. Uvádza sa, že nikto nechce skákať cez obruče, aby používal váš web alebo aplikáciu. Ľudia sa zaujímajú iba o konečný výsledok, a najrýchlejší znamená dostať sa tam.

Rád vývojové diagramy UX pre každý prvok interaktívnej stránky chcem zakúšať pri kreslení drátových rámov. Tieto pomáhajú vizuálne pochopiť, ako má stránka vyzerať a funkcie.

Ale v skutočnosti nezáleží na tom, ako plánujete zážitok. Len sa uistite, že plánujete najrýchlejší a najjednoduchší zážitok. Pokiaľ ide o povzbudenie aktivít, budete chcieť, aby boli dôležité veci vyplývajúce z návrhu.

Ak niekto pristane na vašej webovej stránke a nerozumie tomu, ako sa zaregistrovať hneď, je to obrovský problém. Malo by byť nepochopiteľné používateľovi, čo vaše stránky robia a ako sa môžu od seba líšiť.

Najlepším miestom na začatie je skúmanie dizajnu UX a proces, ako používatelia interagujú s rozhraním. Odtiaľ budete môcť vyvodiť závery týkajúce sa vašich vlastných projektov a v ideálnom prípade zjednodušiť vaše rozhrania na ich najväčší potenciál.

Pre súvisiace čítanie na tému aktivity používateľa, pozrite sa na tieto príspevky:

• Zlomené konvencie webového dizajnu = prerušenie používateľského zážitku
• Použiteľnosť a užívateľské skúsenosti Archívy o časopisu Smashing
• Koncepty webového dizajnu, ktoré podporujú interakciu používateľa

Zabaliť

Neexistuje žiadna odpoveď o tom, ako navrhnúť (alebo opraviť) webové stránky na zvýšenie použiteľnosti. Áno, tam je niekoľko vecí, ktoré môžete vyskúšať, ale každá stránka je trochu iná a štúdium UX dizajnu je veľmi zložité.

Dúfam, že tento článok vás môže začať premýšľať o niektorých bežných technikách pre budovanie vysoko použiteľných rozhraní. Najlepšia vec, ktorú môžete urobiť, je umiestniť sa do topánok typického používateľa a pokúsiť sa určiť hlavné nedostatky rozhrania. A akonáhle rozpoznáte problém, ste už v polovici riešenia!