Prezentace na téma: Ergonomie a nejčastější chyby eshopů v rámci call-to-action v rámci akce projektu Magiclist: http://magiclist.cz/seminar-pro-eshopy.html.

1. Celodenní Magický seminář
Ergonomie a nejčastější chyby
eshopů v rámci call-to-action
Ing. Kvasnička Jan
www.kvasnickajan.cz
info@kvasnickajan.cz
@Jan_Kvasnicka

2. Co vše se dnes dozvíme?
Co je to ergonomie (použitelnost) webu?
Ergonomie eshopu
Nejčastější chyby ergonomie
Co je to call-to-action?
Techniky call-to-action
Ukázky z praxe – nejčastější chyby
Tipy pro zlepšení
Shrnutí
Strana 2/36

3. Otázky na úvod
Kdo z Vás se tímto tématem na svém eshopu (webu) zabýval?
Zkoušel někdo z Vás testování na svém eshopu (webu)?
Zapracovali jste výsledky testování? Jaký byl reálný přínos?
Strana 3/36

4. Co je to ergonomie (použitelnost) webu?
Schopnost ovládání webu co nejjednodušeji, intuitivní chování
Přehlednost, srozumitelnost
Na základě použitelnosti vznikají pravidla
„Nenuťte návštěvníky příliš přemýšlet“
„Pokud je první zkušenost negativní, pravděpodobně už se nikdy nevrátí“
„Okolo 50% obchodů prodělává, jelikož návštěvník nenajde požadované
informace“
„Není to o tom, že jeden opisuje od druhého, ale používají něco, co funguje
(pozor při vymýšlení vlastních prvků)“
Strana 4/36

5. Ergonomie eshopu
Nevytvářejte
složitou strukturu
produktů
Obecné
doporučení:
maximálně 3 úrovně
3 sloupce –
ustupující trend

6. Nejčastější chyby
Špatné rozmístění prvků (košík není k nalezení)
Nepřehledná navigace (menu) nebo její špatně zvolení způsob zpracování
Nevhodně zvolená šířka webu (pevná šířka webu)
Nevhodně zvolená grafika
Špatná upoutávka na službu, produkt atd.
Nevhodně použita barevnost, forma vyjádření nebo písmo (základní fonty)
Problémy při zobrazení na různých zařízeních nebo různých prohlížečích
Špatné definování cílové skupiny
Strana 6/36

7. Fakta a pravidla dle Steva Kruga
 3 základní skutečnosti o chování uživatelů
Stránky nečteme, ale prohlížíme (přesně: skenujeme)
Neprovádíme optimální výběry, ale děláme kompromisy
Nebádáme nad tím, jak věci fungují, jednoduše to „nějak uděláme“
5 pravidel použitelnosti
Vytvořte jasnou vizuální hierarchii na stránce
Neměňte zvyklosti, vše musí být jednoduše pochopitelné
Rozdělte stránky na jasně definované oblasti
Vyznačte odkazy, dejte jasně najevo, na co lze klepnout
Stránky nepřeplácávejte, neuvádějte zbytečná slova
Strana 7/36

8. Co je to call-to-action
„Vybídnutí k činnosti/aktivitě“
Jedná se o vhodné použití textů, tlačítek, formulářů atd.
Příklady textů call-to-action
Přihlásit odběr / Zasílání tipů zdarma
Log in nebo Přihlásit / Přihlásit mě do systému (komunity)
Volej 777 777 777 / Zavolejte na číslo 777 777 777 pro konzultaci ZDARMA
Výsledky studie 3 frází a jejich úspěšnost na magazínu (marketingsherpa.com)
„click to continue“ – 8,53 % prokliků
„continue to article“ – 3,3 % prokliků
„read more“ – 1,8 %
Strana 8/36

9. Techniky call-to-action 1/5
Lay the groundwork
Strana 9/36

10. Techniky call-to-action 2/5
Use white space
Strana 10/36

11. Techniky call-to-action 3/5
Use an alternative colour
Strana 11/36

12. Techniky call-to-action 4/5
Make it big
Strana 12/36

13. Techniky call-to-action 5/5
Upozornění na novinku
Strana 13/36

14. Ukázky z praxe, nejčastější chyby 1/17
Je zde nějaká chyba?
Strana 14/36

15. Ukázky z praxe, nejčastější chyby 2/17
Je zde nějaká chyba?
Strana 15/36

16. Ukázky z praxe, nejčastější chyby 3/17
Který košík je správně a proč?
Strana 16/36

17. Ukázky z praxe, nejčastější chyby 4/17
Je zde něco špatně? Pozor na pamatování
vyplněných částí v
objednávce
„Přepočítat“
Je podle Vás dobře
označena celková cena?
Chybí zde nějaký údaj?
Strana 17/36

18. Ukázky z praxe, nejčastější chyby 5/17
Jednoduché ovládání v košíku
Přehledné označení ceny (celková cena, cena s a bez DPH)
Strana 18/36

19. Ukázky z praxe, nejčastější chyby 6/17
Je zde něco špatně?
Strana 19/36

20. Ukázky z praxe, nejčastější chyby 7/17
Je zde něco špatně?
Strana 20/36

21. Ukázky z praxe, nejčastější chyby 8/17
Které menu je přehlednější?
Strana 21/36

22. Ukázky z praxe, nejčastější chyby 9/17
Které menu je
přehlednější?
Strana 22/36

23. Ukázky z praxe, nejčastější chyby 10/17
Detail produktu na homepage: Chybí zde něco? (pozor na call-to-action)
Strana 23/36

24. Ukázky z praxe, nejčastější chyby 11/17
Detail produktu na homepage: který je správně?
Zamyšlení nad označením produktů (akce, novinka, výprodej)
Strana 24/36

25. Ukázky z praxe, nejčastější chyby 12/17
Rozmístění a prostor má svůj význam.
Strana 25/36

26. Ukázky z praxe, nejčastější chyby 13/17
Který detail produktu Vás lépe „vyzve“ k nákupu?
Strana 26/36

27. Ukázky z praxe, nejčastější chyby 14/17
Je zde něco špatně?
Strana 27/36

28. Ukázky z praxe, nejčastější chyby 15/17
Mezikrok přidání zboží do košíku.
Strana 28/36

29. Ukázky z praxe, nejčastější chyby 16/17
SEO patičky – pozor na důvěryhodnost
Strana 29/36

30. Ukázky z praxe, nejčastější chyby 17/17
Přehledné informace v každém kroku objednávky
Strana 30/36

31. Tipy na zlepšení 1/4
Parametrické vyhledávání
Strana 31/36

32. Tipy na zlepšení 2/4
Drobečková navigace
Strana 32/36

33. Tipy na zlepšení 3/4
Stavy košíku
Strana 33/36

34. Tipy na zlepšení 4/4
Je opravdu
nutná registrace?
Strana 34/36

35. Shrnutí
Vždy důkladně testujte funkčnost (před spuštěním, za běhu)
Testování ať provádí lidé různého věku a zaměření
Sledujte aktuální trendy a vývoje silných eshopů (platí za vývoj,
proč se nepřiučit)
Stále opakované: „Nenuťte uživatele přemýšlet“
Snažte se také testovat a hrát si se slovy: „lákáním uživatelů na
akce atd.“
Pozor na cílovou skupinu
Navigace a jednoduchost procesu nákupu je klíčová
Strana 35/36

36. Celodenní Magický seminář
Děkuji za pozornost
Ing. Kvasnička Jan
www.kvasnickajan.cz
info@kvasnickajan.cz
@Jan_Kvasnicka