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

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?

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

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

Jak vypadá aktuální
situace na trhu?

Obrovský výběr

Graficky velice povedené

Připraveny pro mobilní zařízení

Jednoduše dostupné – levně a rychle

Opravdu velká míra variability

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

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

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

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

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

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

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

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

Na první pohled - paráda

Hover efekt menu

Vyhledávání po kliknutí

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?

Obsahuje header vše podstatné?

Slider

Ukázka testu proklikovosti

Pokud opravdu musí být

Pokud opravdu musí být

Volba barev pro konverzní cestu

Volba barev pro konverzní cestu

Prezentace vlastností nebo služeb?

Prezentace vlastností nebo služeb?

Viditelná část bez scrollování

Reference

Ceník

Chybná drobečková navigace

Čitelnost ve formulářích

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

Je plně responzivní

Opravdu obrovská míra variability

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

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

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

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

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!“

2. Nedejte na první
dojem klienta

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

3. Testujte vybranou
šablonu

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

4. Zkontrolujte konkurenci

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

5. Podpořte konverzní
cestu

Podpoření konverzní cesty - Fixní pruh

Fixní horní pruh - plugin

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

7. Zapisujte si nutné
úpravy

Čitelnost

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

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

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