Ladislav Perduk a Jakub Čentík

1. Čo je to použiteľnosť webu
a 5 tipov ako ju zlepšiť
Ladislav Perduk, Jakub Čentík

2. Čo je použiteľnosť webu?

4. Osoba s priemernými (alebo podpriemernými) technickými
schopnosťami a skúsenosťami dokáže používať produkt
bez problémov.

5. Prečo je použiteľnosť
dôležitá?

7. Dobrá použiteľnosť znamená konkurenčnú výhodu.

8. Myslíme si, že náš web je použiteľný aj keď tomu tak nie je.

10. O chybách v použiteľnosti sa často nedozviete.

11. Ako sa používatelia
správajú?

13. Ľudia stránky nečítajú - skenujú ich.

14. Ľudia sa nepokúšajú nájsť najlepšiu možnú cestu.
Nerobia úplne racionálne rozhodnutia.

15. Nezaujíma nás ako v skutočnosti veci fungujú.
Ak nájdeme niečo, čo funguje držíme sa toho.

16. Ako sa prispôsobiť
správaniu zákazníkov

17. Tip č. 1
Dbajte na formátovanie
a obsah textu

18. Dbajte na svoj obsah. Formátovanie je dôležité z pohľadu orientácie v texte a
návštevníkom pomáha lepšie sa zorientovať a nájsť dôležité informácie. Text
preto formulujte do kratších odstavcov, používajte odrážky a dôležité informácie
zvýraznite tučným písmom. Taktiež nezabúdajte aj na nadpisy, podnadpisy a
obrázky ilustrujúce obsah. Dlhé a nezrozumiteľné texty vašich návštevníkov určite
nepotešia a preto myslite na to že text na vašom webe by mal mať tieto dve
vlastnosti a to stručnosť a zrozumiteľnosť. Ak text bude dlhý, plný nepotrebných
informácií a ťažko pochopiteľný, návštevník v ňom nenájde potrebné informácie a
pôjde ich hľadať inde, napr. ku konkurencii. Preto pri písaní myslite na návštevníka
a na to aké informácie ho zaujímajú. Vyhnite sa termínom, ktoré nepozná a
zložitým formuláciám.

19. ● Používajte kratšie a výstižnejšie texty
● Texty formátujte do kratších odstavcov
● Používajte nadpisy, podnadpisy
● Používajte info grafiku
● Vyhýbajte sa technickým alebo marketingovým
pojmom

20. Tip č. 2
Zaužívané vzorce sú
vašimi priateľmi

24. Tip č. 3
Buďte minimalisti

26. Tip č. 4
Čím mám menej možností
tým sa jednoduchšie
rozhodnem

27. Vždy sa pýtajte čo najmenej. Na ľavo množstvo zbytočných otázok. Na pravo iba tie najpodstatnejšie.

28. Tip č. 5
Odlíšte prvky, ktoré chcete
aby si užívateľ lepšie
zapamätal

31. Na akej som stránke?
Aké sú hlavné sekcie tejto stránky?
Aké mám možnosti?
Kde sa nachádzam v celkovej schéme?
Ako dokážem vyhľadávať?
Ako sa môžem vrátiť?

32. Analýza
Prieskum trhu
Analýza konkurencie
Definovanie cieľov
Informačná architektúra
Mapa stránky
Obsah (texty, obrázky, videá...)
Dizajn
Wireframe
Vizuálny dizajn
Prototyp / Testovanie
Implementácia
Programovanie
Nasadenie analytických nástrojov
Spustenie
Správa webu
Podpora
Testovanie
Používateľské testovanie
Vyhodnocovanie analytických nástrojov

36. Ako ďalej?
● premýšľajme nad použiteľnosťou webu
● nasaďte na svoju stránku Hotjar a Google Analytics
● nechajte si pravidelne vyhodnotiť výsledky z nich
● robme používateľské testovanie

38. Ďakujeme
za pozornosť

39. Co mozu urobit oni a co urobime my - ZHRUTIE
- MY: testovanie dizajnu, testovanie pouzitelnosti, sledovanie a interpretacia
analytickych nastrojov, navrh dizajnu
- Oni: dbat na obsah, informacna architektura - struktura stranky

40. Testovanie ako sme robili

41. Ako merať použiteľnosť produktu?
- pouzivatelske testovanie
- testovanie dizajnu
- -----------------------------------
- Google Analytics
- A/B Testing
- Hotjar

42. Trunk test

43. Čo je to?
Čo tu majú?
Čo tu môžem robiť?
Prečo mám byť tu a nie u konkurencie?

44. POUŽITEĽNOSŤ JE
NEKONCIACI CYKLUS

