Okomentované slidy z přednášky Jana Řezáče na setkání StartupClubu 5.11.2012

1. @janrezac

2. Kdo z vás se
někdy účastnil
tvorby webu?
Čemu jste věnovali nejvíce energie?
Moje zkušenost – lidé se soustředí na obrázek hlavní strany.

4. Jak se prezentují
webdesigneři?

5. Není se čemu divit

6. A co větší studia?

7. Ani tady

8. Galerie hezkých
webů...

9. Některé galerie mají dokonce proklik na velký screen

10. K čemu slouží hlavní strana?
Hlavní strana je od toho, aby z ní lidé odešli

11. Co je při tvorbě webu nejdůležitější?
http://www.flickr.com/photos/20408885@N03/3243440215/sizes/z/in/photostream/

12. Peníze, ROI, návratnost investice. Tečka.

13. Mým cílem je
změnit váš pohled
na web
Zadavatelé často řeší hlavní stranu, nikoliv ROI.

14. Trpíme Dunning-Kruger efektem
Lidé, co neví neví, že neví.
Děláme chybná rozhodnutí, protože jsme přesvědčeni o své pravdě.
DK efekt je můj zarytý nepřítel.

15. Za čím lidé chodí
na weby?

16. Lidé chodí na web kvůli obsahu.
Nikoliv kvůli vzhledu. Nikoliv kvůli vaší hlavní straně.

17. Co je webdesign?
Bez širšího kontextu nezdoláte DK efekt.

18. Webdesign
Jeden z pohledů na webdesign jako průnik obsahu, interakcí a
vizualního designu.

19. Obsahová
strategie

20. Přístup pro systematické nakládání s obsahem.
http://www.internetmarketingconference.com/vancouver/2011/tracks

21. Interakční design

22. Web je na rozdíl od tiskového designu dynamické médium. Lidé v
něm klikají, vyplňují formuláře a interakční design se stará o to, aby
se jim to dělalo dobře.
Dan Saffer

23. Vizuální
komunikace

24. Grafický design, typografie, písmo...

25. Web nikdy
neuspěje ve
vzduchoprázdnu
Screen hlavní strany je vám na nic.

26. 1. Chceme dostat na web lidi
Nějak. Jakkoliv. Ale musí to být ti správní lidé.
http://www.flickr.com/photos/98354766@N00/83265756/

27. Výčet typických bodů, kde se lidé mohou setkat s vaším brandem.
Vypůjčeno od Adama Hazdry. :-)

28. 2. Chceme od nich AKCI
Nákup, like, email,...
http://www.flickr.com/photos/differentstrokes/4045931536/sizes/z/in/photostream/

29. 3. Chceme, aby se vrátili
Náklady na vracejícího se zákazníka jsou výrazně nižší...

30. Co všechno
musíme udělat?

31. Odpověď dává Maslowova pyramida webdesignu. Původní udělal
Andrew Chak v knize Submit Now a měla 4 úrovně. Moje jich má
devět a stále roste.

33. Když na váš web nikdo nepřijde, tak nemá smysl

35. Web je rychlý, bezchybný a dobře programátorsky navržený

37. Web je přístupný pro handicapované uživatele, lidi s mobilními
zařízeními (touch) a roboty vyhledávačů

39. Web je intuitivní, lidé ví kde jsou, co zde mohou dělat a kam mají
kliknout

41. Web je dostatečně důvěryhodný pro uskutečnění transakce (social
proof, jasný provozovatel, dostatečné grafické ztvárnění,...)

43. Web využívá principů psychologie, aby návštěvníka přesvědčil k
uskutečnění transakce.

45. Web využívá emoce (velké fotografie, avatar, tón textů), aby byl
zapamatovatelný a přesvědčivý.

47. Web využívá herní a další principy k motivaci lidí tak, aby byla radost
s ním pracovat a lidé se na něj vraceli.

49. Web zapadne do kontextu života uživatele a má pro něj dlouhodobě
smysl.
Příklad: facebook.

50. Kam se
potřebujete dostat
VY?
Záleží na tom, jakou konkurenčnost má váš segment.

51. Sem se potřebuje dostat výkonnostní web ve středně konkurenčním
segmentu.

52. Tyto úrovně je schopno vyřešit vaše IT oddělení. Webdesign není IT.
Příklad: většina českých vysokých škol – obecně IT vypíše všechny
informace, co jsou v databázi, do tabulek typu vlastnost-hodnota.

53. Takto navrhne web váš grafický designer. Webdesign není jen
grafický design.
Příklad: http://www.onebit.cz/ (listopad 2012 – onebit.cz je web, který
vytvářel grafik – zkuste si ale vybrat tarif)

54. Takto navrhne váš web průměrný webdesigner. Do odvětví
webdesignu je možné vstoupit v řádu týdnů a průměrný webdesigner
je velmi málo edukovaný. Souvisí to i s rychlým rozvojem našeho
odvětví a absencí vysokého školství zaměřeného na webdesign.

55. Čím je to dáno?

