premium šablona vždy neznamená nejvyšší kvalitu z pohledu použitelnosti | wordcamp...
DESCRIPTION
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/TRANSCRIPT
![Page 1: Premium šablona vždy neznamená nejvyšší kvalitu z pohledu použitelnosti | WordCamp Praha | 22.2.2014](https://reader033.vdocuments.pub/reader033/viewer/2022051516/559592621a28ab9d498b46ff/html5/thumbnails/1.jpg)
Premium šablona vždy neznamená nejvyšší kvalitu z
pohledu použitelnosti
WordCamp Praha 2014
Jan Kvasnička
[email protected]@Jan_Kvasnicka
22.2.2014
![Page 2: Premium šablona vždy neznamená nejvyšší kvalitu z pohledu použitelnosti | WordCamp Praha | 22.2.2014](https://reader033.vdocuments.pub/reader033/viewer/2022051516/559592621a28ab9d498b46ff/html5/thumbnails/2.jpg)
Kdo z Vás používá premium šablony pro sebe?
Kdo z Vás je používá pro klienty?
Jak jste s nimi spokojeni?
Otázky na úvod
![Page 3: Premium šablona vždy neznamená nejvyšší kvalitu z pohledu použitelnosti | WordCamp Praha | 22.2.2014](https://reader033.vdocuments.pub/reader033/viewer/2022051516/559592621a28ab9d498b46ff/html5/thumbnails/3.jpg)
Ještě než začneme...
„Premium šablona? Co si pod tímto pojmem představit?“
![Page 4: Premium šablona vždy neznamená nejvyšší kvalitu z pohledu použitelnosti | WordCamp Praha | 22.2.2014](https://reader033.vdocuments.pub/reader033/viewer/2022051516/559592621a28ab9d498b46ff/html5/thumbnails/4.jpg)
...další otázka
„Jak postupujete při výběru šablony?“
![Page 5: Premium šablona vždy neznamená nejvyšší kvalitu z pohledu použitelnosti | WordCamp Praha | 22.2.2014](https://reader033.vdocuments.pub/reader033/viewer/2022051516/559592621a28ab9d498b46ff/html5/thumbnails/5.jpg)
Jak vypadá aktuální situace na trhu?
![Page 6: Premium šablona vždy neznamená nejvyšší kvalitu z pohledu použitelnosti | WordCamp Praha | 22.2.2014](https://reader033.vdocuments.pub/reader033/viewer/2022051516/559592621a28ab9d498b46ff/html5/thumbnails/6.jpg)
Obrovský výběr
![Page 7: Premium šablona vždy neznamená nejvyšší kvalitu z pohledu použitelnosti | WordCamp Praha | 22.2.2014](https://reader033.vdocuments.pub/reader033/viewer/2022051516/559592621a28ab9d498b46ff/html5/thumbnails/7.jpg)
Graficky velice povedené
![Page 8: Premium šablona vždy neznamená nejvyšší kvalitu z pohledu použitelnosti | WordCamp Praha | 22.2.2014](https://reader033.vdocuments.pub/reader033/viewer/2022051516/559592621a28ab9d498b46ff/html5/thumbnails/8.jpg)
Připraveny pro mobilní zařízení
![Page 9: Premium šablona vždy neznamená nejvyšší kvalitu z pohledu použitelnosti | WordCamp Praha | 22.2.2014](https://reader033.vdocuments.pub/reader033/viewer/2022051516/559592621a28ab9d498b46ff/html5/thumbnails/9.jpg)
Jednoduše dostupné – levně a rychle
![Page 10: Premium šablona vždy neznamená nejvyšší kvalitu z pohledu použitelnosti | WordCamp Praha | 22.2.2014](https://reader033.vdocuments.pub/reader033/viewer/2022051516/559592621a28ab9d498b46ff/html5/thumbnails/10.jpg)
Opravdu velká míra variability
![Page 11: Premium šablona vždy neznamená nejvyšší kvalitu z pohledu použitelnosti | WordCamp Praha | 22.2.2014](https://reader033.vdocuments.pub/reader033/viewer/2022051516/559592621a28ab9d498b46ff/html5/thumbnails/11.jpg)
Proč si vybíráme premium šablonu?
„Jaké mohou být další důvody, proč si vybíráme premiumšablony?“
![Page 12: Premium šablona vždy neznamená nejvyšší kvalitu z pohledu použitelnosti | WordCamp Praha | 22.2.2014](https://reader033.vdocuments.pub/reader033/viewer/2022051516/559592621a28ab9d498b46ff/html5/thumbnails/12.jpg)
Jakým způsobem si vybíráme šablony?
„Bohužel někdy úplně bez rozmyšlení pouze podle vzhledu...“
![Page 13: Premium šablona vždy neznamená nejvyšší kvalitu z pohledu použitelnosti | WordCamp Praha | 22.2.2014](https://reader033.vdocuments.pub/reader033/viewer/2022051516/559592621a28ab9d498b46ff/html5/thumbnails/13.jpg)
„Ta šablona je tak krásná!“
![Page 14: Premium šablona vždy neznamená nejvyšší kvalitu z pohledu použitelnosti | WordCamp Praha | 22.2.2014](https://reader033.vdocuments.pub/reader033/viewer/2022051516/559592621a28ab9d498b46ff/html5/thumbnails/14.jpg)
„Ale je to o nás?“
„Co tam sakra dám?“
![Page 15: Premium šablona vždy neznamená nejvyšší kvalitu z pohledu použitelnosti | WordCamp Praha | 22.2.2014](https://reader033.vdocuments.pub/reader033/viewer/2022051516/559592621a28ab9d498b46ff/html5/thumbnails/15.jpg)
Zhodnocení nejpopulárnější šablony současnosti
![Page 16: Premium šablona vždy neznamená nejvyšší kvalitu z pohledu použitelnosti | WordCamp Praha | 22.2.2014](https://reader033.vdocuments.pub/reader033/viewer/2022051516/559592621a28ab9d498b46ff/html5/thumbnails/16.jpg)
Šablona Avada
Pokud jste online, hodnoťte se mnou http://theme-fusion.com/avada/
![Page 17: Premium šablona vždy neznamená nejvyšší kvalitu z pohledu použitelnosti | WordCamp Praha | 22.2.2014](https://reader033.vdocuments.pub/reader033/viewer/2022051516/559592621a28ab9d498b46ff/html5/thumbnails/17.jpg)
Možnosti nastavení
„Kolik z Vás si hraje s nastavením šablony před zakoupením?“
![Page 18: Premium šablona vždy neznamená nejvyšší kvalitu z pohledu použitelnosti | WordCamp Praha | 22.2.2014](https://reader033.vdocuments.pub/reader033/viewer/2022051516/559592621a28ab9d498b46ff/html5/thumbnails/18.jpg)
Podtext této šablony
„Ta je perfektní pro naší účetní firmu a chceme největší kvalitu“ –zakoupili ji
![Page 19: Premium šablona vždy neznamená nejvyšší kvalitu z pohledu použitelnosti | WordCamp Praha | 22.2.2014](https://reader033.vdocuments.pub/reader033/viewer/2022051516/559592621a28ab9d498b46ff/html5/thumbnails/19.jpg)
Na první pohled - paráda
![Page 20: Premium šablona vždy neznamená nejvyšší kvalitu z pohledu použitelnosti | WordCamp Praha | 22.2.2014](https://reader033.vdocuments.pub/reader033/viewer/2022051516/559592621a28ab9d498b46ff/html5/thumbnails/20.jpg)
Hover efekt menu
![Page 21: Premium šablona vždy neznamená nejvyšší kvalitu z pohledu použitelnosti | WordCamp Praha | 22.2.2014](https://reader033.vdocuments.pub/reader033/viewer/2022051516/559592621a28ab9d498b46ff/html5/thumbnails/21.jpg)
Vyhledávání po kliknutí
![Page 22: Premium šablona vždy neznamená nejvyšší kvalitu z pohledu použitelnosti | WordCamp Praha | 22.2.2014](https://reader033.vdocuments.pub/reader033/viewer/2022051516/559592621a28ab9d498b46ff/html5/thumbnails/22.jpg)
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?
![Page 23: Premium šablona vždy neznamená nejvyšší kvalitu z pohledu použitelnosti | WordCamp Praha | 22.2.2014](https://reader033.vdocuments.pub/reader033/viewer/2022051516/559592621a28ab9d498b46ff/html5/thumbnails/23.jpg)
Obsahuje header vše podstatné?
![Page 24: Premium šablona vždy neznamená nejvyšší kvalitu z pohledu použitelnosti | WordCamp Praha | 22.2.2014](https://reader033.vdocuments.pub/reader033/viewer/2022051516/559592621a28ab9d498b46ff/html5/thumbnails/24.jpg)
Slider
![Page 25: Premium šablona vždy neznamená nejvyšší kvalitu z pohledu použitelnosti | WordCamp Praha | 22.2.2014](https://reader033.vdocuments.pub/reader033/viewer/2022051516/559592621a28ab9d498b46ff/html5/thumbnails/25.jpg)
Ukázka testu proklikovosti
![Page 26: Premium šablona vždy neznamená nejvyšší kvalitu z pohledu použitelnosti | WordCamp Praha | 22.2.2014](https://reader033.vdocuments.pub/reader033/viewer/2022051516/559592621a28ab9d498b46ff/html5/thumbnails/26.jpg)
Pokud opravdu musí být
![Page 27: Premium šablona vždy neznamená nejvyšší kvalitu z pohledu použitelnosti | WordCamp Praha | 22.2.2014](https://reader033.vdocuments.pub/reader033/viewer/2022051516/559592621a28ab9d498b46ff/html5/thumbnails/27.jpg)
Pokud opravdu musí být
![Page 28: Premium šablona vždy neznamená nejvyšší kvalitu z pohledu použitelnosti | WordCamp Praha | 22.2.2014](https://reader033.vdocuments.pub/reader033/viewer/2022051516/559592621a28ab9d498b46ff/html5/thumbnails/28.jpg)
Volba barev pro konverzní cestu
![Page 29: Premium šablona vždy neznamená nejvyšší kvalitu z pohledu použitelnosti | WordCamp Praha | 22.2.2014](https://reader033.vdocuments.pub/reader033/viewer/2022051516/559592621a28ab9d498b46ff/html5/thumbnails/29.jpg)
Volba barev pro konverzní cestu
![Page 30: Premium šablona vždy neznamená nejvyšší kvalitu z pohledu použitelnosti | WordCamp Praha | 22.2.2014](https://reader033.vdocuments.pub/reader033/viewer/2022051516/559592621a28ab9d498b46ff/html5/thumbnails/30.jpg)
Prezentace vlastností nebo služeb?
![Page 31: Premium šablona vždy neznamená nejvyšší kvalitu z pohledu použitelnosti | WordCamp Praha | 22.2.2014](https://reader033.vdocuments.pub/reader033/viewer/2022051516/559592621a28ab9d498b46ff/html5/thumbnails/31.jpg)
Prezentace vlastností nebo služeb?
![Page 32: Premium šablona vždy neznamená nejvyšší kvalitu z pohledu použitelnosti | WordCamp Praha | 22.2.2014](https://reader033.vdocuments.pub/reader033/viewer/2022051516/559592621a28ab9d498b46ff/html5/thumbnails/32.jpg)
Viditelná část bez scrollování
![Page 33: Premium šablona vždy neznamená nejvyšší kvalitu z pohledu použitelnosti | WordCamp Praha | 22.2.2014](https://reader033.vdocuments.pub/reader033/viewer/2022051516/559592621a28ab9d498b46ff/html5/thumbnails/33.jpg)
Reference
![Page 34: Premium šablona vždy neznamená nejvyšší kvalitu z pohledu použitelnosti | WordCamp Praha | 22.2.2014](https://reader033.vdocuments.pub/reader033/viewer/2022051516/559592621a28ab9d498b46ff/html5/thumbnails/34.jpg)
Ceník
![Page 35: Premium šablona vždy neznamená nejvyšší kvalitu z pohledu použitelnosti | WordCamp Praha | 22.2.2014](https://reader033.vdocuments.pub/reader033/viewer/2022051516/559592621a28ab9d498b46ff/html5/thumbnails/35.jpg)
Chybná drobečková navigace
![Page 36: Premium šablona vždy neznamená nejvyšší kvalitu z pohledu použitelnosti | WordCamp Praha | 22.2.2014](https://reader033.vdocuments.pub/reader033/viewer/2022051516/559592621a28ab9d498b46ff/html5/thumbnails/36.jpg)
Čitelnost ve formulářích
![Page 37: Premium šablona vždy neznamená nejvyšší kvalitu z pohledu použitelnosti | WordCamp Praha | 22.2.2014](https://reader033.vdocuments.pub/reader033/viewer/2022051516/559592621a28ab9d498b46ff/html5/thumbnails/37.jpg)
Pohled z druhé strany
„Abych nebyl jen negativní“
![Page 38: Premium šablona vždy neznamená nejvyšší kvalitu z pohledu použitelnosti | WordCamp Praha | 22.2.2014](https://reader033.vdocuments.pub/reader033/viewer/2022051516/559592621a28ab9d498b46ff/html5/thumbnails/38.jpg)
Je plně responzivní
![Page 39: Premium šablona vždy neznamená nejvyšší kvalitu z pohledu použitelnosti | WordCamp Praha | 22.2.2014](https://reader033.vdocuments.pub/reader033/viewer/2022051516/559592621a28ab9d498b46ff/html5/thumbnails/39.jpg)
Opravdu obrovská míra variability
![Page 40: Premium šablona vždy neznamená nejvyšší kvalitu z pohledu použitelnosti | WordCamp Praha | 22.2.2014](https://reader033.vdocuments.pub/reader033/viewer/2022051516/559592621a28ab9d498b46ff/html5/thumbnails/40.jpg)
Váš názor?
„Jedná se o drobnosti, nebo jsou to důležité části webu?“
![Page 41: Premium šablona vždy neznamená nejvyšší kvalitu z pohledu použitelnosti | WordCamp Praha | 22.2.2014](https://reader033.vdocuments.pub/reader033/viewer/2022051516/559592621a28ab9d498b46ff/html5/thumbnails/41.jpg)
Výsledek?
„Nyní se dělá design na míru. Proč? Protože šablona za Vás vše nevyřeší“
![Page 42: Premium šablona vždy neznamená nejvyšší kvalitu z pohledu použitelnosti | WordCamp Praha | 22.2.2014](https://reader033.vdocuments.pub/reader033/viewer/2022051516/559592621a28ab9d498b46ff/html5/thumbnails/42.jpg)
Na co si dát pozor při výběru šablony
![Page 43: Premium šablona vždy neznamená nejvyšší kvalitu z pohledu použitelnosti | WordCamp Praha | 22.2.2014](https://reader033.vdocuments.pub/reader033/viewer/2022051516/559592621a28ab9d498b46ff/html5/thumbnails/43.jpg)
1. Nepodceňujte přípravu před volbou šablony
![Page 44: Premium šablona vždy neznamená nejvyšší kvalitu z pohledu použitelnosti | WordCamp Praha | 22.2.2014](https://reader033.vdocuments.pub/reader033/viewer/2022051516/559592621a28ab9d498b46ff/html5/thumbnails/44.jpg)
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
Ještě před výběrem si připravte
„Myslete na samotného klienta!“
![Page 45: Premium šablona vždy neznamená nejvyšší kvalitu z pohledu použitelnosti | WordCamp Praha | 22.2.2014](https://reader033.vdocuments.pub/reader033/viewer/2022051516/559592621a28ab9d498b46ff/html5/thumbnails/45.jpg)
2. Nedejte na první dojem klienta
![Page 46: Premium šablona vždy neznamená nejvyšší kvalitu z pohledu použitelnosti | WordCamp Praha | 22.2.2014](https://reader033.vdocuments.pub/reader033/viewer/2022051516/559592621a28ab9d498b46ff/html5/thumbnails/46.jpg)
Jak může první dojem vypadat?
„Ano, tahle se nám líbí“
![Page 47: Premium šablona vždy neznamená nejvyšší kvalitu z pohledu použitelnosti | WordCamp Praha | 22.2.2014](https://reader033.vdocuments.pub/reader033/viewer/2022051516/559592621a28ab9d498b46ff/html5/thumbnails/47.jpg)
3. Testujte vybranou šablonu
![Page 48: Premium šablona vždy neznamená nejvyšší kvalitu z pohledu použitelnosti | WordCamp Praha | 22.2.2014](https://reader033.vdocuments.pub/reader033/viewer/2022051516/559592621a28ab9d498b46ff/html5/thumbnails/48.jpg)
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
Na co byste neměli zapomenout
![Page 49: Premium šablona vždy neznamená nejvyšší kvalitu z pohledu použitelnosti | WordCamp Praha | 22.2.2014](https://reader033.vdocuments.pub/reader033/viewer/2022051516/559592621a28ab9d498b46ff/html5/thumbnails/49.jpg)
4. Zkontrolujte konkurenci
![Page 50: Premium šablona vždy neznamená nejvyšší kvalitu z pohledu použitelnosti | WordCamp Praha | 22.2.2014](https://reader033.vdocuments.pub/reader033/viewer/2022051516/559592621a28ab9d498b46ff/html5/thumbnails/50.jpg)
Může totiž nastat situace...
„Ale my jsme nevěděli, že mají stejnou šablonu“
![Page 51: Premium šablona vždy neznamená nejvyšší kvalitu z pohledu použitelnosti | WordCamp Praha | 22.2.2014](https://reader033.vdocuments.pub/reader033/viewer/2022051516/559592621a28ab9d498b46ff/html5/thumbnails/51.jpg)
5. Podpořte konverzní cestu
![Page 52: Premium šablona vždy neznamená nejvyšší kvalitu z pohledu použitelnosti | WordCamp Praha | 22.2.2014](https://reader033.vdocuments.pub/reader033/viewer/2022051516/559592621a28ab9d498b46ff/html5/thumbnails/52.jpg)
Podpoření konverzní cesty - Fixní pruh
![Page 53: Premium šablona vždy neznamená nejvyšší kvalitu z pohledu použitelnosti | WordCamp Praha | 22.2.2014](https://reader033.vdocuments.pub/reader033/viewer/2022051516/559592621a28ab9d498b46ff/html5/thumbnails/53.jpg)
Fixní horní pruh - plugin
![Page 54: Premium šablona vždy neznamená nejvyšší kvalitu z pohledu použitelnosti | WordCamp Praha | 22.2.2014](https://reader033.vdocuments.pub/reader033/viewer/2022051516/559592621a28ab9d498b46ff/html5/thumbnails/54.jpg)
6. Trend není ideální volba pro každého
![Page 55: Premium šablona vždy neznamená nejvyšší kvalitu z pohledu použitelnosti | WordCamp Praha | 22.2.2014](https://reader033.vdocuments.pub/reader033/viewer/2022051516/559592621a28ab9d498b46ff/html5/thumbnails/55.jpg)
![Page 56: Premium šablona vždy neznamená nejvyšší kvalitu z pohledu použitelnosti | WordCamp Praha | 22.2.2014](https://reader033.vdocuments.pub/reader033/viewer/2022051516/559592621a28ab9d498b46ff/html5/thumbnails/56.jpg)
7. Zapisujte si nutné úpravy
![Page 57: Premium šablona vždy neznamená nejvyšší kvalitu z pohledu použitelnosti | WordCamp Praha | 22.2.2014](https://reader033.vdocuments.pub/reader033/viewer/2022051516/559592621a28ab9d498b46ff/html5/thumbnails/57.jpg)
Čitelnost
![Page 58: Premium šablona vždy neznamená nejvyšší kvalitu z pohledu použitelnosti | WordCamp Praha | 22.2.2014](https://reader033.vdocuments.pub/reader033/viewer/2022051516/559592621a28ab9d498b46ff/html5/thumbnails/58.jpg)
8. Pozor na délku načítání stránky
![Page 59: Premium šablona vždy neznamená nejvyšší kvalitu z pohledu použitelnosti | WordCamp Praha | 22.2.2014](https://reader033.vdocuments.pub/reader033/viewer/2022051516/559592621a28ab9d498b46ff/html5/thumbnails/59.jpg)
Pozor na délku načítání