Ce diaporama a bien été signalé.
Nous utilisons votre profil LinkedIn et vos données d’activité pour vous proposer des publicités personnalisées et pertinentes. Vous pouvez changer vos préférences de publicités à tout moment.
Naozaj použiteľné weby
bez veľkých rozpočtov
Andrej Salner, MSc.
Managing Partner, Senior konzultant
Pizza SEO
Dátum: 9.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 ...
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 ...
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: http...
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:
- Za...
Desktopy a mobily
Samostatný mobilný web
- Môže mať iný layout, obsah aj funkčné prvky
13Zdroj: http://babich.biz/perfect-...
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?
...
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ť?
...
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-trigger...
Princípy presvedčivého dizajnu
2. Spoločenská validácia
18Zdroj: https://www.usertesting.com/blog/2015/05/12/6-psychologic...
Princípy presvedčivého dizajnu
3. Nedostatok
19Zdroj: https://www.usertesting.com/blog/2015/05/12/6-psychological-triggers...
Princípy presvedčivého dizajnu
4. Rámcovanie
20Zdroj: https://www.usertesting.com/blog/2015/05/12/6-psychological-triggers...
4 druhy ľudí
1. Kompetitívni
2. Metodickí
3. Humanistickí
4. Spontáni
21Zdroj: https://conversionxl.com/buyer-modalities-a...
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 po...
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 rea...
4 druhy ľudí
1. Kompetitívni 5 - 10 %
2. Metodickí 45 %
3. Humanistickí 10 - 15 %
4. Spontáni 25 - 35 %
34Zdroj: https://c...
Č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 ...
Brožúra
Opiera sa o tradičnú tlačenú brožúru
- Nudné texty
- Kupované obrázky
Je vhodná, ak nepotrebujeme na webe predávať...
Publikácia
Opiera sa o tradičné noviny
- Dlhší textový obsah
Financuje ju reklama, predplatitelia alebo výnosy z nadväzujú...
Eshop
Online verzia katalógu
- Produkty na predaj mimo webu
Odporúčané stratégie:
Produkty musí byť ľahké nájsť!
Produktov...
Konzultačná stránka
Obzvlášť vhodná na podporu dlhého predajného cyklu v B2B predaji
- Podporuje “interných podporovateľov...
Online služba
Celú služby poskytuje webová stránka
- Bojuje s “freemium” modelom
Odporúčané stratégie:
Urobte z návštevník...
Quick and dirty testovanie
- Otestujte svoj starý web!
- Otestujte weby konkurentov!
- Urobte si papierový prototyp!
41
Quick and dirty testovanie
Buyer personas
Buyer legends
Online dotazníky
42
Quick and dirty testovanie
Mamky testují weby
43Zdroj: http://www.petramikulaskova.cz/2016/06/recenze-mamky-testuji-weby-a...
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)...
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.co...
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žno
skú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...
Ďakujem za pozornosť!
Andrej Salner
salner@pizzaseo.com
58
Prochain SlideShare
Chargement dans…5
×

Andrej Salner: Naozaj použiteľné weby bez veľkých rozpočtov, Biznis raňajky InQb 9. 2. 2017

164 vues

Publié le

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.

Publié dans : Marketing
  • Soyez le premier à commenter

  • Soyez le premier à aimer ceci

Andrej Salner: Naozaj použiteľné weby bez veľkých rozpočtov, Biznis raňajky InQb 9. 2. 2017

  1. 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. 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. 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/
  4. 4. Kto je naša cieľovka? Kadekto, ale… 4
  5. 5. Kto je naša cieľovka? Kadekto, ale… ...inattentional blindness 5
  6. 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
  7. 7. Desktopy a mobily Koľko návštev je dnes z mobilu? 7
  8. 8. Desktopy a mobily Väčšina surfovania sa deje na mobile a deje sa s inými očakávaniami! 8
  9. 9. Čo čakám od webu na mobile? Hľadám, kde sa firma nachádza Potrebujem volať! 9
  10. 10. Čo čakám od webu na mobile? Neviem/nechcem veľa písať! 10
  11. 11. Čo čakám od webu na mobile? Neviem/nechcem veľa čítať! 11
  12. 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. 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. 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. 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?
  16. 16. Heuristiky 16Zdroj: https://research.googleblog.com/2012/08/users-love-simple-and-familiar-designs.html
  17. 17. 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/
  18. 18. 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/
  19. 19. 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/
  20. 20. 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/
  21. 21. 4 druhy ľudí 1. Kompetitívni 2. Metodickí 3. Humanistickí 4. Spontáni 21Zdroj: https://conversionxl.com/buyer-modalities-are-totally-meaningless/
  22. 22. 1. Kompetitívni 22
  23. 23. 1. Kompetitívni 23
  24. 24. 1. Kompetitívni Potrebujú istotu, že si kupujú pre seba to najlepšie Ponúknite konkrétne dôkazy a nepreháňajte! 24
  25. 25. 2. Metodickí 25
  26. 26. 2. Metodickí 26
  27. 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
  28. 28. 3. Humanistickí 28
  29. 29. 3. Humanistickí 29
  30. 30. 3. Humanistickí Využime spoločenskú validáciu! Umožnime interakciu, obsah tvorený používateľmi. 30
  31. 31. 4. Spontánni 31
  32. 32. 4. Spontánni 32
  33. 33. 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
  34. 34. 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/
  35. 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. 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. 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. 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. 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. 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. 41. Quick and dirty testovanie - Otestujte svoj starý web! - Otestujte weby konkurentov! - Urobte si papierový prototyp! 41
  42. 42. Quick and dirty testovanie Buyer personas Buyer legends Online dotazníky 42
  43. 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. 44. Quick and dirty testovanie The User is Drunk 44Zdroj:http://theuserisdrunk.com/
  45. 45. Quick and dirty testovanie UserTesting.com 45Zdroj:http://theuserisdrunk.com/
  46. 46. 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
  47. 47. Koľko treba testerov? 47 5
  48. 48. Iné možnosti Hotjar Qualaroo 48
  49. 49. Iné možnosti UserTesting.com 49
  50. 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/
  51. 51. Najčastejšie ľahko riešiteľné problémy s použiteľnosťou 51 Priveľa zle napísaných textov
  52. 52. Najčastejšie ľahko riešiteľné problémy s použiteľnosťou 52 Tajíme ceny
  53. 53. Najčastejšie ľahko riešiteľné problémy s použiteľnosťou 53 Tajíme, kto sme
  54. 54. Najčastejšie ľahko riešiteľné problémy s použiteľnosťou 54 Ťažko nás je kontaktovať
  55. 55. Najčastejšie ľahko riešiteľné problémy s použiteľnosťou 55 Neúčinná výzva konať - Na mobile možno skúsiť Click to Call?
  56. 56. Najčastejšie ľahko riešiteľné problémy s použiteľnosťou 56 Používateľom nie je zrejmé, čo sa stane
  57. 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/
  58. 58. Ďakujem za pozornosť! Andrej Salner salner@pizzaseo.com 58

×