Upload
pizza-seo
View
52
Download
0
Embed Size (px)
Citation preview
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/