ergonomie a nejčastější chyby eshopů v rámci call to-action - kvasnička jan
DESCRIPTION
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.TRANSCRIPT
![Page 1: Ergonomie a nejčastější chyby eshopů v rámci call to-action - Kvasnička Jan](https://reader035.vdocuments.net/reader035/viewer/2022062705/556b133dd8b42ae47d8b5110/html5/thumbnails/1.jpg)
Ergonomie a nejčastější chyby eshopů v rámci call-to-action
Celodenní Magický seminář
Ing. Kvasnička Jan [email protected] @Jan_Kvasnicka
![Page 2: Ergonomie a nejčastější chyby eshopů v rámci call to-action - Kvasnička Jan](https://reader035.vdocuments.net/reader035/viewer/2022062705/556b133dd8b42ae47d8b5110/html5/thumbnails/2.jpg)
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í
Co vše se dnes dozvíme?
Strana 2/36
![Page 3: Ergonomie a nejčastější chyby eshopů v rámci call to-action - Kvasnička Jan](https://reader035.vdocuments.net/reader035/viewer/2022062705/556b133dd8b42ae47d8b5110/html5/thumbnails/3.jpg)
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?
Otázky na úvod
Strana 3/36
![Page 4: Ergonomie a nejčastější chyby eshopů v rámci call to-action - Kvasnička Jan](https://reader035.vdocuments.net/reader035/viewer/2022062705/556b133dd8b42ae47d8b5110/html5/thumbnails/4.jpg)
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ů)“
Co je to ergonomie (použitelnost) webu?
Strana 4/36
![Page 5: Ergonomie a nejčastější chyby eshopů v rámci call to-action - Kvasnička Jan](https://reader035.vdocuments.net/reader035/viewer/2022062705/556b133dd8b42ae47d8b5110/html5/thumbnails/5.jpg)
Ergonomie eshopu
Nevytvářejte složitou strukturu produktů
Obecné doporučení: maximálně 3 úrovně
3 sloupce – ustupující trend
![Page 6: Ergonomie a nejčastější chyby eshopů v rámci call to-action - Kvasnička Jan](https://reader035.vdocuments.net/reader035/viewer/2022062705/556b133dd8b42ae47d8b5110/html5/thumbnails/6.jpg)
Š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
Nejčastější chyby
Strana 6/36
![Page 7: Ergonomie a nejčastější chyby eshopů v rámci call to-action - Kvasnička Jan](https://reader035.vdocuments.net/reader035/viewer/2022062705/556b133dd8b42ae47d8b5110/html5/thumbnails/7.jpg)
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 kompromisyNebádáme nad tím, jak věci fungují, jednoduše to „nějak uděláme“
5 pravidel použitelnostiVytvořte jasnou vizuální hierarchii na stránceNeměňte zvyklosti, vše musí být jednoduše pochopitelnéRozdělte stránky na jasně definované oblastiVyznačte odkazy, dejte jasně najevo, na co lze klepnoutStránky nepřeplácávejte, neuvádějte zbytečná slova
Fakta a pravidla dle Steva Kruga
Strana 7/36
![Page 8: Ergonomie a nejčastější chyby eshopů v rámci call to-action - Kvasnička Jan](https://reader035.vdocuments.net/reader035/viewer/2022062705/556b133dd8b42ae47d8b5110/html5/thumbnails/8.jpg)
„Vybídnutí k činnosti/aktivitě“
Jedná se o vhodné použití textů, tlačítek, formulářů atd.
Příklady textů call-to-actionPřihlásit odběr / Zasílání tipů zdarmaLog 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 %
Co je to call-to-action
Strana 8/36
![Page 9: Ergonomie a nejčastější chyby eshopů v rámci call to-action - Kvasnička Jan](https://reader035.vdocuments.net/reader035/viewer/2022062705/556b133dd8b42ae47d8b5110/html5/thumbnails/9.jpg)
Lay the groundwork
Techniky call-to-action 1/5
Strana 9/36
![Page 10: Ergonomie a nejčastější chyby eshopů v rámci call to-action - Kvasnička Jan](https://reader035.vdocuments.net/reader035/viewer/2022062705/556b133dd8b42ae47d8b5110/html5/thumbnails/10.jpg)
Use white space
Techniky call-to-action 2/5
Strana 10/36
![Page 11: Ergonomie a nejčastější chyby eshopů v rámci call to-action - Kvasnička Jan](https://reader035.vdocuments.net/reader035/viewer/2022062705/556b133dd8b42ae47d8b5110/html5/thumbnails/11.jpg)
Use an alternative colour
Techniky call-to-action 3/5
Strana 11/36
![Page 12: Ergonomie a nejčastější chyby eshopů v rámci call to-action - Kvasnička Jan](https://reader035.vdocuments.net/reader035/viewer/2022062705/556b133dd8b42ae47d8b5110/html5/thumbnails/12.jpg)
Make it big
Techniky call-to-action 4/5
Strana 12/36
![Page 13: Ergonomie a nejčastější chyby eshopů v rámci call to-action - Kvasnička Jan](https://reader035.vdocuments.net/reader035/viewer/2022062705/556b133dd8b42ae47d8b5110/html5/thumbnails/13.jpg)
Upozornění na novinku
Techniky call-to-action 5/5
Strana 13/36
![Page 14: Ergonomie a nejčastější chyby eshopů v rámci call to-action - Kvasnička Jan](https://reader035.vdocuments.net/reader035/viewer/2022062705/556b133dd8b42ae47d8b5110/html5/thumbnails/14.jpg)
Ukázky z praxe, nejčastější chyby 1/17
Je zde nějaká chyba?
Strana 14/36
![Page 15: Ergonomie a nejčastější chyby eshopů v rámci call to-action - Kvasnička Jan](https://reader035.vdocuments.net/reader035/viewer/2022062705/556b133dd8b42ae47d8b5110/html5/thumbnails/15.jpg)
Ukázky z praxe, nejčastější chyby 2/17
Je zde nějaká chyba?
Strana 15/36
![Page 16: Ergonomie a nejčastější chyby eshopů v rámci call to-action - Kvasnička Jan](https://reader035.vdocuments.net/reader035/viewer/2022062705/556b133dd8b42ae47d8b5110/html5/thumbnails/16.jpg)
Ukázky z praxe, nejčastější chyby 3/17
Který košík je správně a proč?
Strana 16/36
![Page 17: Ergonomie a nejčastější chyby eshopů v rámci call to-action - Kvasnička Jan](https://reader035.vdocuments.net/reader035/viewer/2022062705/556b133dd8b42ae47d8b5110/html5/thumbnails/17.jpg)
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
![Page 18: Ergonomie a nejčastější chyby eshopů v rámci call to-action - Kvasnička Jan](https://reader035.vdocuments.net/reader035/viewer/2022062705/556b133dd8b42ae47d8b5110/html5/thumbnails/18.jpg)
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
![Page 19: Ergonomie a nejčastější chyby eshopů v rámci call to-action - Kvasnička Jan](https://reader035.vdocuments.net/reader035/viewer/2022062705/556b133dd8b42ae47d8b5110/html5/thumbnails/19.jpg)
Ukázky z praxe, nejčastější chyby 6/17
Je zde něco špatně?
Strana 19/36
![Page 20: Ergonomie a nejčastější chyby eshopů v rámci call to-action - Kvasnička Jan](https://reader035.vdocuments.net/reader035/viewer/2022062705/556b133dd8b42ae47d8b5110/html5/thumbnails/20.jpg)
Ukázky z praxe, nejčastější chyby 7/17
Je zde něco špatně?
Strana 20/36
![Page 21: Ergonomie a nejčastější chyby eshopů v rámci call to-action - Kvasnička Jan](https://reader035.vdocuments.net/reader035/viewer/2022062705/556b133dd8b42ae47d8b5110/html5/thumbnails/21.jpg)
Ukázky z praxe, nejčastější chyby 8/17
Které menu je přehlednější?
Strana 21/36
![Page 22: Ergonomie a nejčastější chyby eshopů v rámci call to-action - Kvasnička Jan](https://reader035.vdocuments.net/reader035/viewer/2022062705/556b133dd8b42ae47d8b5110/html5/thumbnails/22.jpg)
Ukázky z praxe, nejčastější chyby 9/17
Které menu je přehlednější?
Strana 22/36
![Page 23: Ergonomie a nejčastější chyby eshopů v rámci call to-action - Kvasnička Jan](https://reader035.vdocuments.net/reader035/viewer/2022062705/556b133dd8b42ae47d8b5110/html5/thumbnails/23.jpg)
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
![Page 24: Ergonomie a nejčastější chyby eshopů v rámci call to-action - Kvasnička Jan](https://reader035.vdocuments.net/reader035/viewer/2022062705/556b133dd8b42ae47d8b5110/html5/thumbnails/24.jpg)
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
![Page 25: Ergonomie a nejčastější chyby eshopů v rámci call to-action - Kvasnička Jan](https://reader035.vdocuments.net/reader035/viewer/2022062705/556b133dd8b42ae47d8b5110/html5/thumbnails/25.jpg)
Ukázky z praxe, nejčastější chyby 12/17
Rozmístění a prostor má svůj význam.
Strana 25/36
![Page 26: Ergonomie a nejčastější chyby eshopů v rámci call to-action - Kvasnička Jan](https://reader035.vdocuments.net/reader035/viewer/2022062705/556b133dd8b42ae47d8b5110/html5/thumbnails/26.jpg)
Ukázky z praxe, nejčastější chyby 13/17
Který detail produktu Vás lépe „vyzve“ k nákupu?
Strana 26/36
![Page 27: Ergonomie a nejčastější chyby eshopů v rámci call to-action - Kvasnička Jan](https://reader035.vdocuments.net/reader035/viewer/2022062705/556b133dd8b42ae47d8b5110/html5/thumbnails/27.jpg)
Ukázky z praxe, nejčastější chyby 14/17
Je zde něco špatně?
Strana 27/36
![Page 28: Ergonomie a nejčastější chyby eshopů v rámci call to-action - Kvasnička Jan](https://reader035.vdocuments.net/reader035/viewer/2022062705/556b133dd8b42ae47d8b5110/html5/thumbnails/28.jpg)
Ukázky z praxe, nejčastější chyby 15/17
Mezikrok přidání zboží do košíku.
Strana 28/36
![Page 29: Ergonomie a nejčastější chyby eshopů v rámci call to-action - Kvasnička Jan](https://reader035.vdocuments.net/reader035/viewer/2022062705/556b133dd8b42ae47d8b5110/html5/thumbnails/29.jpg)
Ukázky z praxe, nejčastější chyby 16/17
SEO patičky – pozor na důvěryhodnost
Strana 29/36
![Page 30: Ergonomie a nejčastější chyby eshopů v rámci call to-action - Kvasnička Jan](https://reader035.vdocuments.net/reader035/viewer/2022062705/556b133dd8b42ae47d8b5110/html5/thumbnails/30.jpg)
Ukázky z praxe, nejčastější chyby 17/17
Přehledné informace v každém kroku objednávky
Strana 30/36
![Page 31: Ergonomie a nejčastější chyby eshopů v rámci call to-action - Kvasnička Jan](https://reader035.vdocuments.net/reader035/viewer/2022062705/556b133dd8b42ae47d8b5110/html5/thumbnails/31.jpg)
Tipy na zlepšení 1/4
Parametrické vyhledávání
Strana 31/36
![Page 32: Ergonomie a nejčastější chyby eshopů v rámci call to-action - Kvasnička Jan](https://reader035.vdocuments.net/reader035/viewer/2022062705/556b133dd8b42ae47d8b5110/html5/thumbnails/32.jpg)
Tipy na zlepšení 2/4
Drobečková navigace
Strana 32/36
![Page 33: Ergonomie a nejčastější chyby eshopů v rámci call to-action - Kvasnička Jan](https://reader035.vdocuments.net/reader035/viewer/2022062705/556b133dd8b42ae47d8b5110/html5/thumbnails/33.jpg)
Tipy na zlepšení 3/4
Stavy košíku
Strana 33/36
![Page 34: Ergonomie a nejčastější chyby eshopů v rámci call to-action - Kvasnička Jan](https://reader035.vdocuments.net/reader035/viewer/2022062705/556b133dd8b42ae47d8b5110/html5/thumbnails/34.jpg)
Tipy na zlepšení 4/4
Je opravdu nutná registrace?
Strana 34/36
![Page 35: Ergonomie a nejčastější chyby eshopů v rámci call to-action - Kvasnička Jan](https://reader035.vdocuments.net/reader035/viewer/2022062705/556b133dd8b42ae47d8b5110/html5/thumbnails/35.jpg)
Shrnutí
Strana 35/36
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á