Přednáška je zaměřena na téma okolo premium šablon a tvorbě webů na systému Wordpress pro klienty. Více o této přednášce můžete zjistit zde: http://blog.kvasnickajan.cz/premium-sablona-vzdy-neznamena-nejvyssi-kvalitu-z-pohledu-pouzitelnosti-aneb-jak-funguji-nekteri-developeri/

1. WordCamp Praha 2014
22.2.2014
Premium šablona vždy
neznamená nejvyšší kvalitu z
pohledu použitelnosti
Jan Kvasnička
www.kvasnickajan.cz
info@kvasnickajan.cz
@Jan_Kvasnicka

2. Otázky na úvod
 Kdo z Vás používá premium šablony pro sebe?
 Kdo z Vás je používá pro klienty?
 Jak jste s nimi spokojeni?

3. Ještě než začneme...
„Premium šablona? Co
si pod tímto pojmem
představit?“

4. ...další otázka
„Jak postupujete při
výběru šablony?“

5. Jak vypadá aktuální
situace na trhu?

6. Obrovský výběr

7. Graficky velice povedené

8. Připraveny pro mobilní zařízení

9. Jednoduše dostupné – levně a rychle

10. Opravdu velká míra variability

11. Proč si vybíráme premium šablonu?
„Jaké mohou být další
důvody, proč si
vybíráme premium
šablony?“

12. Jakým způsobem si vybíráme šablony?
„Bohužel někdy úplně
bez rozmyšlení pouze
podle vzhledu...“

13. „Ta šablona je tak krásná!“

14. „Ale je to o nás?“
„Co tam sakra dám?“

15. Zhodnocení
nejpopulárnější šablony
současnosti

16. Šablona Avada
 Pokud jste online, hodnoťte se mnou http://themefusion.com/avada/

17. Možnosti nastavení
„Kolik z Vás si
hraje s
nastavením
šablony před
zakoupením?“

18. Podtext této šablony
„Ta je perfektní pro naší
účetní firmu a chceme
největší kvalitu“ –
zakoupili ji

19. Na první pohled - paráda

20. Hover efekt menu

21. Vyhledávání po kliknutí

22. Obsahuje header vše podstatné?
 Kontaktní informace s ikonami
 Viditelné odkazy na sociální sítě
 Jednoznačné vyhledávání
 Napadá Vás ještě něco?

23. Obsahuje header vše podstatné?

24. Slider

25. Ukázka testu proklikovosti

26. Pokud opravdu musí být

27. Pokud opravdu musí být

28. Volba barev pro konverzní cestu

29. Volba barev pro konverzní cestu

30. Prezentace vlastností nebo služeb?

31. Prezentace vlastností nebo služeb?

32. Viditelná část bez scrollování

33. Reference

34. Ceník

35. Chybná drobečková navigace

36. Čitelnost ve formulářích

37. Pohled z druhé strany
„Abych nebyl jen
negativní“

38. Je plně responzivní

39. Opravdu obrovská míra variability

40. Váš názor?
„Jedná se o drobnosti,
nebo jsou to důležité
části webu?“

41. Výsledek?
„Nyní se dělá design na
míru. Proč? Protože
šablona za Vás vše
nevyřeší“

42. Na co si dát pozor při
výběru šablony

43. 1. Nepodceňujte přípravu
před volbou šablony

44. Ještě před výběrem si připravte
 Co má web dělat
 Co od něj očekáváte
 Jaký bude obsah
 Jakým způsobem by měly být jednotlivé části prezentovány
 Napište si kritéria pro výběr
„Myslete na
samotného klienta!“

45. 2. Nedejte na první
dojem klienta

46. Jak může první dojem vypadat?
„Ano, tahle se nám líbí“

47. 3. Testujte vybranou
šablonu

48. Na co byste neměli zapomenout
 Otestovat všechny prohlížeče
 Vyzkoušet tablet a mobilní zařízení
 Vyzkoušejte si funkčnost
 Podrobně se podívejte, jaké je možné nastavení šablony

49. 4. Zkontrolujte konkurenci

50. Může totiž nastat situace...
„Ale my jsme nevěděli,
že mají stejnou
šablonu“

51. 5. Podpořte konverzní
cestu

52. Podpoření konverzní cesty - Fixní pruh

53. Fixní horní pruh - plugin

54. 6. Trend není ideální
volba pro každého

56. 7. Zapisujte si nutné
úpravy

57. Čitelnost

58. 8. Pozor na délku načítání
stránky

59. Pozor na délku načítání

60. WordCamp Praha 2014
Děkuji za pozornost
Jan Kvasnička
www.kvasnickajan.cz
info@kvasnickajan.cz
@Jan_Kvasnicka