Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Webes szövegírás: Web, eDM, Landing Page

1,546 views

Published on

Webes szövegírásról, általánosan, alapokkal. Ajánlott minden webes szövegírónak némi alapvető tanulómantrának, vagy csak rutinból ismétlésként.

Megjegyzés: nem szövegíró vagyok, hanem ux designer, ami a tónust az írási stílus és marketing megfontolások felől a használhatóság felé billenti. Viszont azt gondolom, hogy minden szövegírónak magába kéne szívnia a felhasználó-központú gondolkodás alapelveit - ezért született a prezi.

Published in: Technology
  • Login to see the comments

Webes szövegírás: Web, eDM, Landing Page

  1. 1. Webes szövegírás Web, eDM, Landing Page Varga Csaba
  2. 2. WEBES SZÖVEGÍRÁSMessziről indulunk…
  3. 3. Szövegírás úgy általában•  Az emberek szeretnek olvasni… •  jó könyvet •  érdekes újságot •  szerelmes levelet•  Az emberek nem szeretnek olvasni… •  használati útmutatót •  Krasznahorkait •  marketing hírlevelet
  4. 4. KonklúzióA tartalmak nagy részét, amit gyártasz, azemberek nem szeretik olvasni.Deal with it.Van, ami hasznos. Azt akkor olvassák, hamuszáj. Legyél hasznos.
  5. 5. Webes szövegírás úgy általában•  A webes szövegírás interfész szövegírás.•  Az emberek nem olvasnak csak úgy interfész szövegeket. (Ez igaz.)•  Az emberek nem olvasnak egyáltalán interfész szövegeket. (Ez majdnem.)•  Minden szöveg egy ember és a célja közé ékelődő zavaró tényező.•  A legjobb szöveg, ha nem is kell szöveg.•  A kevéssé rossz szöveg, ha alig van szöveg.
  6. 6. Gondolkodj a user fejével•  Szövegíráskor arra gondolj, hogy ki miért fogja olvasni azt az adott szöveget.•  Ne csak szövegíróként írj – felhasználóként is. •  Te észrevennéd azt a szöveget? •  Neked lenne türelmed végigolvasni? •  Te megértenéd? •  Neked felkeltené az érdeklődésed? •  Te rákattintanál arra a linkre?•  Nagyon fontos: Ne magadra írj, hanem empatikus legyél.
  7. 7. Tehát: milyen a jó szöveg•  Interfész szöveg (eleve)•  Nem reklámszöveg•  Nagyon tömör•  Lényegretörő•  Nem kerek mondatokból áll•  Azt mondja el, amit a user szeretne tudni•  Tagolt, hangsúlyozott, priorizált•  8 általános iskolás szókinccsel bír
  8. 8. Mikor fontos mindez pláne•  Mobiloptimalizált copy•  Email copy•  Mobiloptimalizált email copy•  Landing Page-ek•  Mobiloptimalizált LP-k•  Funkcionális felületek (pl. alkalmazás)
  9. 9. Ajánlott olvasmányok•  Dieter Rams: ten principles for good design (http://www.vitsoe.com/gb/about/good-design)•  Jakob Nielsen: Prioritizing Web Usability Chapter 8: Writing for the Web•  Steve Krug: Dont Make Me Think Chapter 5: Omit needless words
  10. 10. EMAIL SZÖVEGÍRÁSA címzett nem szeret téged.
  11. 11. Alap szempontok•  Egyszerű, minimál design, hozzá illő szöveg•  Relevánsan szövegezd a tárgyat: azt írja le, hogy mi van a levélben•  Fordított tölcsér modell (mint webes szöveg- és újságírásban általában)•  Ne hagyatkozzon a szöveg a képekre (btw text-only verzió is kell)•  Azonosítva legyen, hogy ki küldte és miért•  Ha a válaszcím noreply, legyen elérhetőség
  12. 12. Linkek, konverzió•  Linkek szövege utaljon arra, hogy hova kattan (tilos: “katt ide”), legyen title-je•  Legyen egyértelmű konverziós target (vagy hierarchia), és ennek megfelelően priorizált CTA•  Social simán lehet target közvetlen levélből, és a forward is ilyen
  13. 13. Tone of voice, dráma•  Figyelj a kontextusra: •  első üdvözlő email vagy többedik emlékeztető •  egyedi levél vagy folyamatos sorozat•  Legyél alkalomhoz illő: •  ne sablonokban gondolkozz, hanem hogy annak a usernek mit jelent az üzenet •  halálos vétség: nem a világ leghatalmasabb eseményeként kezelni egy nyerési értesítőt•  Egyszerűség, “tremendous whack” stb.
  14. 14. Pozitív pluszok •  Keresd a lehetőséget a perszonalizálásra •  Kulturált, korrekt leiratkozás •  Levél elején web verzióra linkelésDE   •  Néha látszik tárgy után a levél eleje (pl. Gmail) •  Kérd a usert, hogy whitelisteljen •  Írj a képeknek alt szövegeket (mit ábrázol) •  Rendszeres hírlevélnél dátum vagy sorszám
  15. 15. Ajánlott olvasmányok•  Campaign Monitor eDM gallery (http://www.campaignmonitor.com/gallery)•  Ten timeless persuasive writing techniques @ copyblogger.com (http://www.copyblogger.com/persuasive-writing)•  8 steps to better email copywriting @ jaymail.net (http://www.jaymail.net/2010/06/8-steps-to-better-email-copywriting)
  16. 16. LP SZÖVEGÍRÁSAz internet koldusa
  17. 17. Alap szempontok•  LP bármi lehet, de most dedikált LP-ről beszélünk•  3 másodperced van•  Kontextusban létezik: senki nem megy oda csak úgy•  Konverziós céllal létezik: nem csinálsz LP-t csak úgy•  Ebbe gondolj bele: •  Honnan jönnek (banner, email, google, link) •  Hova szeretnéd tovább küldeni őket •  Erre az útra építsd fel az egészet
  18. 18. LP életútja1.  Ragadd meg a figyelmet2.  Hadard el a sales pitch-ed (és konvertálj) •  Mi ez •  Mi a lényege •  Miért jobb ez mint egy másik ilyen •  Mit csináljon a user3.  Bizonytalan érdeklődőnek mesélj tovább4.  Adj továbblépési pontot
  19. 19. Jó LP copy tulajdonságai•  Nagyon tömör, lényegretörő•  Könnyen érthető – a usernek•  Világos USP, user-központú benefit•  Egyből a tárgyra tér, utána “mesél”•  Nem porszívóügynök•  Egyértelmű konverziós ponttal bír (Nincs viewport CTA nékül)•  Lényeggel nyit, és azzal is fejezi be
  20. 20. Egyebek•  Erős headline kell•  Legyen köze a ToV-nak a brandhez, de ne legyen marketinges•  Storytelling (trendi, de óvatosan)•  Gondolkozz alternatívákban (A/B teszt)•  Fontos, hogy milyen szöveggel akarsz konvertálni•  Listák, könnyű scannelhetőség•  SEO: megfelelő kulcsszavak, megfelelő szövegkörnyezetben, megfelelő sűrűségben
  21. 21. Ajánlott olvasmányok•  Landing Page Gallery (http://www.landing-page-gallery.com)•  LP examples @ unbounce.com (http://unbounce.com/landing-page-examples)•  Landing Page Best Practices: the definitive guide @ visualwebsiteoptimizer.com (http://visualwebsiteoptimizer.com/split-testing-blog/landing-page-best-practices)
  22. 22. Köszi a figyelmet! Varga Csaba cs.varga@mito.hu UX Fetish uxfetish.com

×