Redesign e-shopu není hračka, i drobná chyba může totiž způsobit velké ztráty. Na co si dát z hlediska UX pozor, čeho si všímat a na co při redesignu určitě nezapomenout.

1. Redesignujete e-shop?!
!
Nedělejte zbytečné chyby
a vytvořte nový e-shop
uživatelům přímo na míru.
Jiří Komár -

2. Proč se to někdy nepovede?

3. Marketing
Upřímně se mi to nelibí. Původní shop jsem dával za vzor.
Úvodni stranka je na mě taková tmavá a mdlá. Shop mi přijde…lacinej.
Martin - 34 let, projektový manažer
Za mě taky nic moc! Stará dobrá zelená stránka a ne taková maškaráda.
Že to mají ostatní, tak to přeci nemusíte mít taky.
Petr - 27 let, instalatér
Použitelnost a UX

4. Důvod nezdaru…
“Špatné”
zadání
Realizace Spuštění

5. “Špatné”
zadání
Realizace Spuštění
Důvod nezdaru…
Proč to
nefunguje?

6. Jak na to?

7. Záměr
Výzkum
+
analýza
Tvorba
zadání
Testování Realizace
Výběr
dodavatelů
+
obsah
Spuštění Optimalizace

8. Záměr
Výzkum
+
analýza
Tvorba
zadání
Testování Realizace
Výběr
dodavatelů
+
obsah
Spuštění Optimalizace

9. Výzkum + analýza
• Rozhovory a testování s uživately
10 až 15 lidí vám už řekne, co nechat nebo čeho se zbavit. Věřte svým uživatelům.
• Analýza dat z Google Analytics
• Testování pomocí teplotních map
myx.cz, clicktale.com, crazyegg.com
• Analýza klíčových slov
Obraťte se na profesionály, ušetříte si čas i problémy.
• Návrh informační architektury
xmind.net, optimalworkshop.com (Treejack), usabilityhub.com (Nav Flow Test)

10. Většinu majitelů webů to neví nebo neřeší.
Jak vypadá váš zákazník?

11. Třeba takto!

12. Výzkum + analýza
• Rozhovory a testování s uživately
10 až 15 lidí vám už řekne, co nechat nebo čeho se zbavit. Věřte svým uživatelům.
• Analýza dat z Google Analytics
• Testování pomocí teplotních map
myx.cz, clicktale.com, crazyegg.com
• Analýza klíčových slov
Obraťte se na profesionály, ušetříte si čas i problémy.
• Návrh informační architektury
xmind.net, optimalworkshop.com (Treejack), usabilityhub.com (Nav Flow Test)

13. Výzkum + analýza
• Rozhovory a testování s uživately
10 až 15 lidí vám už řekne, co nechat nebo čeho se zbavit. Věřte svým uživatelům.
• Analýza dat z Google Analytics
• Testování pomocí teplotních map
myx.cz, clicktale.com, crazyegg.com
• Analýza klíčových slov
Obraťte se na profesionály, ušetříte si čas i problémy.
• Návrh informační architektury
xmind.net, optimalworkshop.com (Treejack), usabilityhub.com (Nav Flow Test)

15. Výzkum + analýza
• Rozhovory a testování s uživately
10 až 15 lidí vám už řekne, co nechat nebo čeho se zbavit. Věřte svým uživatelům.
• Analýza dat z Google Analytics
• Testování pomocí teplotních map
myx.cz, clicktale.com, crazyegg.com
• Analýza klíčových slov
Obraťte se na profesionály, ušetříte si čas i problémy.
• Návrh informační architektury
xmind.net, optimalworkshop.com (Treejack), usabilityhub.com (Nav Flow Test)

16. Výzkum + analýza
• Rozhovory a testování s uživately
10 až 15 lidí vám už řekne, co nechat nebo čeho se zbavit. Věřte svým uživatelům.
• Analýza dat z Google Analytics
• Testování pomocí teplotních map
myx.cz, clicktale.com, crazyegg.com
• Analýza klíčových slov
Obraťte se na profesionály, ušetříte si čas i problémy.
• Návrh informační architektury
xmind.net, optimalworkshop.com (Treejack), usabilityhub.com (Nav Flow Test)

18. Tvorba zadání
• Detailní zadávací dokumentace je základ
• Vizualizujte své požadavky (skica, wireframe)
Na papír, balsamiq.com, axure.com
• Designerovi zadání netvořte

20. Testování
• Testování funkčnosti
Soustředíme se na základní logiky - výběr produktů, nákup, registrace atd.
• Uživatelské testování
usabilityhub.com (Five Second Test, Click Test, Preference Test)
• Migrace marketingových kanálů
SEO, PPC, zbožové srovnávače, Google Analytics atd.

21. Start projektu

22. • Nic nefunguje na 100%, testujte
Teplotmí mapy, uživatelé, mystery shopping atd.
• Když úpravy, tak postupmě
Každá větší úprava je jako malý redesign.
• Naučte se číst svá data
Google Analytics je základ, kdo neví jak na něj, má velké problémy.
Optimalizace

23. Úspěch!

24. Díky za pozornost!
Jiří Komár -
jiri.komar@advisio.cz
@jirikomar