45. Jakob’s Law
Používatelia trávia množstvo času na rôznych stránkach. To znamená, že používatelia dávajú prednosť tomu, aby vaše stránky fungovali rovnakým
spôsobom ako všetky ostatné stránky, ktoré navštevujú.
Ak sa zamyslíte nad poslednými desiatimi webovými stránkami, ktoré ste navštívili, stavím sa, že väčšina z nich má logo spoločnosti v ľavom hornom
rohu a kliknutím naň prejdete na domovskú stránku. Toto je jedna z najbežnejších častí webových stránok a používatelia očakávajú, že to takto bude
rovnako aj u vás.
Zjednodušte používateľom prácu s vašou stránkou, tým že im poskytnete známe návrhy. Ak ste sa naozaj nerozhodli opätovne objaviť koleso,
odporúčame vám, aby ste sa držali tohto pravidla a štandardizovali prvky na vašej stránke.
ďalší príklad:
Väčšina elektronických obchodov má takéto rozloženia.
Obrázok vľavo, názov, cena, konfigurácia a "Pridať do košíka" vpravo.
Ak máte elektronický obchod, logické by bolo, aby ste túto štruktúru zachovali,
pretože potenciálny klient vie, ako funguje elektronický obchod a preto očakáva
niečo podobné aj u vás. Nenúťte ho zbytočne premýšľať!

46. Von Restorff Effect
“Pamätáme si veci, ktoré vyniknú.”
Efekt izolácie (známy tiež ako Von Restorff Effect) predpovedá, že ak sú prítomné viaceré podobné objekty, ten, ktorý sa odlišuje od ostatných, je s
najväčšou pravdepodobnosťou najľahšie zapamätateľný!
Konkrétne je možné urobiť určitú voľbu atraktívnejšou, ak je umiestnená vedľa alternatívy, v porovnaní s ktorou je v niektorých ohľadoch výrazne
lepšia. Avšak tento efekt môže mať aj zaujímavý dôsledok a to že svoju pozornosť upriamíte na jedinečnú položku až tak, že odstráni vašu pozornosť
z ostatných položiek takže si vo finále zapamätáte menej.
To je jeden z dôvodov prečo by na našej stránke mali byť call-to-action tlačidlá odlišné od ostatných tlačidiel na webe.
Ako prvé si prečítate odporúčané z dôvodu “efektu
izolácie”

47. Miller’s Law
Podľa tohto pravidla si môžu ľudia pamätať 5 až 9 rôznych prvkov vo svojej “pracovnej pamäti”. Stovky experimentov dokazujú univerzálnosť tohto
obmedzenia pamäti. Preto by navigácia na webovej stránke mala obsahovať najviac 5 až 9 prvkov. S viac ako 9 prvkami sa vytvára zmätok a
používateľ stráca pozornosť, pretože si už nemôže spomenúť na to, kde sa nachádza možnosť, ktorú teraz hľadá.
"Vždy usporiadajte prvky s informáciami v kategóriách nie väčších ako 9, ideálne o veľkosti 5 položiek."

48. Kedy nepoužiť Hick’s law?
Rovnako dôležité je vedieť kedy toto pravidlo nepoužiť. Hick’s Law nemožno použiť v prípade komplexného rozhodnutia. Ak
si rozhodnutie vyžaduje rozsiahle čítanie, prieskum, alebo rozšírené úvahy. V tom prípade Hick’s Law nemôže predpovedať
čas na vykonanie rozhodnutia.
Napríklad výber večere v luxusnej reštaurácii, alebo výber hotela na dovolenku.
Tieto možnosti výberu sú zložité. Užívatelia musia zvážiť veľa možností, aby mohli urobiť konečné rozhodnutie. V týchto
prípadoch Hick’s Law neplatí. Vzťahuje sa iba na jednoduché a rýchle rozhodnutia vo vhodnom kontexte.

49. Hick’s Law
“Čas potrebný na rozhodnutie, sa zvyšuje s počtom možností.”
“Uľahčime používateľovi výber”
“Mať príliš veľa možností s rovnako vnímanou hierarchiou môže spôsobiť paralýzu. To môže viesť k pocitu frustrácie. Nie je
to najlepšia skúsenosť používateľov.”
Takže čas potrebný na to aby sa používateľ rozhodol a dokončil konverziu sa zvyšuje s počtom možností ktoré má, pretože
sa pokúša nad jednotlivými možnosťami premýšľať a vybrať si tú najlepšiu.
Preto je lepšie používateľovi poskytnúť napr. viac-krokový objednávkový formulár so 4 krokmi a 5 možnosťami v jednotlivom
kroku, než jednostránkový formulár s 20 možnosťami. Používateľ sa tak dokáže lepšie sústrediť na jednotlivé kroky a
rýchlejšie dokončí objednávku.

50. Hick’s law, or the Hick–Hyman Law, named after British and American psychologists William Edmund Hick and Ray Hyman,
describes the time it takes for a person to make a decision as a result of the possible choices he or she has: increasing the
number of choices will increase the decision time logarithmically.
So, the time it takes a user to finish her task increases with the number of available options. We can shorten this to: Less is
Faster (easier to remember)

52. JOZO
- Co je ZACHEJ
- bussines model
- spravanie ludi v kosiku KOSIK --- PRERABKA KOSIKA - preco? ako?
porovnanie so starym kosikom
- jeho testovanie kosika - UX
- redizajn