Nenechaj používateľa premýšľať: Zásadná myšlienka pri tvorbe web stránok a mobilných aplikácií
Jedno zo základných pravidiel pri návrhu webových stránok a mobilných aplikácií znie: „Nenechaj používateľa premýšľať.“ Táto zásada vychádza z užívateľského správania a psychológie – čím menej úsilia musí používateľ vynaložiť na pochopenie rozhrania, tým rýchlejšie a s väčšou spokojnosťou dosiahne svoj cieľ. A to je presne to, čo ako dizajnéri, kóderi a vývojári chceme.
O čom to celé je?
Túto myšlienku preslávil Steve Krug vo svojej knihe Dont Make Me Think. Jej hlavný odkaz je jednoduchý: každý zbytočný moment váhania alebo nejasnosti spôsobuje frustráciu a riziko, že používateľ odíde.
Používateľ by mal vedieť: Kde sa práve nachádza, Kam môže kliknúť a čo sa stane, Ako sa vrátiť späť, Ako vykonať základné úlohy bez nutnosti rozmýšľať, čítať návody či experimentovať.
Ako to aplikovať v praxi
1. Používaj jasné a intuitívne prvky: Button má vyzerať ako button. Ikona má zodpovedať svojej funkcii. Navigácia má byť na očakávanom mieste (napr. hamburger menu vpravo hore, späť vľavo). Dobré: Tlačidlo „Kúpiť teraz“ s výraznou farbou. Zlé: Tlačidlo „Akcia“ bez kontextu a s nevýrazným dizajnom.
2. Minimalizuj počet rozhodnutí: Čím viac možností používateľ má, tým dlhšie trvá, kým si vyberie. Je to psychologický jav nazývaný paralýza z výberu. Dobré: 3 hlavné akcie na domovskej obrazovke. Zlé: 10 rôznych tlačidiel bez jasného poradia.
3. Konzistentnosť je kľúčová: Ak raz niečo funguje určitým spôsobom, fungujúcim to musí zostať. Nezavádzaj používateľa rôznymi interakciami na rôznych miestach pre tú istú vec. Dobré: Rovnaký dizajn tlačidla „Späť“ v celej aplikácii. Zlé: Raz je „Späť“ ikona, inokedy text, inokedy gesto.
4. Zrozumiteľný jazyk: Nepoužívaj odborné alebo interné výrazy. Hovor rečou používateľa. Dobré: „Pridať do košíka“. Zlé: „Iniciovať proces objednávky“.
5. Predvídateľné správanie: Každý prvok by sa mal správať tak, ako to používateľ očakáva. Ak klikne na ikonu domovskej stránky, mal by sa dostať domov. Dobré: Kliknutím na logo sa vrátim na hlavnú stránku. Zlé: Kliknutím na logo sa otvorí kontaktný formulár.
Prečo je to dôležité?
Znižuje mieru odchodov: Ak používateľ rýchlo nájde, čo hľadá, zostane. Zvyšuje konverzie: Jednoduchšie prostredie znamená menej prekážok k cieľu (napr. nákup). Buduje dôveru: Profesionálne a intuitívne rozhranie pôsobí dôveryhodne. Lepšia prístupnosť: Aj menej technicky zdatní používatelia si poradia.
Tvorba web stránky alebo aplikácie nie je len o dizajne a kóde. Je to predovšetkým o skúsenosti používateľa. Ak musí človek premýšľať, tak sa zdržuje, váha, hnevá sa alebo rovno odchádza. Naopak, keď je všetko prirodzené, jasné, jednoduché, tak sa užívateľ cíti príjemne, uvoľnene – všetko proste funguje. A práve o to by sme sa mali usilovať.
Vždy keď dokončím web stránku alebo mobilnú aplikáciu, tak ju najskôr dám otestovať svojmu okoliu. Ak vidím, že niektorý z testerov musel pri niečom premýšľať, tak som zlyhal a musím to napraviť. Správny dizajn je ten, ktorý nemusíš druhému vysvetľovať.