Naozaj použiteľné weby bez veľkých rozpočtov

Andrej Salner, MSc.Managing Partner, Senior konzultant

Pizza SEODátum: 9.2.2017

Dnešné ambície

Hovoriť o použiteľnosti v kontexte “normálnych” webov

Hovoriť o používaní webov na mobiloch

Predstaviť pár analytických frameworkov užitočných pre použiteľnejší web

Hovoriť o veciach, ktoré dokážeme riešiť sami 2

Použiteľná webová stránka - o čom je reč?

5 zložiek kvality:1. Ako rýchlo sa naučím s webom robiť2. Keď sa s ním naučím robiť, ako rýchlo dokážem urobiť to,

čo potrebujem?3. Keď sa po určitom čase na web vrátim, ako ľahko sa opäť

zorientujem?4. Ako často prichádza pri použití k chybám?5. Je používateľ s webom spokojný?

3Zdroj: https://www.nngroup.com/articles/usability-101-introduction-to-usability/

Kto je naša cieľovka?

Kadekto, ale…

4

Kto je naša cieľovka?

Kadekto, ale…

...inattentional blindness

5

Kto je naša cieľovka?

Kadekto, ale…

Priemerná schopnosť udržať pozornosť klesla od roku 2000 z 12 na 8 sekúnd

6Zdroj: https://advertising.microsoft.com/en/wwdocs/user/display/cl/researchreport/31966/en/microsoft-attention-spans-research-report.pdf

Desktopy a mobily

Koľko návštev je dnes z mobilu?

7

Desktopy a mobily

Väčšina surfovania sa deje na mobile a deje sa s inými očakávaniami!

8

Čo čakám od webu na mobile?

Hľadám, kde sa firma nachádza

Potrebujem volať!

9

Čo čakám od webu na mobile?

Neviem/nechcem veľa písať!

10

Čo čakám od webu na mobile?

Neviem/nechcem veľa čítať!

11

Desktopy a mobily

Responzívny dizajn

- Prispôsobí sa veľkosti obrazovky- Vybrané prvky sa pri zmenšení strácajú

Ale:

- Zabíja konverzie

12

Desktopy a mobily

Samostatný mobilný web

- Môže mať iný layout, obsah aj funkčné prvky

13Zdroj: http://babich.biz/perfect-bottom-navigation-for-mobile-app/

Ako riešia použiteľnosť vo veľkom projekte?

Výskum ešte predtým, než začneme

- Ako používatelia používajú existujúci web?

Výskum pri tvorbe informačnej architektúry

- Cardsorting

Validácia UX

- Testovanie prototypov (klikateľných?)

Výskum pri tvorbe dizajnu

Výskum po spustení

14Zdroj: https://www.usertesting.com/blog/2016/01/21/limited-attention/, http://downloads.usertesting.com/white_papers/UserTesting_eBook_UX_Research_Methodologies.pdf

Základný rozpočet na používateľský výskum sa pohybuje okolo 5000 €.

To je viac, ako cena za väčšinu webov!

Čo teda robiť?

15

Čo keď nemáme na drahé testovanie?

Heuristiky

16Zdroj: https://research.googleblog.com/2012/08/users-love-simple-and-familiar-designs.html

Princípy presvedčivého dizajnu

1. Reciprocita

17Zdroj: https://www.usertesting.com/blog/2015/05/12/6-psychological-triggers-that-make-ux-design-persuasive/

Princípy presvedčivého dizajnu

2. Spoločenská validácia

18Zdroj: https://www.usertesting.com/blog/2015/05/12/6-psychological-triggers-that-make-ux-design-persuasive/

Princípy presvedčivého dizajnu

3. Nedostatok

19Zdroj: https://www.usertesting.com/blog/2015/05/12/6-psychological-triggers-that-make-ux-design-persuasive/

Princípy presvedčivého dizajnu

4. Rámcovanie

20Zdroj: https://www.usertesting.com/blog/2015/05/12/6-psychological-triggers-that-make-ux-design-persuasive/

4 druhy ľudí

1. Kompetitívni

2. Metodickí

3. Humanistickí

4. Spontáni

21Zdroj: https://conversionxl.com/buyer-modalities-are-totally-meaningless/

1. Kompetitívni

22

1. Kompetitívni

23

1. Kompetitívni

Potrebujú istotu, že si kupujú pre seba to najlepšie

Ponúknite konkrétne dôkazy a nepreháňajte!

24

2. Metodickí

25

2. Metodickí

26

2. Metodickí

Každé tvrdenie podporte konkrétnymi číslami!

Ponúknite potvrdenie vašej dôveryhodnosti!

Ponúknite čím viac podrobností a pozor na to, čo je malým písmom!

27

3. Humanistickí

28

3. Humanistickí

29

3. Humanistickí

Využime spoločenskú validáciu!

Umožnime interakciu, obsah tvorený používateľmi.

30

