Ako zlepšiť UX webov ak nemáme veľký rozpočet na používateľský výskum a testovanie? Prednáška Andreja Salnera na biznis raňajkách univerzitného technologického inkubátora STU InQb.
Ako sa na slovenskom Facebooku líšia veľkí a malí klienti ? (Facebook Rulezz ...
Andrej Salner: Naozaj použiteľné weby bez veľkých rozpočtov, Biznis raňajky InQb 9. 2. 2017
1. Naozaj použiteľné weby
bez veľkých rozpočtov
Andrej Salner, MSc.
Managing Partner, Senior konzultant
Pizza SEO
Dátum: 9.2.2017
2. 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
3. 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/
5. Kto je naša cieľovka?
Kadekto, ale…
...inattentional blindness
5
6. 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
9. Čo čakám od webu na mobile?
Hľadám, kde sa firma nachádza
Potrebujem volať!
9
10. Čo čakám od webu na mobile?
Neviem/nechcem veľa písať!
10
11. Čo čakám od webu na mobile?
Neviem/nechcem veľa čítať!
11
12. 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
13. 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/
14. 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
15. 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?
27. 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
35. Čo od webu chcete?
Päť základných konverzných vzorcov:
1. Brožúra
2. Publikácia
3. Eshop
4. Konzultačná stránla
5. Online služba
35Zdroj: Your Customer Creation Equation: Unexpected Website Formulas of The Conversion Scientist™ Paperback – July 10, 2012 by Brian Massey
36. 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
37. 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
38. 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
39. 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
40. 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
41. Quick and dirty testovanie
- Otestujte svoj starý web!
- Otestujte weby konkurentov!
- Urobte si papierový prototyp!
41
42. Quick and dirty testovanie
Buyer personas
Buyer legends
Online dotazníky
42
43. Quick and dirty testovanie
Mamky testují weby
43Zdroj: http://www.petramikulaskova.cz/2016/06/recenze-mamky-testuji-weby-aneb-levne-rychle-testovani-ux/
44. Quick and dirty testovanie
The User is Drunk
44Zdroj:http://theuserisdrunk.com/
45. Quick and dirty testovanie
UserTesting.com
45Zdroj:http://theuserisdrunk.com/
50. 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/
57. 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/