Your SlideShare is downloading. ×
0
JsmeMarketingErgonomie webů a eshopův praxiIng. Kvasnička Janwww.kvasnickajan.czinfo@kvasnickajan.cz@Jan_Kvasnicka
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 ...
Co je to ergonomie (použitelnost) webu?  Schopnost ovládání webu co nejjednodušeji, intuitivní chování  Přehlednost, sro...
4 myšlenky okolo použitelnosti „Nenuťte návštěvníky příliš přemýšlet“ „Pokud je první zkušenost negativní, pravděpodobně...
Nejčastější chyby  Jaké jsou podle Vás nejčastější chyby v rámci použitelnosti?
3 základní skutečnosti o chování uživatelů  Stránky nečteme, ale prohlížíme (přesněji: skenujeme)  Neprovádíme optimální...
5 pravidel použitelnosti  Vytvořte jasnou vizuální hierarchii na stránce  Neměňte zvyklosti, vše musí být jednoduše poch...
Ergonomie eshopu                    Nevytvářejte                   složitou strukturu                   produktů         ...
Co je to call-to-action? „Vybídnutí k činnosti/aktivitě“  Jedná se o vhodné použití textů, tlačítek, formulářů atd.  Př...
Techniky call-to-action 1/5  Lay the groundwork
Techniky call-to-action 2/5  Use white space
Techniky call-to-action 3/5  Use an alternative colour
Techniky call-to-action 4/5  Make it big
Techniky call-to-action 5/5  Upozornění na novinku
Call-to-action – ukázky z praxe - 1/6  Výsledky studie 3 frází a jejich úspěšnost na magazínu (marketingsherpa.com)    „...
Call-to-action – ukázky z praxe - 2/6 111 nákupních ikon testováno (2007)                     http://www.getelastic.com/...
Call-to-action – ukázky z praxe - 3/6
Call-to-action – ukázky z praxe - 4/6
Call-to-action – ukázky z praxe - 5/6
Call-to-action – ukázky z praxe - 6/6
Call-to-action – ukázky z praxe - 6/6
Nejčastější chyby
Nejčastější chyby - header - 1/2
Nejčastější chyby - header - 2/2
Nejčastější chyby - košík a objednávka - 1/12
Nejčastější chyby - košík a objednávka - 2/12
Nejčastější chyby - košík a objednávka - 3/12
Nejčastější chyby - košík a objednávka - 4/12
Nejčastější chyby - košík a objednávka - 4/12
Nejčastější chyby - košík a objednávka - 5/12  Jednostránková vs Více stránková objednávka?
Nejčastější chyby - košík a objednávka - 6/12
Nejčastější chyby - košík a objednávka - 7/12
Nejčastější chyby - košík a objednávka - 8/12                              Pozor na pamatování                           ...
Nejčastější chyby - košík a objednávka - 9/12
Nejčastější chyby - košík a objednávka - 10/12
Nejčastější chyby - košík a objednávka - 11/17
Nejčastější chyby - košík a objednávka - 12/12 Je opravdunutnáregistrace?
Nejčastější chyby - navigace - 1/7
Nejčastější chyby - navigace - 2/7  Které menu je přehlednější?
Nejčastější chyby - navigace - 3/7  Které menu je přehlednější?
Nejčastější chyby - navigace - 4/7
Nejčastější chyby - navigace - 5/7
Nejčastější chyby - navigace - 6/7
Nejčastější chyby - navigace - 7/7  Drobečková navigace
Nejčastější chyby - výpis produktů - 1/3
Nejčastější chyby - výpis produktů - 2/3
Nejčastější chyby - výpis produktů - 3/3
Nejčastější chyby - detail produktu - 1/3
Nejčastější chyby - detail produktu - 2/3
Nejčastější chyby - detail produktu - 3/3
Nejčastější chyby - mezikrok nákupu - 1/3
Nejčastější chyby - mezikrok nákupu - 2/3
Nejčastější chyby - mezikrok nákupu - 3/3
Nejčastější chyby - filtrování a vyhledávání -1/4
Nejčastější chyby - filtrování a vyhledávání -2/4
Nejčastější chyby - filtrování a vyhledávání -3/4
Nejčastější chyby - filtrování a vyhledávání -4/4
Nejčastější chyby - porovnávání - 1/2
Nejčastější chyby - porovnávání - 2/2
Nejčastější chyby - patičky - 1/1
Nejčastější chyby - patičky - 2/2
Z eshopů a webů účastníků
Z eshopů a webů účastníků - 1/31 Hlavní  strana
Z eshopů a webů účastníků - 2/31 Služby
Z eshopů a webů účastníků - 3/31  Hlavní strana
Z eshopů a webů účastníků - 4/31  Nabídka
Z eshopů a webů účastníků - 5/31  Hlavní strana
Z eshopů a webů účastníků - 6/31  Nabídka článků
Z eshopů a webů účastníků - 7/31  Hlavní strana
Z eshopů a webů účastníků - 8/31  Detail produktu
Z eshopů a webů účastníků - 9/31  Mezikrok nákupu
Z eshopů a webů účastníků - 10/31  Objednávka
Z eshopů a webů účastníků - 11/31  Výpis produktů
Z eshopů a webů účastníků - 12/31  Recenze
Z eshopů a webů účastníků - 13/31  Header
Z eshopů a webů účastníků - 14/31  Detail produktu
Z eshopů a webů účastníků - 15/31  Levé menu
Z eshopů a webů účastníků - 16/31  Výpis produktů
Z eshopů a webů účastníků - 17/31 Detail  produktu
Z eshopů a webů účastníků - 18/31  Hlavní strana
Z eshopů a webů účastníků - 19/31  Výpis produktů
Z eshopů a webů účastníků - 20/31  Hlavní strana
Z eshopů a webů účastníků - 21/31  Detail produktu
Z eshopů a webů účastníků - 22/31  Upozornění a nákupní košík
Z eshopů a webů účastníků - 23/31  Hlavní strana
Z eshopů a webů účastníků - 24/31  Výpis kategorií
Z eshopů a webů účastníků - 25/31  Header
Z eshopů a webů účastníků - 26/31  Výpis produktů
Z eshopů a webů účastníků - 27/31  Levé menu
Z eshopů a webů účastníků - 28/31  Header
Z eshopů a webů účastníků - 29/31  Výpis produktů
Z eshopů a webů účastníků - 30/31  Header
Z eshopů a webů účastníků - 31/31  Výpis produktů
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í ...
JsmeMarketingDěkuji za pozornostIng. Kvasnička Janwww.kvasnickajan.czinfo@kvasnickajan.cz@Jan_KvasnickaMožnost odběrunovin...
Upcoming SlideShare
Loading in...5
×

