1. Čo má obsahovať
príprava pred stavbou
úspešného webu
Matej Chyľa
@chylamt (twitter)

2. Príprava
Rozobratie vášho zámeru
na kúsky a rozpracovanie
do zadania pre vývoj webu

3. Príprava
Zámer a stratégia
Získanie informácií
Návrh
Testovanie

4. 1/
Prečo sa venovať
príprave?

5. < 40 %
nákladov,
ktoré rozhodnú o
úspechu

6. Vyšia šanca úspechu
Menej budúcich úprav
Presnejší rozpočet vývoja
Pochopíte potreby zákazníkov
Možno zistíte, že zámer je zlý

7. 2/
Čo je výsledkom?

9. Wireframe (prototyp)
a jasne zodpovedané:
Pre koho?
Prečo si to niekto kúpi od nás?
Čo budeme robiť?
Čo bude tvoriť obsah?
Ako to vyhodnotíme?

10. Pre koho?
Pre všetkých
Pre matky
Pre matky, ktoré sa zaujímajú o
zdravý životný štýl

11. Pre koho?
Pre matky, ktoré sa zaujímajú
o zdravý životný štýl, sú ochotné
platiť za prémiovú kvalitu a chcú
budovať stravovacie návyky u svojich
detí

12. Pre koho?
Mali by ste vedieť, kto je, ale aj kto nie
je váš zákazník

13. Zákazník a užívateľ nemusí byť
tá istá osoba
(napr. rodičia nakupujú pre deti)

14. “Ak nemôžete byť jednotkou alebo
dvojkou na trhu, profilujte sa užšie.”
Marty Neumeier (The Brand Gap)
Nebojte sa zúžiť cieľovku

15. Prečo si to kúpi od nás?
Potrebujete presnejšiu
odpoveď než:
Šetríme čas
Šetríme peniaze
Lebo máme lepší produkt

16. Prečo si to kúpi od nás?
Čo z toho má zákazník? Je to pre neho
dôležité?
Sme nová autopožičovňa
Sme lokálne orientovaní
Všetky naše autá sú rovnakej farby

17. Prečo si to kúpi od nás?
Príklad z nedávnej dovolenky:
Sme autopožičovňa, vyžadujeme
minimum dokladov, nechceme zálohu –
za 5 minút máte auto a odchádzate

18. Prečo si to kúpi od nás?
Dôvod na kúpu musí byť jednoznačný
a pre zákazníka dôležitý

19. Je to skôr o zisťovaní, ako
o výmýšľaní

20. Čo budeme tvoriť?
Krabicový e-shop
E-shop na mieru
Prezentačný web
Prezentačný web s možnosťou
objednania produktu

21. Kým neviete, pre koho
navrhujete a prečo si to
kúpi od vás, tak
neodpovedajte na:
čo budeme robiť

22. Čo bude tvoriť obsah?
Aké podstránky
Čo na nich bude
Aká bude hierarchia informácií
Ako budú stránky na seba nadväzovať
Aká bude navigácia podstránok

23. Pre spustenie webu
nepotrebujete nutne celý
obsah, ten môže vznikať
postupne

24. Ako to vyhodnotíme?
Metriky
Mikrociele
Ciele
Kvalitatívne a kvantitatívne dáta

25. Pre vyhodnotenie si
typicky nepostačíte s
jedným číslom –
neodpovie vám na otázky
typu: Prečo…?

26. 3/
Ako na to?

27. Predimplementačná
analýza
Jasne sformulované informácie,
ktoré už máte (zámer)

28. Predimplementačná
analýza
Skúste to vysvetliť niekomu, kto
o vašom zámere nič nevie.
Pochopí to?

29. Predimplementačná
analýza
Špecialista s vami prejde zámer
a spolu zistíte, čo potrebujete doplniť,
overiť a naplánuje, ako to zistíte

30. Predimplementačná
analýza
Kto je zákazník? Ako sa rozhoduje? Čo
je váš produkt? Kto ste vy ako firma?
Konkurencia? Rozpočet? Aký plánujete
marketing?

31. Užívateľský prieskum
Pochopiť, čo potrebujú zákazníci a za
akých podmienok si niečo kúpia

32. My vieme, čo potrebujú naši
zákazníci

33. Ako ste to zistili a stavíte na
to úspech budúceho webu?

35. Užívateľský prieskum
Skúmanie názorov
vs.
Skúmanie správania

36. Užívateľský prieskum
Nové, ale menej detailné zistenia
vs.
Upresňovanie toho, čo už vieme

37. Užívateľský prieskum
Aj nedokonalo realizovaný je často
lepší ako žiadny

38. Užívateľský prieskum
Čo robiť, keď nemôžem osloviť
zákazníkov alebo zákazníci nie sú
ochotní spolupracovať?

39. Užívateľský prieskum
Kompromisom je získať informácie
od ľudí, ktorí sú v kontakte so
zákazníkmi:
užívateľská podpora
obchodní zástupcovia

40. Vhľad – čo sme zistili
Potrebujete sumár a interpretáciu
výsledkov – chápeme to všetci
rovnako?

41. Vhľad – čo sme zistili
Spíšte to:
Persony
Popis zainteresovaných strán
User Journey
Akákoľvek A4

42. Vhľad – čo sme zistili
Okrem získania vhľadu je potrebné
zabezpečit aj to, aby sa informácie
dostali ku všetkým ľuďom, ktorí budú
rozhodovať

43. Návrh samotný
Informačná architektúra
Skice, náčrtky
Wireframe
Prototyp

47. Návrh samotný
Typicky rieši špecialista, priebežne
prezentuje čiastkové výsledky

48. Návrh samotný
Ak nemáte presné informácie, tak
nerobte detailný návrh

49. Testovanie
Overiť funkčnosť navrhnutého
riešenia a zrozumiteľnosť informácií

50. Testovanie
Môže prebiehať „laborátornou
formou“, ale aj formou terénneho
zjednodušeného testovnia

51. Testovanie
Je dôležité s kým testujete

52. Testovanie
Výstupom by mal byť (hierarchický)
súpis toho, čo funguje a nefunguje

53. Komunikácia
Rátajte s tým, že potrebujete návrh
odkomunikovať s vývojármi a
skontrolovať výstup ich prác

54. 4/
Čo si odniesť?

55. Veľa ľudí návrh stále podceňuje
a myslí si, že vie, čo zákazníci
potrebujú

56. Ak si môžete dovoliť strieľať, skúšať
a nestojí vás moc vývoj, tak návrh
skráťte na minimum

57. Ak si potrebujete byť istý je návrh
webu a dôkladná príprava to,
čo vám pomôže

58. www.lqd.cz
Matej Chyľa
matej@lqd.cz
@chylamt
chylamt
chylamt