Úvod do webdesignu pro zadavatele

@janrezac@janrezac

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.

Jak se prezentují webdesigneři?

Není se čemu divit

A co větší studia?

Ani tady

Galerie hezkých webů...

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

K čemu slouží hlavní strana?

Hlavní strana je od toho, aby z ní lidé odešli

Co je při tvorbě webu nejdůležitější?

http://www.flickr.com/photos/20408885@N03/3243440215/sizes/z/in/photostream/

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

Mým cílem je změnit váš pohled

na webZadavatelé často řeší hlavní stranu, nikoliv ROI.

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.

Za čím lidé chodí na weby?

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

Co je webdesign?

Bez širšího kontextu nezdoláte DK efekt.

Webdesign

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

Obsahová strategie

http://www.internetmarketingconference.com/vancouver/2011/tracks

Přístup pro systematické nakládání s obsahem.

Interakční design

Dan Saffer

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.

Vizuální komunikace

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

Web nikdy neuspěje ve

vzduchoprázdnuScreen hlavní strany je vám na nic.

1. Chceme dostat na web lidi

http://www.flickr.com/photos/98354766@N00/83265756/

Nějak. Jakkoliv. Ale musí to být ti správní lidé.

Výčet typických bodů, kde se lidé mohou setkat s vaším brandem.

Vypůjčeno od Adama Hazdry. :-)

2. Chceme od nich AKCI

http://www.flickr.com/photos/differentstrokes/4045931536/sizes/z/in/photostream/

Nákup, like, email,...

3. Chceme, aby se vrátili

Náklady na vracejícího se zákazníka jsou výrazně nižší...

Co všechno musíme udělat?

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.

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

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

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

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

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

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

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

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.

Web zapadne do kontextu života uživatele a má pro něj dlouhodobě smysl.

Příklad: facebook.

Kam se potřebujete dostat

VY?Záleží na tom, jakou konkurenčnost má váš segment.

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

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.

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)

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.

Čím je to dáno?

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

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á.

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.

Zadávání webů

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, Kontakt

Předem děkujiS pozdravem…Toto je relevantní poptávka. Relevantní reakce ovšem není poslání data a ceny, ale důkladné strategické rozebrání webu.

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,...

Zlaté kruhy. Více viz http://www.ted.com/talks/simon_sinek_how_great_leaders_inspire_action.html

Nikoho nezajímá CO děláte, ale

PROČ to děláteDůsledek zlatých kruhů na biologické úrovni lidstva.

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.

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.

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ý ...

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.

4. Přínosy

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

5. Omezení

Jaká máte omezení

Projektová (trojimperativ)Designová (vizuální styl)Podkladová (nemáme fotky)...

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.

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

Ú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

Čí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.

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.

Případové studie

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

£ 250 000 ročně

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

(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.

Dvojnásobné konverze

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

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

$ 300 000 000 ročně

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

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.

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

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).

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

Více o mně:Více o mně:

http://www.filosof.biz/http://www.filosof.biz/