Ergonomie webů a eshopů v praxi - Jan Kvasnička

1,378

Published on

Prezentace s názvem Ergonomie webů a eshopů v praxi. Autor: Jan Kvasnička. Datum: 15.1. 2013. Přednáška v rámci projektu JsmeMarketing.cz, formátu Professional Lecture.

Info o akci http://www.jsmemarketing.cz/akce/lecture/2013-1-ergonomie-webu-a-eshopu-v-praxi

Published in: Technology
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
1,378
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
27
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

Transcript of "Ergonomie webů a eshopů v praxi - Jan Kvasnička"

  1. 1. JsmeMarketingErgonomie webů a eshopův praxiIng. Kvasnička Janwww.kvasnickajan.czinfo@kvasnickajan.cz@Jan_Kvasnicka
  2. 2. 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?
  3. 3. 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
  4. 4. 4 myšlenky okolo použitelnosti „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ů)“
  5. 5. Nejčastější chyby  Jaké jsou podle Vás nejčastější chyby v rámci použitelnosti?
  6. 6. 3 základní skutečnosti o chování uživatelů  Stránky nečteme, ale prohlížíme (přesněji: 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“
  7. 7. 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
  8. 8. Ergonomie eshopu  Nevytvářejte složitou strukturu produktů  Obecné doporučení: maximálně 3 úrovně  3 sloupce: ustupující trend
  9. 9. 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
  10. 10. Techniky call-to-action 1/5  Lay the groundwork
  11. 11. Techniky call-to-action 2/5  Use white space
  12. 12. Techniky call-to-action 3/5  Use an alternative colour
  13. 13. Techniky call-to-action 4/5  Make it big
  14. 14. Techniky call-to-action 5/5  Upozornění na novinku
  15. 15. Call-to-action – ukázky z praxe - 1/6  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 % prokliků
  16. 16. Call-to-action – ukázky z praxe - 2/6 111 nákupních ikon testováno (2007) http://www.getelastic.com/add-to-cart-buttons/
  17. 17. Call-to-action – ukázky z praxe - 3/6
  18. 18. Call-to-action – ukázky z praxe - 4/6
  19. 19. Call-to-action – ukázky z praxe - 5/6
  20. 20. Call-to-action – ukázky z praxe - 6/6
  21. 21. Call-to-action – ukázky z praxe - 6/6
  22. 22. Nejčastější chyby
  23. 23. Nejčastější chyby - header - 1/2
  24. 24. Nejčastější chyby - header - 2/2
  25. 25. Nejčastější chyby - košík a objednávka - 1/12
  26. 26. Nejčastější chyby - košík a objednávka - 2/12
  27. 27. Nejčastější chyby - košík a objednávka - 3/12
  28. 28. Nejčastější chyby - košík a objednávka - 4/12
  29. 29. Nejčastější chyby - košík a objednávka - 4/12
  30. 30. Nejčastější chyby - košík a objednávka - 5/12  Jednostránková vs Více stránková objednávka?
  31. 31. Nejčastější chyby - košík a objednávka - 6/12
  32. 32. Nejčastější chyby - košík a objednávka - 7/12
  33. 33. Nejčastější chyby - košík a objednávka - 8/12 Pozor na pamatování vyplněných částí v objednávce „Přepočítat“
  34. 34. Nejčastější chyby - košík a objednávka - 9/12
  35. 35. Nejčastější chyby - košík a objednávka - 10/12
  36. 36. Nejčastější chyby - košík a objednávka - 11/17
  37. 37. Nejčastější chyby - košík a objednávka - 12/12 Je opravdunutnáregistrace?
  38. 38. Nejčastější chyby - navigace - 1/7
  39. 39. Nejčastější chyby - navigace - 2/7  Které menu je přehlednější?
  40. 40. Nejčastější chyby - navigace - 3/7  Které menu je přehlednější?
  41. 41. Nejčastější chyby - navigace - 4/7
  42. 42. Nejčastější chyby - navigace - 5/7
  43. 43. Nejčastější chyby - navigace - 6/7
  44. 44. Nejčastější chyby - navigace - 7/7  Drobečková navigace
  45. 45. Nejčastější chyby - výpis produktů - 1/3
  46. 46. Nejčastější chyby - výpis produktů - 2/3
  47. 47. Nejčastější chyby - výpis produktů - 3/3
  48. 48. Nejčastější chyby - detail produktu - 1/3
  49. 49. Nejčastější chyby - detail produktu - 2/3
  50. 50. Nejčastější chyby - detail produktu - 3/3
  51. 51. Nejčastější chyby - mezikrok nákupu - 1/3
  52. 52. Nejčastější chyby - mezikrok nákupu - 2/3
  53. 53. Nejčastější chyby - mezikrok nákupu - 3/3
  54. 54. Nejčastější chyby - filtrování a vyhledávání -1/4
  55. 55. Nejčastější chyby - filtrování a vyhledávání -2/4
  56. 56. Nejčastější chyby - filtrování a vyhledávání -3/4
  57. 57. Nejčastější chyby - filtrování a vyhledávání -4/4
  58. 58. Nejčastější chyby - porovnávání - 1/2
  59. 59. Nejčastější chyby - porovnávání - 2/2
  60. 60. Nejčastější chyby - patičky - 1/1
  61. 61. Nejčastější chyby - patičky - 2/2
  62. 62. Z eshopů a webů účastníků
  63. 63. Z eshopů a webů účastníků - 1/31 Hlavní strana
  64. 64. Z eshopů a webů účastníků - 2/31 Služby
  65. 65. Z eshopů a webů účastníků - 3/31  Hlavní strana
  66. 66. Z eshopů a webů účastníků - 4/31  Nabídka
  67. 67. Z eshopů a webů účastníků - 5/31  Hlavní strana
  68. 68. Z eshopů a webů účastníků - 6/31  Nabídka článků
  69. 69. Z eshopů a webů účastníků - 7/31  Hlavní strana
  70. 70. Z eshopů a webů účastníků - 8/31  Detail produktu
  71. 71. Z eshopů a webů účastníků - 9/31  Mezikrok nákupu
  72. 72. Z eshopů a webů účastníků - 10/31  Objednávka
  73. 73. Z eshopů a webů účastníků - 11/31  Výpis produktů
  74. 74. Z eshopů a webů účastníků - 12/31  Recenze
  75. 75. Z eshopů a webů účastníků - 13/31  Header
  76. 76. Z eshopů a webů účastníků - 14/31  Detail produktu
  77. 77. Z eshopů a webů účastníků - 15/31  Levé menu
  78. 78. Z eshopů a webů účastníků - 16/31  Výpis produktů
  79. 79. Z eshopů a webů účastníků - 17/31 Detail produktu
  80. 80. Z eshopů a webů účastníků - 18/31  Hlavní strana
  81. 81. Z eshopů a webů účastníků - 19/31  Výpis produktů
  82. 82. Z eshopů a webů účastníků - 20/31  Hlavní strana
  83. 83. Z eshopů a webů účastníků - 21/31  Detail produktu
  84. 84. Z eshopů a webů účastníků - 22/31  Upozornění a nákupní košík
  85. 85. Z eshopů a webů účastníků - 23/31  Hlavní strana
  86. 86. Z eshopů a webů účastníků - 24/31  Výpis kategorií
  87. 87. Z eshopů a webů účastníků - 25/31  Header
  88. 88. Z eshopů a webů účastníků - 26/31  Výpis produktů
  89. 89. Z eshopů a webů účastníků - 27/31  Levé menu
  90. 90. Z eshopů a webů účastníků - 28/31  Header
  91. 91. Z eshopů a webů účastníků - 29/31  Výpis produktů
  92. 92. Z eshopů a webů účastníků - 30/31  Header
  93. 93. Z eshopů a webů účastníků - 31/31  Výpis produktů
  94. 94. 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í uživatelů na akce atd.“  Navigace a jednoduchost procesu nákupu je klíčová  Pozor na cílovou skupinu
  95. 95. JsmeMarketingDěkuji za pozornostIng. Kvasnička Janwww.kvasnickajan.czinfo@kvasnickajan.cz@Jan_KvasnickaMožnost odběrunovinek na webu
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×