<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Email Marketing Blog &#187; above-the-fold</title>
	<atom:link href="http://www.emailmarketing.pl/tagi/above-the-fold/feed" rel="self" type="application/rss+xml" />
	<link>http://www.emailmarketing.pl</link>
	<description>Email Marketing – najnowsze rozwiązania i trendy oraz dobre praktyki poparte wieloletnim doświadczeniem ekspertów.</description>
	<lastBuildDate>Thu, 26 Jan 2012 10:44:24 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>Efektywne planowanie sekcji wiadomości. Część 2: Header</title>
		<link>http://www.emailmarketing.pl/efektywne-planowanie-sekcji-wiadomosci-czesc-2-header.html</link>
		<comments>http://www.emailmarketing.pl/efektywne-planowanie-sekcji-wiadomosci-czesc-2-header.html#comments</comments>
		<pubDate>Mon, 10 May 2010 10:25:52 +0000</pubDate>
		<dc:creator>Maciej Ossowski</dc:creator>
				<category><![CDATA[Email Marketing]]></category>
		<category><![CDATA[above-the-fold]]></category>
		<category><![CDATA[email]]></category>
		<category><![CDATA[header]]></category>
		<category><![CDATA[kreacja email]]></category>
		<category><![CDATA[roi]]></category>
		<category><![CDATA[sekcja wiadomości]]></category>

		<guid isPermaLink="false">http://www.emailmarketing.pl/?p=655</guid>
		<description><![CDATA[Po przystawce, jaką niewątpliwie był preheader omówiony w moim poprzednim poście, dziś zapraszam Was na kolejne danie z menu pt. „Efektywne planowanie sekcji wiadomości”, czyli header. Jak powinien być sformatowany? W którym miejscu musi się znaleźć? Gdzie jest sekcja „above-the-fold”? &#8230; <a href="http://www.emailmarketing.pl/efektywne-planowanie-sekcji-wiadomosci-czesc-2-header.html" class="more-link">Czytaj więcej <span class="btn arrRight"></span></a><p><a href="http://www.emailmarketing.pl/efektywne-planowanie-sekcji-wiadomosci-czesc-2-header.html">Efektywne planowanie sekcji wiadomości. Część 2: Header</a> is a post from: <a href="http://www.emailmarketing.pl">Email Marketing Blog</a></p>
]]></description>
			<content:encoded><![CDATA[<p style="text-align: justify;"><a href="http://www.emailmarketing.pl/efektywne-planowanie-sekcji-wiadomosci-czesc-2-header.html"><img class="alignleft size-medium wp-image-637" title="Budowa kreacji email" src="http://emailmarketing.pl/uploads/2010/04/email-300x225.jpg" alt="" width="216" height="162" /></a>Po przystawce, jaką niewątpliwie był <strong>preheader</strong> omówiony w moim <a href="http://www.emailmarketing.pl/efektywne-planowanie-sekcji-wiadomosci-czesc-1-preheader.html" target="_blank">poprzednim poście</a>, dziś zapraszam Was na kolejne danie z menu pt. „<strong>Efektywne planowanie sekcji wiadomości</strong>”, czyli <strong>header</strong>. Jak powinien być sformatowany? W którym miejscu musi się znaleźć? Gdzie jest sekcja „<strong>above-the-fold</strong>”? Czy rozplanowanie <strong>headera</strong> ma wpływ na wskaźnik kliknięć i <strong>ROI</strong>? Jeśli chcecie poznać odpowiedzi na te pytania i zobaczyć kilka przykładów z prawdziwego email marketingowego życia, zapraszam do konsumpcji dzisiejszego posta.<span id="more-655"></span></p>
<p style="text-align: justify;">OK, więc zaplanowaliście już przejrzysty <strong>preheader</strong> i umieściliście w nim niezbędne elementy jak tekstowe <strong>call to action</strong>, możliwość otwarcia maila w nowym oknie przeglądarki, etc. Teraz jednak macie przed sobą <strong>prawdziwe wyzwanie</strong> – zaprojektowanie sekcji „<strong>above-the-fold</strong>” w taki sposób, aby odbiorcy od razu klikali w call to action lub zainteresowali się <strong>headerem</strong> na tyle, aby przewinąć kreację w celu sprawdzenia co zawiera jej dalsza treść.</p>
<p style="text-align: justify;">Istotą <strong>skutecznego planowania</strong> skutecznej kreacji email jest zdanie sobie sprawy z potencjalnie oczywistego faktu – jej projektowanie powinno zaczynać się od górnych sekcji wiadomości, kończąc na dolnych, a <strong>nie odwrotnie</strong>. W tej właśnie kolejności Wasi subskrybenci zobaczą kolejne fragmenty newslettera i taka też będzie sekwencja renderowania się części kreacji. Magiczna przestrzeń o wysokości <strong>400-450 pixeli</strong> nazywana „<strong>above-the-fold</strong>”, która ukaże się odbiorcom Waszych mailingów po otwarciu wiadomości musi więc zostać zagospodarowana tak, aby <strong>zaangażować</strong> subskrybenta i wciągnąć go w <strong>interakcję</strong> z kreacją. Zakładanie z góry, że każda osoba, która otworzy newsletter przewinie całą treść w dół aby zobaczyć pełen komunikat jest niczym innym jak <strong>myśleniem życzeniowym</strong>, oderwanym od email marketingowych realiów, dlatego tym większy nacisk należy położyć na „<strong>above-the-fold</strong>” i to co w nim umieścicie.</p>
<p style="text-align: justify;">Dobrze przygotowana kreacja email, podobnie jak książka, zawierać powinna chwytliwy tytuł, przykuwającą oko okładkę, nazwisko autora oraz spis treści pozwalający czytelnikom w ciągu paru chwil zdecydować, czy dana pozycja znajduje się w kręgu ich zainteresowań. Ze względu na <strong>ograniczoną ilość miejsca</strong>, wszystkie wyżej wymienione komunikaty trzeba zawrzeć w tych kilkuset pixelach i sprawić, aby sekcja„<strong>above-the-fold</strong>” nie pozostawiała złudzeń co do nadawcy, celu i przeznaczenia wiadomości (email transakcyjny / eventowy / newsletter) i marki kontaktującej się z odbiorcą. <strong>Nie łudźmy się</strong> – choć otwarcie mailingu przez subskrybenta jest już sporym sukcesem, to doskonale wiadomo, że wiele z tych akcji kończy się zamknięciem wiadomości już po kilku sekundach od pierwszego spojrzenia na jej zawartość. Zastanawiając się więc nad <strong>headerem</strong>, warto zadać sobie pytanie:</p>
<p style="text-align: justify;"><strong><em>Co unikatowego zawiera w sobie mój komunikat i dlaczego odbiorca miałby przejść do kolejnej jego sekcji?</em></strong></p>
<p style="text-align: justify;">CTA, które umieścicie w „<strong>above-the-fold</strong>” musi jasno i wyraźnie przedstawiać korzyść, jaka czeka na subskrybenta po zapoznaniu się bliżej z całą kreacją. Przy zalewie newsletterów, które codziennie trafiają do skrzynek pocztowych, chyba tylko osoby zawodowo związane z email marketingiem kierowane czystą ciekawością przejrzą pełny newsletter z wezwaniem do działania pokroju „Zobacz naszą ofertę”. Zobaczcie w jaki sposób wytrawni marketerzy wzywają do działania swoich subskrybentów i zachęcają do zapoznania się z pełną treścią kreacji:</p>
<p style="text-align: center;"><a href="http://emailmarketing.pl/uploads/2010/05/Screen-1.jpg" target="_blank"><img class="aligncenter size-medium wp-image-661" title="Crutchfield" src="http://emailmarketing.pl/uploads/2010/05/Screen-1-300x151.jpg" alt="" width="300" height="151" /></a></p>
<p style="text-align: center;">&#8212;</p>
<p style="text-align: center;"><a href="http://emailmarketing.pl/uploads/2010/05/screen-2.jpg" target="_blank"><img class="aligncenter size-medium wp-image-663" title="Dick's" src="http://emailmarketing.pl/uploads/2010/05/screen-2-300x177.jpg" alt="" width="300" height="177" /></a></p>
<p style="text-align: center;">&#8212;</p>
<p style="text-align: center;"><a href="http://emailmarketing.pl/uploads/2010/05/screen-3.jpg" target="_blank"><img class="aligncenter size-medium wp-image-664" title="NFL" src="http://emailmarketing.pl/uploads/2010/05/screen-3-300x107.jpg" alt="" width="300" height="107" /></a></p>
<p style="text-align: center;">&#8212;</p>
<p style="text-align: center;"><a href="http://emailmarketing.pl/uploads/2010/05/screen-4.jpg" target="_blank"><img class="aligncenter size-medium wp-image-665" title="Musician's Friend" src="http://emailmarketing.pl/uploads/2010/05/screen-4-300x192.jpg" alt="" width="300" height="192" /></a></p>
<p style="text-align: justify;">
<p style="text-align: justify;">Żaden z tych <strong>headerów</strong> nie pozostawia złudzeń co do tego, dlaczego warto kliknąć w CTA i jaką <strong>konkretną korzyść</strong> może to przynieść: „25% zniżki”, „Najnowsze produkty w naszej ofercie”, „Ostatnia szansa na rabat 95%”. Najmocniejszy <strong>selling point </strong>ofert promowanych w Waszych newsletterach musi zostać zaakcentowany w podobny sposób, jeśli chcecie zwiększyć <strong>wskaźnik kliknięć</strong> i prawdopodobieństwo <strong>konwersji</strong>.</p>
<p style="text-align: justify;">Przyglądając się poszczególnym elementom <strong>headera</strong>, można dojść do wniosku iż powinien on zawierać:</p>
<ul style="text-align: justify;">
<li>graficznie atrakcyjne i rozpoznawalne <strong>logo</strong> Waszej firmy bądź serwisu internetowego, obowiązkowo opisane <strong>alt textem</strong>, który da odbiorcom podpowiedź co do nadawcy jeszcze zanim zdecydują się wyświetlić obrazy;</li>
</ul>
<p style="text-align: center;"><a href="http://emailmarketing.pl/uploads/2010/05/screen-5.jpg" target="_blank"><img class="aligncenter size-medium wp-image-667" title="Sephora" src="http://emailmarketing.pl/uploads/2010/05/screen-5-300x62.jpg" alt="" width="300" height="62" /></a></p>
<ul style="text-align: justify;">
<li>mocne, jasne i krótke <strong>call to action</strong>, które powinno komunikować subskrybentowi już na samym początku – „kliknij tu, aby otrzymać darmowy raport”, „zaoszczędź do 30%”, „przejdź niżej, by zobaczyć co przygotowaliśmy dla Ciebie nowego”, itp.;</li>
</ul>
<p style="text-align: center;"><a href="http://emailmarketing.pl/uploads/2010/05/screen-8.jpg" target="_blank"><img class="aligncenter size-medium wp-image-670" title="Ralph Lauren" src="http://emailmarketing.pl/uploads/2010/05/screen-8-300x144.jpg" alt="" width="300" height="144" /></a></p>
<ul style="text-align: justify;">
<li><strong>pasek nawigacji</strong>, który pogrupuje produkty oferowane na Waszej stronie w odpowiednie <strong>kategorie</strong> i pozwoli subskrybentowi przejść od razu do segmentu, który go interesuje, bez konieczności <strong>błądzenia</strong> po całej kreacji. Opcjonalnie, wprowadzić można pasek nawigacji z <strong>linkowaniem wewnętrznym</strong>, które odsyłać będzie do konkretnych kategorii opisanych wewnątrz kreacji;</li>
</ul>
<p style="text-align: center;"><a href="http://emailmarketing.pl/uploads/2010/05/screen-6.jpg" target="_blank"><img class="aligncenter size-medium wp-image-668" title="Victoria's Secret" src="http://emailmarketing.pl/uploads/2010/05/screen-6-300x56.jpg" alt="" width="300" height="56" /></a></p>
<ul style="text-align: justify;">
<li>belka z linkami do podzielenia się wiadomością na najpopularniejszych <strong>mediach społecznościowych</strong>, tj. Facebook, MySpace, Blip, Twitter czy Flaker w celu <strong>popularyzacji</strong> komunikatu i rozprzestrzenienia oferty wśród większego grona osób.</li>
</ul>
<p style="text-align: center;"><a href="http://emailmarketing.pl/uploads/2010/05/screen-7.jpg" target="_blank"><img class="aligncenter size-medium wp-image-669" title="Timberland" src="http://emailmarketing.pl/uploads/2010/05/screen-7-300x39.jpg" alt="" width="300" height="39" /></a></p>
<p style="text-align: justify;">Budując <strong>header</strong> nie można jednak starać się na siłę upchać wszystkich wyżej wymienionych punktów, ponieważ istotna jest tu też <strong>przejrzystość</strong> i <strong>jasność</strong> wysyłanego komunikatu. Pamiętajcie o tym, że wszystko, co umieścicie poniżej wysokości <strong>420 pixeli</strong>, najprawdopodobniej <strong>nie zostanie dostrzeżone</strong> przez adresatów, jeśli nie przewiną oni Waszej kreacji w kliencie pocztowym. Jest to też standardowy rozmiar wszystkich „<strong>okien podglądu</strong>”, dlatego po zbudowaniu pożądanej sekcji <strong>header</strong>, koniecznie <strong>przetestujcie</strong> ile treści w nim zawartych wyświetli się w tym właśnie oknie. Idealna optymalizacja jest tylko i wyłącznie kwestią testów, dlatego nigdy nie poprzestawajcie na pierwszej wersji kreacji, nawet jeśli Wasz designer twierdzi, że „jest dobrze”.</p>
<p style="text-align: justify;">Dobry <strong>header</strong> powinien być jak <strong>trailer filmowy</strong> – starajcie się, aby był swego rodzaju zajawką pełnej treści, która przykuje uwagę odbiorcy, <strong>zaintryguje</strong> go i sprawi, że będzie miał chęć zobaczyć więcej. Jest to też kluczowy element do zwiększenia <strong>ROI</strong> i <strong>konwersji</strong> i żadna kreacja mająca na celu skłonić odbiorców do konkretnej akcji nie powinna go pominąć. Nie można rozpoczynać newslettera od zaprezentowania 4 t-shirtów, które sprzedajecie, bez jasnego zaznaczenia, że ta oferta jest <strong>wyjątkowa</strong> i że macie dla odbiorców coś <strong>specjalnego</strong>, bo najprawdopodobniej jest to n-ta wiadomość o podobnym tonie, którą dziś otrzymali. Wiele polskich newsletterów nadal nie wykorzystuje w pełni potencjału <strong>headera</strong>, dlatego zachęcam Was do przyjrzenia się bliżej tej materii i mam nadzieję, że dzięki temu uda Wam się być o krok przed innymi.</p>
<p style="text-align: justify;">Więcej o samym call to action możecie też przeczytać w <a href="http://www.emailmarketing.pl/wzywaj-do-dzialania-czyli-o-cta-slow-kilka.html" target="_blank">poście Piotra</a>, ja natomiast zachęcam jak zwykle do dyskusji w komentarzach. Kolejna odsłona mojej serii artykułów już niebawem na naszym blogu.</p>
<p><a href="http://www.emailmarketing.pl/efektywne-planowanie-sekcji-wiadomosci-czesc-2-header.html">Efektywne planowanie sekcji wiadomości. Część 2: Header</a> is a post from: <a href="http://www.emailmarketing.pl">Email Marketing Blog</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.emailmarketing.pl/efektywne-planowanie-sekcji-wiadomosci-czesc-2-header.html/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>

