Úvod do webdesignu pro zadavatele

4,214 views
4,084 views

Published on

Prezentace pro JIC / StartUp Club v listopadu 2012. Video zatím není online.

0 Comments
24 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
4,214
On SlideShare
0
From Embeds
0
Number of Embeds
7
Actions
Shares
0
Downloads
55
Comments
0
Likes
24
Embeds 0
No embeds

No notes for slide

Úvod do webdesignu pro zadavatele

  1. 1. @janrezac
  2. 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.
  3. 3. Jak se prezentují webdesigneři?
  4. 4. Není se čemu divit
  5. 5. A co větší studia?
  6. 6. Ani tady
  7. 7. Galerie hezkých webů...
  8. 8. Některé galerie mají dokonce proklik na velký screen
  9. 9. K čemu slouží hlavní strana?Hlavní strana je od toho, aby z ní lidé odešli
  10. 10. Co je při tvorbě webu nejdůležitější?http://www.flickr.com/photos/20408885@N03/3243440215/sizes/z/in/photostream/
  11. 11. Peníze, ROI, návratnost investice. Tečka.
  12. 12. Mým cílem je změnit váš pohled na webZadavatelé často řeší hlavní stranu, nikoliv ROI.
  13. 13. Trpíme Dunning-Kruger efektemLidé, 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.
  14. 14. Za čím lidé chodí na weby?
  15. 15. Lidé chodí na web kvůli obsahu.Nikoliv kvůli vzhledu. Nikoliv kvůli vaší hlavní straně.
  16. 16. Co je webdesign?Bez širšího kontextu nezdoláte DK efekt.
  17. 17. WebdesignJeden z pohledů na webdesign jako průnik obsahu, interakcí avizualního designu.
  18. 18. Obsahovástrategie
  19. 19. Přístup pro systematické nakládání s obsahem.http://www.internetmarketingconference.com/vancouver/2011/tracks
  20. 20. Interakční design
  21. 21. 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
  22. 22. Vizuálníkomunikace
  23. 23. Grafický design, typografie, písmo...
  24. 24. Web nikdy neuspěje ve vzduchoprázdnuScreen hlavní strany je vám na nic.
  25. 25. 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/
  26. 26. Výčet typických bodů, kde se lidé mohou setkat s vaším brandem.Vypůjčeno od Adama Hazdry. :-)
  27. 27. 2. Chceme od nich AKCI Nákup, like, email,...http://www.flickr.com/photos/differentstrokes/4045931536/sizes/z/in/photostream/
  28. 28. 3. Chceme, aby se vrátiliNáklady na vracejícího se zákazníka jsou výrazně nižší...
  29. 29. Co všechnomusíme udělat?
  30. 30. Odpověď dává Maslowova pyramida webdesignu. Původní udělalAndrew Chak v knize Submit Now a měla 4 úrovně. Moje jich mádevět a stále roste.
  31. 31. Když na váš web nikdo nepřijde, tak nemá smysl
  32. 32. Web je rychlý, bezchybný a dobře programátorsky navržený
  33. 33. Web je přístupný pro handicapované uživatele, lidi s mobilnímizařízeními (touch) a roboty vyhledávačů
  34. 34. Web je intuitivní, lidé ví kde jsou, co zde mohou dělat a kam majíkliknout
  35. 35. Web je dostatečně důvěryhodný pro uskutečnění transakce (socialproof, jasný provozovatel, dostatečné grafické ztvárnění,...)
  36. 36. Web využívá principů psychologie, aby návštěvníka přesvědčil kuskutečnění transakce.
  37. 37. Web využívá emoce (velké fotografie, avatar, tón textů), aby bylzapamatovatelný a přesvědčivý.
  38. 38. Web využívá herní a další principy k motivaci lidí tak, aby byla radosts ním pracovat a lidé se na něj vraceli.
  39. 39. Web zapadne do kontextu života uživatele a má pro něj dlouhodoběsmysl.Příklad: facebook.
  40. 40. Kam se potřebujete dostat VY?Záleží na tom, jakou konkurenčnost má váš segment.
  41. 41. Sem se potřebuje dostat výkonnostní web ve středně konkurenčnímsegmentu.
  42. 42. 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šechnyinformace, co jsou v databázi, do tabulek typu vlastnost-hodnota.
  43. 43. Takto navrhne web váš grafický designer. Webdesign není jengrafický design.Příklad: http://www.onebit.cz/ (listopad 2012 – onebit.cz je web, kterývytvářel grafik – zkuste si ale vybrat tarif)
  44. 44. Takto navrhne váš web průměrný webdesigner. Do odvětvíwebdesignu je možné vstoupit v řádu týdnů a průměrný webdesignerje velmi málo edukovaný. Souvisí to i s rychlým rozvojem našehoodvětví a absencí vysokého školství zaměřeného na webdesign.
  45. 45. Čím je to dáno?
  46. 46. Zlepšováním použitelnosti nemusíte nutně zvýšit konverzní poměr.
  47. 47. Kano model.Pokud potřebujete výkon, tak je nutné přidat něco navíc k tomu, conávštěvník očekává.
  48. 48. Není web jako webProblém: běžný zadavatel nepozná díky DK efektu rozdíl mezi těmitodvěma weby, dokud nedojde na faktický ekonomický přínos.Čím výše se potřebujete dostat, tím vyšší bývá cena webu.
  49. 49. Zadávání webů
  50. 50. 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 vizitkyRozsah webu: Hlavní stránka, O společnosti, Naše služby -rozděleno na 4 pilíře, KontaktPředem děkujiS pozdravem poptávka. Relevantní reakce ovšem není poslání Toto je relevantnídata a ceny, ale důkladné strategické rozebrání webu.…
  51. 51. Strategie → taktika → operativaMetodika 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,...
  52. 52. Zlaté kruhy. Více vizhttp://www.ted.com/talks/simon_sinek_how_great_leaders_inspire_actio
  53. 53. Nikoho nezajímá CO děláte, ale PROČ to děláteDůsledek zlatých kruhů na biologické úrovni lidstva.
  54. 54. 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.
  55. 55. 1. BrandSlib, který dáváte světu, kdo jste a kam jdete. Vizuální styl jepodružný (ačkoliv pro tvorbu webu nutný). Pokud vizuál nevychází zjasných myšlenkových základů, tak stejně nebude fungovat.
  56. 56. 2. USPDefinujte si unikátní prodejní argument pro vše, co děláte:Naše firma je jediná, která …Náš produkt je jediný, který ...
  57. 57. 3. Cílová skupinaZjistě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 outsourcovatdovolenou.
  58. 58. 4. PřínosyJaké přínosy očekáváte od webu.
  59. 59. 5. OmezeníJaká máte omezeníProjektová (trojimperativ)Designová (vizuální styl)Podkladová (nemáme fotky)...
  60. 60. A pak se můžete jen modlit...ale především můžete každý výstup webdesignera validovat nazákladě předchozích bodů a ptát se, zda je splňuje.
  61. 61. Mám web... a co teď?
  62. 62. Úpravy metodou velkého třesku většinou nefungují. Vyplatí se pouzev 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
  63. 63. Čím více změn najednou uděláte, tím méně dokážete odhadnout, cozpůsobilo propad/nárůst v konverzích.
  64. 64. 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.
  65. 65. Případové studie3 ukázky, kdy nastala výrazná změna bez zásahu do designu webu...či jeho hlavní strany :-)
  66. 66. £ 250 000 ročně
  67. 67. Web byl provázán se službami třetích stran a často házel pronávštěvníka nesmyslné chyby.
  68. 68. (ilustrační obrázek)Flow vydělal klientovi 250 000 liber ročně díky změně chybovýchhlášek – jasné instrukce s výrazným následujícím krokem.
  69. 69. Dvojnásobné konverze
  70. 70. Analytics Expert změřil tento formulář na úrovni jednotlivých polí azjistil, že lidé nevyplňují telefonní číslo (nechtějí ho zadat).
  71. 71. Díky přidání jednoho slova (nepovinné) se konverze zvedly nadvojnásobek.
  72. 72. $ 300 000 000 ročně300 milionů dolarů ročně vydělal retailové megakorporaci v USAJared Spool a jeho tým UIE.
  73. 73. Intenzivním testováním zjistili, že lidé se zasekávají na tomtoformuláři, který se zobrazoval po přechodu z košíku na objednávku.Nepamatují si heslo a nechtějí se registrovat.
  74. 74. Změnili tedy jedno slovo „registrace“ na „pokračovat“ a konverze sezvedly o 300 000 000 dolarů ročně.
  75. 75. Zaměřte se na smysluplnost.Jděte na webdesign shora. Začněte u sebe a svých strategickýchcílů a pokračujte níže. Jen tak můžete vytvořit smysluplný web.Bojujte s DK efektem (sebevzděláním, konzultantem).
  76. 76. @WebdesignKnihaKniha o webdesignu, kterou plánuji vydat na jaře roku 2013.
  77. 77. Více o mně:http://www.filosof.biz/

×