4. Spontánni

31

4. Spontánni

32

4. Spontánni

Výpredaje, zľavy, časovo obmedzené ponuky!

Zrozumiteľnosť, aby vedeli napredovať!

Jednoducho nájditeľná a realizovateľná výzva konať

33

4 druhy ľudí

1. Kompetitívni 5 - 10 %

2. Metodickí 45 %

3. Humanistickí 10 - 15 %

4. Spontáni 25 - 35 %

34Zdroj: https://conversionxl.com/buyer-modalities-are-totally-meaningless/

Čo od webu chcete?

Päť základných konverzných vzorcov:

1. Brožúra2. Publikácia3. Eshop4. Konzultačná stránla5. Online služba

35Zdroj: Your Customer Creation Equation: Unexpected Website Formulas of The Conversion Scientist™ Paperback – July 10, 2012 by Brian Massey

Brožúra

Opiera sa o tradičnú tlačenú brožúru

- Nudné texty- Kupované obrázky

Je vhodná, ak nepotrebujeme na webe predávať!

Odporúčané stratégie:

Dôraz na design (u brožúry na ňom záleží najviac!)

Jasná hodnotová propozícia

Ľahká kontaktovateľnosť

36

Publikácia

Opiera sa o tradičné noviny

- Dlhší textový obsah

Financuje ju reklama, predplatitelia alebo výnosy z nadväzujúceho podnikania.

Odporúčané stratégie:

Obsah musí byť ľahké nájsť (a tomu musíme prispôsobiť navigáciu)

Zdieľajte obsah v rôznych formátoch

37

Eshop

Online verzia katalógu

- Produkty na predaj mimo webu

Odporúčané stratégie:

Produkty musí byť ľahké nájsť!

Produktový page slúži ako landing page!

Urobte nakupovanie jednoduchým

38

Konzultačná stránka

Obzvlášť vhodná na podporu dlhého predajného cyklu v B2B predaji

- Podporuje “interných podporovateľov”

Vhodná tam, kde predávame komplexný alebo drahý podukt alebo službu vyžadujúcu konzultatívny predaj. O kúpe rozhoduje viac ľudí.

- Produkty na predaj mimo webu

Odporúčané stratégie:

Pomôžte návštevníkom porozumieť ich problémom

Vymeňte niečo cenné za konttaktné údaje

Využite email na podporu pri rozhodovaní

39

Online služba

Celú služby poskytuje webová stránka

- Bojuje s “freemium” modelom

Odporúčané stratégie:

Urobte z návštevníkov testerov

Emailom z testerov urobte zákazníkov

Prilákajte ich, aby sa prihlasovali

40

Quick and dirty testovanie

- Otestujte svoj starý web!- Otestujte weby konkurentov!- Urobte si papierový prototyp!

41

Quick and dirty testovanie

Buyer personasBuyer legendsOnline dotazníky

42

Quick and dirty testovanie

Mamky testují weby

43Zdroj: http://www.petramikulaskova.cz/2016/06/recenze-mamky-testuji-weby-aneb-levne-rychle-testovani-ux/

Quick and dirty testovanie

The User is Drunk

44Zdroj:http://theuserisdrunk.com/

Quick and dirty testovanie

UserTesting.com

45Zdroj:http://theuserisdrunk.com/

Vzorové používateľské testovanie

Nájdite testerov (FB? Okolie?).Vytvorte protokol (najčastejšie úlohy, doplňujúce otázky).Vytvorte testovacie laboratórim (vlastné počítače)?

46

Koľko treba testerov?

47

5

Iné možnosti

Hotjar

Qualaroo

48

Iné možnosti

UserTesting.com

49

Najčastejšie ľahko riešiteľné problémy s použiteľnosťou

50

Nad foldom nevidíme to, čo chceme

Zdroj: https://www.nngroup.com/articles/page-fold-manifesto/

Najčastejšie ľahko riešiteľné problémy s použiteľnosťou

51

Priveľa zle napísaných textov

Najčastejšie ľahko riešiteľné problémy s použiteľnosťou

52

Tajíme ceny

Najčastejšie ľahko riešiteľné problémy s použiteľnosťou

53

Tajíme, kto sme

Najčastejšie ľahko riešiteľné problémy s použiteľnosťou

54

Ťažko nás je kontaktovať

Najčastejšie ľahko riešiteľné problémy s použiteľnosťou

55

Neúčinná výzva konať

- Na mobile možnoskúsiť Click to Call?

Najčastejšie ľahko riešiteľné problémy s použiteľnosťou

56

Používateľom nie je zrejmé, čo sa stane

Najčastejšie ľahko riešiteľné problémy s použiteľnosťou

57

Nezaoberáme sa rýchlosťou webu

Zdroj: http://www.hobo-web.co.uk/your-website-design-should-load-in-4-seconds/

Ďakujem za pozornosť!

Andrej Salnersalner@pizzaseo.com

58