61
Jak přežít redesign obsahu obřího webu @janambroz WebTop100 | 11. 11. 2015 Slajdy z přednášky doplněné o stručné komentáře :)
Jak přežít redesign obsahu
obřího webu
@janambroz
WebTop100 | 11. 11. 2015
Slajdy z přednášky doplněné o stručné komentáře :)
ČSOB po 9 letech opustila starý web.
* 2006
Odrážkové peklo – takový byl design původního obsahu.
* 2015
Nový design je vzdušnější a responzivní. Na HP je méně odkazů a jen to nejdůležitější pro klienty (kromě bannerů…).
* 2015
Produktová stránka je teď mnohem více strukturovaná…
Nejviditelnější část zahrnuje největší výhody, použití, CTA
Action
Attention Desire
Interest
Nový, design, struktura, ale tradiční koncept (AIDA).
Vše o produktu na jednom místě
V dolní části jsme naopak doplňovali spoustu detailů – jaký je postup, jaké dokumenty jsou potřeba, termíny atp.
Také se tu dozvíte, kolik produkt stojí a už nemusíte chodit do centrálního PDFka nebo velké tabulky.
A tohle je největší obsahová inovace. Nejspíš jako jediná banka v ČR teď ČSOB klade na stejnou úroveň produktovou cestu a obsah, který na první pohled nic neprodává = „potřeby“.
Najdete tu řešení životních situací pomocí interaktivních kalkulaček, map, checklistů, tipů, článků, vzorů smluv a dalšího obsahu.
11 měsíců práce
To se týká copywritingu. Celý projekt redesignu csob.cz trval ještě o něco déle.
5+ agentur
My jsme měli na starosti copywriting. Kromě nás, Dobrého webu, pracovaly na dalších částech projektu také Trask, Motion, Accenture a určitě další.
1 000+ stránek na
copywriting
Přibližně tolik normostran pro copywriting v češtině – to byl objem textů pro vaši představu.
17 věcí, které musíte vědět
o řízení velkého copywritingu
Následují zkušenosti nejen z projektu csob.cz. Vše vyzkoušeno na vlastní kůži.
Proces Co, kam, jak, kdy, s kým, za kolik
1
Nastavte postup, jak se co nejjednodušeji a nejrychleji dostat od vstupu ke kvalitnímu výstupu i při velkém objemu práce.
Copywriteři Zručnost, rychlost, vytrvalost
2
Potřebujete copywritery, kteří se do toho umí obout – mají dobrou techniku, styl a jsou rychlí bez zbytečných kudrlinek na efekt. Tady nejde vymýšlet slogan půl dne.
Nacenění Zapomeňte na normostrany jednou pro vždy
3
Copywriting nejde počítat na počet slov! Někdy potřebujete text delší, někdy kratší, přidat či ubrat, zjistit další informace…
Normostrany se hodí snad jen pro korektury a překlady, kde je zadání pevnější. Z normostran nedostanete kvalitní CW – jako kdybyste platili grafikům za kliky myší.
IA Informační architektura je základ
4 Základ pro všechnu práci. Jde o výběr informací, jejich posloupnost a propojení. Co máte, co nemáte a co (ne)použijete.
Srdce projektu. Potřebujete sledovat, kolik toho je, co zbývá, stav, termíny, zdroje atd.
ČSOB nahradilo mnoho tisíc stránek několika málo stovkami. Struktura webu je ale jen jednou částí IA!
Produkty
Produkty
Účty a platby
Účet
Důležité jsou nákupní cesty, uživatelské scénáře.
Produkty
Produkty
Účty a platby
Účet
Jakou situaci chci vyřešit?
Chci pomoci během studia
Ke klasické produktové přibyla cesta podle situace uživatele.
IA by měla řešit i výběr a strukturu informací na podstránkách a v jednotlivých komponentách. Nesmí být ale v opozici vůči reálnému obsahu a potřebám uživatelů.
Design Co je dřív: Design, nebo obsah?
5
„Tady bude obsah“
Nevytvářejte wireframy a prototypy bez reálného obsahu.
IA
Design
Content
1
2 Náš běžný postup při menším projektu.
IA Design
Content
1 2
3
V případě většího projektu to může běžet takto, ale důležitá je ta poslední šipka: IA a design se znovu upravují podle reálného obsahu!
Takhle dopadne IA a design bez reálného obsahu.
Takhle se IA a design se změní, když zapojíte reálný obsah. To je OK, když s tím dopředu počítáte.
Vzor Navrhněte typové stránky, spusťte něco menšího
6
Na začátku vytváříme vzorový obsah, který nám pomáhá se odpíchnout dál (rozcestníky, produktové stránky…)
Někdy něco může vyzkoušet a spustit dříve. U ČSOB to byl miniweb korporátního bankovnictví.
Testy Nechte zákazníky otestovat prototyp s ostrými texty
7
Ověřujte své nápady s klienty. Nechte je projít hlavní nákupní cesty.
IA Design
Content
1 2
3
Test
4
A tak nám tu přibyl ještě jeden krok. IA, design a obsah ověřte s uživateli a výsledky proměňte ve zlepšení všech tří oblastí.
Hlavouni :-) Zapojte rozhodovatele včas
8
Máte první výstupy. Proto zapojte lidi, kteří rozhodují. Pokud to neuděláte včas, později můžete litovat.
Zadání „Teď posílám,
co tady mám,
zbytek příště“
9
Faktické informace o produktu
Výběr prodejních argumentů + styl komunikace
Zadavatel Produktový manažer
Copywriter Obsahový stratég
Tady někdy dochází k nedorozumění. Vyjasněte si úkoly. Nechte copywritery, aby mohli promluvit i do výběru prodejních argumentů produktu. Vždyť celé dny nedělají nic jiného, tak proč toho nevyužít!
Připomínky Hrajte jen na 2 výměny: 1x revize, 1x finále
10
Zkraťte proces připomínkování. A trvejte na tom.
Prostředí Revize ve Wordu jsou strašákem
11
Málokdo si umí ve Wordu představit, jak budou vypadat texty online.
A co je ještě důležitější: nikdo nemá rád, když mu přeškrtnete text. Ve Wordu zbytečně pracují emoce a zablokujete se.
Schvalování Osobní schůzky stojí za to (někdy)
12
Během 20 minut osobně vyřešíte to, na co vám v e-mailech nestačí týden…
…připomínkovacích schůzek se ale musí zúčastnit co nejméně lidí. Ideálně jen copywriter + zadavatel, případně také ten, kdo texty rovnou upraví online na prostředí.
Styleguide Dodržujte styl!
13
Čím víc textů a termínů máte, tím víc je náročnější udržet konzistenci. Řešením je interní styleguide.
Pár příkladů, co nám pomáhalo při psaní.
Srozumitelnost pojmů…
● Cashback
● Exkluzivní konto
● Image karta
● Bezkontaktní nálepka
● Konsolidace
● Plán pro život, Rodinný balíček
● Debetní x kreditní karta
Vypořádat se musíte i s pojmy, jejichž význam nemusí být všem jasný.
Podobný slovníček nám pomáhal udržet konzistenci překladů.
Některé struktury obsahu se opakují (např. „jak něco udělat“). Je důležité tyto vzory včas rozpoznat, zaznamenat a dodržovat…
…předchozí vzor v praxi.
Korektura Více očí – více vidí
14
Copywriting není korektura.
Nejzábavnější chyba, kterou jsme udělali.
Lokalizace Rodilí mluvčí jsou nezbytní
15
Překlad nestačí – texty by se měly přizpůsobit prostředí klienta. Překladatelé navíc obvykle nejsou copywriteři. My jsme používali překladatelské agentury a jejich texty ještě procházely editací „našich“ rodilých Američanek žijících v ČR.
Změny Realita projektu bývá vždycky trochu jiná
16
Zkuste předjímat, kde by se mohlo něco pokazit, zdržet. A buďte připraveni. Většina projektových plánů je ideálních, ne reálných.
A co pak?
17
Tvorba obsahu nikdy nekončí. Kdo ho bude vyhodnocovat, spravovat, mazat a rozvíjet ve stejné nebo lepší kvalitě?
Podrobněji Proces copywritingu pro velké projekty ke stažení v PDF:
bit.ly/cw-proces
www.copywriter.cz
Obrázky: Surian Soosay