56. Zlepšováním použitelnosti nemusíte nutně zvýšit konverzní poměr.

57. Kano model.
Pokud potřebujete výkon, tak je nutné přidat něco navíc k tomu, co
návštěvník očekává.

58. Není web jako web
Problém: běžný zadavatel nepozná díky DK efektu rozdíl mezi těmito
dvěma weby, dokud nedojde na faktický ekonomický přínos.
Čím výše se potřebujete dostat, tím vyšší bývá cena webu.

59. Zadávání webů

60. Dobrý den,
prosím o zaslání cenové nabídky a termínu zhotovení.
Společnost se zabývá firemním poradenstvím.
Rozsah zakázky: tvorba logotypu, webdesignu, návrh hl.
papíru a vizitky
Rozsah webu: Hlavní stránka, O společnosti, Naše služby -
rozděleno na 4 pilíře, Kontakt
Předem děkuji
S pozdravem poptávka. Relevantní reakce ovšem není poslání
Toto je relevantní
data a ceny, ale důkladné strategické rozebrání webu.
…

61. Strategie
→ taktika
→ operativa
Metodika pro úspěch webu.
Strategie – kdo jsme a kam jdeme.
Taktika jsou principy uplatňované pro tento konkrétní web.
Operativa je dokumentace, grafický design, konkrétní obsah webu,...

62. Zlaté kruhy. Více viz
http://www.ted.com/talks/simon_sinek_how_great_leaders_inspire_actio

63. Nikoho nezajímá
CO děláte, ale
PROČ to děláte
Důsledek zlatých kruhů na biologické úrovni lidstva.

64. Jste připraveni na
svůj web?
Bez následujících 5 bodů nemá smysl řešit weby – máte pálivější
problémy někde úplně jinde.

65. 1. Brand
Slib, který dáváte světu, kdo jste a kam jdete. Vizuální styl je
podružný (ačkoliv pro tvorbu webu nutný). Pokud vizuál nevychází z
jasných myšlenkových základů, tak stejně nebude fungovat.

66. 2. USP
Definujte si unikátní prodejní argument pro vše, co děláte:
Naše firma je jediná, která …
Náš produkt je jediný, který ...

67. 3. Cílová skupina
Zjistěte, kdo je váš zákazník. Nikoliv na odhadem, ale na základě
uživatelského výzkumu a faktických dat.
Doporučení: Outsourcovat uživatelský výzkum je jako outsourcovat
dovolenou.

68. 4. Přínosy
Jaké přínosy očekáváte od webu.

69. 5. Omezení
Jaká máte omezení
Projektová (trojimperativ)
Designová (vizuální styl)
Podkladová (nemáme fotky)
...

70. A pak se můžete jen modlit...
ale především můžete každý výstup webdesignera validovat na
základě předchozích bodů a ptát se, zda je splňuje.

71. Mám web...
a co teď?

72. Úpravy metodou velkého třesku většinou nefungují. Vyplatí se pouze
v případě, že:
a) máte zcela špatný web (pozor na DK efekt)
b) výrazně se změnily cíle a tudíž i obsah webu

73. Čím více změn najednou uděláte, tím méně dokážete odhadnout, co
způsobilo propad/nárůst v konverzích.

74. Lepší metodou je často postupné upravování webu na základě
expertního posudku, a/b testování,...
Navíc pro to stačí průměrný designer, koder či copywriter.

75. Případové studie
3 ukázky, kdy nastala výrazná změna bez zásahu do designu webu...
či jeho hlavní strany :-)

76. £ 250 000 ročně

77. Web byl provázán se službami třetích stran a často házel pro
návštěvníka nesmyslné chyby.

78. (ilustrační obrázek)
Flow vydělal klientovi 250 000 liber ročně díky změně chybových
hlášek – jasné instrukce s výrazným následujícím krokem.

79. Dvojnásobné
konverze

80. Analytics Expert změřil tento formulář na úrovni jednotlivých polí a
zjistil, že lidé nevyplňují telefonní číslo (nechtějí ho zadat).

81. Díky přidání jednoho slova (nepovinné) se konverze zvedly na
dvojnásobek.

82. $ 300 000 000
ročně
300 milionů dolarů ročně vydělal retailové megakorporaci v USA
Jared Spool a jeho tým UIE.

83. Intenzivním testováním zjistili, že lidé se zasekávají na tomto
formuláři, který se zobrazoval po přechodu z košíku na objednávku.
Nepamatují si heslo a nechtějí se registrovat.

84. Změnili tedy jedno slovo „registrace“ na „pokračovat“ a konverze se
zvedly o 300 000 000 dolarů ročně.

85. Zaměřte se na
smysluplnost.
Jděte na webdesign shora. Začněte u sebe a svých strategických
cílů a pokračujte níže. Jen tak můžete vytvořit smysluplný web.
Bojujte s DK efektem (sebevzděláním, konzultantem).

86. @WebdesignKniha
Kniha o webdesignu, kterou plánuji vydat na jaře roku 2013.

87. Více o mně:
http://www.filosof.biz/