user experience studio

Jak przygotowa skuteczny mailing?

Raport z badania eyetracking

Patronat:

2
user experience studio

Wstp
E-mail marketing nadal pozostaje jedn z waniejszych form reklamy w sieci Konstrukcja przesyki, oprcz samego nagwka, jest kluczowym czynnikiem decydujcym o odbiorze zawartych w niej treci Odpowiedni dobr elementw i formy prezentacji treci w znaczcy sposb moe wpyn na percepcj informacji i efektywno przekazu

3
user experience studio

Cel badania i raportu

Zaprezentowanie wzorcw percepcyjnych na podstawie badania eyetracking Wskazanie kluczowych elementw wpywajcych na percepcj przesyek reklamowych i informacyjnych Rekomendacja rozwiza, ktre pozytywnie wpywaj na efektywno mailingu

Gwne parametry badania:

34 mailingi i newslettery 30 uytkownikw

4
user experience studio

Spis treci
Wstp O eyetrackingu

Metodologia
Szczegowe obserwacje
Tekst i grafika Ilo kolumn Efekty zwizane z liczbami Dugo newslettera Ekspozycja logo Przyciski Postacie i twarze

Podsumowanie

5
user experience studio

Metryczka badania
Cel badania: Rodzaj badania Badany materia: Data badania: Miejsce badania: Prowadzcy: Autorzy raportu: Ocena konstrukcji i formy prezentacji treci mailingw Badanie eyetracking 34 mailingi i newslettery 14.10.2010 - 19.11.2010 Laboratorium EDISONDA, Krakw Maciej Ponka, Justyna Janik Maciej Ponka, Justyna Janik, Hubert Turaj

6
user experience studio

O eyetrackingu
Eyetracking to technika ledzenia ruchw gaek ocznych w trakcie np. korzystania z serwisu internetowego czy ogldania video.

Badanie eyetracking pozwala okreli, ktre elementy, jak dugo oraz w jakiej kolejnoci przycigaj uwag uytkownikw.

Dziki zastosowaniu nowoczesnej technologii badanie jest nieinwazyjne,

przeprowadzane w komfortowej dla uytkownika atmosferze, w warunkach

zblionych do tych, do ktrych jest przyzwyczajony podczas korzystania z Internetu.

Kamera internetowa Monitor z bodcem

Eyetracker

8
user experience studio

O eyetrackingu
Badanie eyetracking rejestruje sakkady i fiksacje. Sakkady:
s to bardzo szybkie ruchy oczu (w czasie 1 sekundy wykonujemy rednio okoo 3 sakkad) s zwizane z przenoszeniem uwagi w inne miejsce podczas trwania ruchu sakkadowego mzg nie otrzymuje adnej informacji wzrokowej

Fiksacje:
s to momenty, podczas ktrych oczy s nieruchome podczas ich trwania pobierana jest informacja wzrokowa to, gdzie osoba badana fiskuje (skupia) wzrok pozwala wnioskowa, na co zwrcia uwag

9
user experience studio

O czym i jak mwi eyetracking

Analiza sakkad i fiksacji dostarcza informacji o tym:
gdzie osoba badana ogniskuje uwag ktry element jako pierwszy przycign jej uwag ktry element najduej zatrzyma jej uwag co zostao przeoczone

w jakiej kolejnoci osoba badana skupiaa wzrok na poszczeglnych elementach

Dane mog by prezentowane na kilka rnych sposobw:

cieki spojrze (gaze plots) mapy cieplne (heat maps) mapy uwagowe (focus maps) analiza obszarw zainteresowania (areas of interest - AOI)

cieka wzroku (gaze plot).

10

Fiksacja

Sakkada

Komentarz: Wielko punktu fiksacji reprezentuje dugo skupienia na danym elemencie.

cieka wzroku - kobieta.

11

Komentarz: Eyetracking umoliwia analiz danych zbiorczych oraz dla pojedynczych uczestnikw badania. W przypadku analizy pojedynczych danych najlepszym sposobem wizualizacji jest cieka wzroku.

Ilustracja prezentuje kreacj ogldan przez kobiet.

cieka wzroku - mczyzna.

12

Komentarz: Newsletter ogldany przez mczyzn.

Mapa cieplna (heat map).

13

Intensywne skupienie

Sabe skupienie

Komentarz: Cieplejszy kolor (od czerwonego do zielonego) prezentuje dusze skupienie. Mapy cieplne mog przedstawia rezultaty bada kilku osb w bardziej przejrzysty sposb ni cieki wzroku.

Mapa uwagowa (focus map).

14

Intensywne skupienie

Sabe skupienie

Komentarz: Zaciemnione miejsca oznaczaj obszary pomijane przez osoby badane, jasne natomiast obszary skupie. Podobnie jak w przypadku map cieplnych mog przejrzycie pokazywa rezultaty kilku bada.

Analiza obszarw zainteresowania (AOI).

15

Kliknicie

Zaamanie strony

Kolejno Czas pierwszego skupienia Czas skupienia Badani ze skupieniami Ilo kolejnych skupie Badani z kolejnymi skupieniami redni czas skupienia Czas najwczeniejszego skupienia Liczba skupie

Komentarz: Analiza AOI prezentuje dane liczbowe - moment pierwszego skupienia, czas skupienia, ilo kolejnych skupie na danym obszarze, redni dugo skupienia.

user experience studio

Metodologia badania

17
user experience studio

Uczestnicy bada
W badaniu wzio udzia 30 osb. Pord nich byo 19 kobiet i 11 mczyzn. rednia wieku wyniosa 25,6 lat. Osoby badane rekrutowalimy przez Internet.

Kada osoba badana zaczynaa ogldanie newslettera z tego samego punktu - znajdowa si on w miejscu podrcznego menu w programie Outlook Express (efekt ten uzyskano dziki wykorzystaniu tzw. trigger AOI - obszaru, skupienie na ktrym powoduje przejcie do kolejnego bodca).

18
user experience studio

Procedura badania
Osobom badanym zaprezentowano 34 mailingi reprezentujce rne brane i produkty, m.in.:
biura podry linie lotnicze usugi finansowe i bankowo e-commerce telefonia komrkowa usugi hostingowe

Wrd prezentowanych przesyek byy rwnie klasyczne newslettery informacyjne.

19
user experience studio

Procedura badania
Newslettery wywietlane byy jako zrzuty ekranu zagniedone w oknie popularnego klienta poczty Outlook Express. Czas prezentacji kadego z newsletterw wynosi 10 s. W poowie badania prezentowalimy przerywnik - film reklamowy. Badani zostali rwnie poproszeni o klikanie w najbardziej interesujcy ich element kadego listu. Dwa pierwsze, rozruchowe newslettery nie byy brane pod uwag w analizie.

Pozostae zostay zaprezentowane w losowej kolejnoci.

user experience studio

Szczegowe obserwacje

21
user experience studio

Tekst i grafika
Nasza percepcja, rwnie stron internetowych i newsletterw, jest zdeterminowana kulturowo i zwizana z nawykami zwizanymi z czytaniem.

W zwizku z tym mamy skonno do specyficznego wzorca skanowania wzrokiem ekranu - na mapach cieplnych widoczny jest on jako tzw. F-pattern.

22
user experience studio

Tekst i grafika
F-pattern jest spotykany przy badaniu przegldania stron internetowych, np. z wynikami wyszukiwania. Uytkownik najpierw wykonuje wzrokiem ruch w poziomie od lewej do prawej (skanowanie pierwszej linii tekstu), nastpnie przenosi si niej i wykonuje analogiczny ruch, tym razem krtszy. Pniej nastpuje ruch pionowy w d.

Pierwsze wiersze s najczciej skanowane z wiksz uwag, kade kolejne coraz

bardziej pobienie. Oczywicie ruchw poziomych moe by wicej (wtedy heat

mapa pokazuje raczej E-pattern).

Dobrze widoczny F-pattern, due skupienie na nagwkach.

23

Bankier.pl, mapa cieplna (30 badanych, 10 s.)

Komentarz: Osoby badane skupiay si przede wszystkim na nagwkach, wida malejce zainteresowanie i krtsze wiersze F-patternu w miar posuwania si w d.

F-pattern, skupienie na wyrnionych ramkami sekcjach.

24

Gazeta Prawna, mapa cieplna (30 badanych, 10 s.)

Komentarz: Nagwek i banner jako dwa obszary tekstu wyodrbnione przez ramki maj waciwoci najbardziej przycigajce uwag osb badanych i tworz w tym przypadku dwie belki F-patternu.

Zaburzony wystpujc w grnej czci newslettera grafik F-pattern.

25

GRY OnLine.pl, mapa cieplna (30 badanych, 10 s.)

Komentarz: Wystpowanie grafiki w grnej czci strony przyciga wzrok bardziej ni tekst. Uytkownik skupia na nim wzrok przez wiksz ilo czasu, ni gdyby znajdowa si tam tylko tekst. F-pattern zosta znaczco zmodyfikowany poprzez obraz znajdujcy si na grze. Obraz by elementem najbardziej przycigajcym uwag.

Niewystpujcy przy duej grafice F-pattern.

26

Fakt.pl, mapa cieplna (30 badanych, 10 s.)

Komentarz: Dua grafika w grnej czci cakowicie niweluje F-pattern - wikszo uwagi skupia si na zdjciu, nie na tekcie poniej.

Skupienie na zdjciu.

27

Fakt.pl, cieka wzroku (badany 10, 10 s.)

Komentarz: Dua ilo fiksacji na nagwku wskazuje na pogbione przetwarzanie i czytanie. Osoba badana skupia si gwnie na elemencie graficznym.

Przycigajcy wzrok kontrastowy tekst.

28

Airclub, mapa cieplna (30 badanych, 10 s.)

Komentarz: Obszarem przycigajcym uwag i kliknicia osb badanych jest duy, kontrastowy napis na grze. Tego typu lokalizacja wydaje si by dobra na umiejscowienie tam odnonika kierujcego na stron. Wyrany nagwek moe przyciga wzrok bardziej ni twarze i skania do klikania.

Przycigajcy wzrok kontrastowy tekst.

29

Airclub, analiza AOI (30 badanych, 10 s.)

Komentarz: Napis w grnej czci newslettera przycign uwag wszystkich osb badanych, ich uwaga pozostawaa w jego obrbie a przez 25% czasu ogldania caego newslettera.

Skupienie i czytanie fragmentu tekstu dotyczcego konkursu.

30

IDG.pl,, analiza AOI (30 badanych, 10 s.)

Komentarz: W tym przypadku obszarem, ktry najbardziej przyciga wzrok osb badanych by umiejscowiony w grnej czci napis informujcy o konkursie (zosta zauwaony przez 100% osb). Osoby badane pozostaway wzrokiem w jego obrbie przez 23% czasu ogldania caego newslettera, rednia liczba sakkad w jego obrbie (10) wskazuje, e tekst zosta przeczytany przez osoby badane).

31
user experience studio

Tekst i grafika - wnioski

W przypadku stron o nieco innym ukadzie (jedna, dwie, lub trzy kolumny tekstu przeplatanego z obrazami lub wizerunkami produktu) nie wystpuje F-pattern, jednak wzr skanowania jest do podobny.

Najwicej fiksacji i najduszy czas pozostawania wzrokiem mona zanotowa dla obiektw znajdujcych si w lewej, grnej czci strony (fakt, e uytkownik tam wanie najbardziej skupia uwag mona przypisa nawykom nabytym podczas

czytania).

32
user experience studio

Tekst i grafika - wnioski

Skutkiem takiego wzorca skanowania jest najlepsze zauwaanie informacji zawartych w grnej czci strony (zwaszcza pierwszej linijki tekstu, lub logo, jeeli znajduje si na grze).

Zauwaalno i sumaryczny czas fiksacji spada wraz ze wzrostem odlegoci od gry strony, przy krtkim czasie skanowania istotn zauwaalno ma najczciej tylko kilka grnych elementw strony.

33
user experience studio

Tekst i grafika - wskazwki

Opracowujc projekt mailingu naley zwrci uwag na:
umieszczenie najwaniejszych informacji ma samym jego pocztku korzystanie z duego kontrastu midzy tekstem a tem podzielenie wiadomoci nagwkami opisujcymi tre oraz uatwiajcymi przegldanie

Dodatkowymi elementami przykuwajcymi uwag mog by:

ramki wskazujce na najwaniejsze sekcje grafika mocny kontrast

user experience studio

Ilo kolumn

Strona z trzema kolumnami, skupienie na kolumnie lewej.

35

merlin.pl, mapa cieplna (30 badanych, 5 s.)

Komentarz: Po 5-cio sekundowej ekspozycji zauwaalny jak efekt preferencji lewego grnego rogu.

Strona z trzema kolumnami, skanowanie zgodnie z nawykami zwizanymi z czytaniem.

36

merlin.pl, cieka wzroku (badany 13, 10 s.)

Komentarz: Newsletter jest skanowany zgodnie z nawykami zwizanymi z czytaniem - od prawej do lewej i w d.

Strona z dwoma kolumnami, skanowanie zgodnie z nawykami zwizanymi z czytaniem.

37

interaktywnie.com , mapa cieplna (30 badanych, 10 s.)

Komentarz: W przypadku newslettera o ukadzie dwukolumnowym mona zaobserwowa analogiczne efekty. Tutaj rwnie zaznacza si preferencja do patrzenia na obiekty znajdujce si na grze z lewej strony.

Strona z dwoma kolumnami, kliknicia skupione w lewej kolumnie.

38

Zadowolenie.pl , mapa cieplna (30 badanych, 10 s.)

Komentarz: Rwnie w ukadzie dwukolumnowym uwaga uczestnikw i kliknicia skupiaj si gwnie w lewej kolumnie.

39
user experience studio

Ilo kolumn - wnioski

W przypadku malingw o ukadzie dwu lub trzykolumnowym rwnie zaznaczaj si efekty zwizane z czytaniem - najwicej uwagi przycigaj elementy w lewej kolumnie, pozostae kolumny przycigaj mniej uwagi. Analiza statystyczna wykazaa, e uytkownicy powicali tyle samo czasu na percepcj pierwszego produktu w ukadzie jedno- i dwu- kolumnowym. W ukadzie trzykolumnowym czna ilo czasu powicanego na zapoznanie si z produktami, bya taka sama, jak w dwukolumnowym, co oznacza, e przy 3

kolumnach uwaga bya bardziej rozproszona.

40
user experience studio

Ilo kolumn - wskazwki

Ukady dwukolumnowe gwarantuj:
due skupienie na pierwszym elemencie i jego gbokie przetwarzanie due skupienie na drugim elemencie

Ukady trzykolumnowe umoliwiaj:

due skupienie na pierwszym elemencie umiarkowane skupienie na pozostaych dwch elementach przy mniejszej gbokoci przetwarzania

Ukad dwukolumnowy to dobre rozwizanie gdy chcemy, aby uytkownik skupi wikszo swojej uwagi na pojedynczym elemencie. Ukad trzykolumnowy pozwala zaprezentowa wicej elementw, ale s one sabiej przetwarzane poznawczo.

user experience studio

Efekty zwizane z liczbami

Liczby przycigaj wzrok.

42

Noble Bank, cieka wzroku (badany 10, 10 s.)

Komentarz: Due zagszczenie fiksacji i ruchw sakkadowych w okolicy wyranej, napisanej duej czcionk cyfry wiadczy o pogbionym przetwarzaniu.

Skupienie na kwocie raty, brak charakterystycznego skupienia na twarzach.

43

Expander, mapa cieplna (30 badanych, 10 s.)

Komentarz: Elementem, ktry najbardziej przycign uwag osb badanych okazaa si by liczba (kwota raty). Co istotne, w tym wypadku liczba przycigna uwag bardziej ni twarze widoczne po prawej stronie.

Liczba w logo oraz cena.

44

Itaka, mapa cieplna (30 badanych, 10 s.)

Komentarz: W tym wypadku wzrok przyciga zarwno liczba umieszczona w lewym, grnym rogu przy logo, jak i ceny (zwaszcza pierwszy element po lewej, na grze).

45
user experience studio

Efekty zwizane z liczbami - wnioski i wskazwki

Elementem bardzo przycigajcym uwag okazay si by liczby, zwaszcza, jeeli s due, wyrane, kontrastowe i nie ma w ich ssiedztwie innych, rwnie wyranych elementw. Bodcem, ktry ma naturalne waciwoci cigania na siebie uwagi jest ludzka twarz. Efekt przycigania uwagi przez twarze jest bardzo czsto obserwowany w badaniach eyetrackingowych. Co ciekawe, okazuje si, e obecno innych, wyrazistych bodcw moe ten efekt

modulowa albo nawet niwelowa - przykadem takiego bodca s wanie liczby.

user experience studio

Dugo wiadomoci

Skupienie skoncentrowane ponad zaamaniem strony.

47

Znak, mapa uwagowa (30 badanych, 5 i 10 s.)

Komentarz: Przewaajca wikszo uytkownikw koncentruje si na elementach widocznych natychmiast po zaadowaniu si serwisu internetowego - podobny efekt jest zauwaalny w trakcie przegldania listy w kliencie pocztowym. 7 badanych nie przewijao strony, tylko poowa badanych przewina stron przynajmniej do jej poowy.

Wpyw grafiki przy dugich wiadomociach

48

GRY Online.pl, mapa uwagowa (30 badanych, 5 i 10 s.)

Komentarz: Zastosowanie grafiki w duszych kreacjach moe pomc podtrzyma zainteresowanie i spowodowa , e wicej osb bdzie przewija wiadomo.

Skupienie na sloganie na czerwonym polu, kliknicia w ostatni modu.

49

VOX, mapa cieplna (30 badanych, 10 s.)

Komentarz: Obszarem, ktry bardzo przyciga uwag jest slogan na czerwonym tle z prawej strony newslettera. Co ciekawe, najwicej klikni zanotowano w obszarze trzeciego moduu.

Skupienie na pierwszym module, brak przewijania strony.

50

VOX, cieka wzroku (badany 21, 10 s.)

Komentarz: Osoba pobienie obejrzaa dwa pierwsze moduy i skupia si na trzecim.

Moduowy ukad newslettera.

51

VOX, analiza AOI (30 badanych, 10 s.)

Komentarz: Wysoka zauwaalno ostatniego moduu moe by rezultatem kilku efektw: obecnoci powszechnie rozpoznawalnej osoby, w formie zdjcia, ale przede wszystkim imienia i nazwiska (tekst o wysokim kontracie), pod ktrym znajduje si rwnie dobrze wyrniony przycisk z wezwaniem do dziaania.

52
user experience studio

Dugo wiadomoci - wnioski

W przypadku wikszoci listw osoby badane miay tendencj do skupiania si na elementach widocznych bez koniecznoci przewijania strony.

Elementy na samym dole, zwaszcza w przypadku dugich przesyek, charakteryzoway si ma zauwaalnoci lub te w ogle nie byy zauwaane.

Wyjtkiem by newsletter Meble VOX, ktrego moduowa konstrukcja wpyna na

pojawienie si innego schematu przegldania.

53
user experience studio

Dugo wiadomoci - wnioski

Analiza cieek spojrzenia poszczeglnych osb pozwala wyodrbni spord nich dwie grupy:
osoby, ktre nie przewijaj strony i skupiaj si na pierwszym module osoby, ktre przewijaj stron, pomijaj drugi modu i skupiaj si na trzecim

Atrakcyjno trzeciego z moduw w kreacji VOX moe by powodowana rnymi czynnikami:

jest on utrzymany w tonacji czerwieni, ktra przyciga wzrok jest atrakcyjny, poniewa jest obrazem dobrej jakoci zawiera fotografi znanej postaci wraz z imieniem i nazwiskiem zawiera przycisk i wezwanie do dziaania.

54
user experience studio

Dugo wiadomoci - wskazwki

Konstruujc przesyk naley:
umieszcza elementy najwaniejsze jak najwyej w strukturze kreacji jeli wymaga ona przewijania strony, zakoczy pierwszy widoczny ekran grafik, ktra skupiajc uwag uytkownikw zachci do przewinicia dzieli newsletter na odrniajce si od siebie sekcje - nie tylko uatwi to

zapoznawanie si z newsletterem, ale rwnie zwikszy skupienie na odpowiednio

wyrnionych sekcjach

user experience studio

Ekspozycja logo

Wielko i pooenie logo a jego zapamitywanie.

56

Orange, analiza AOI (30 badanych, 10 s.)

Komentarz: W tym mailingu logo operatora jest mae i umieszczone w niekorzystnym miejscu i przez to trudne do zauwaenia. 3 osoby na 30 przypomniay sobie po badaniu nazw operatora. Natomiast logo Nokii, umiejscowione w centralnym miejscu i dobrze widoczne zostao odpamitane przez 8 na 30 uczestnikw.

Wielko i pooenie logo a jego zapamitywanie.

57

Play, analiza AOI (30 badanych, 10 s.)

Komentarz: Logo Play jest due, umieszczone w grnej czci newslettera, w ssiedztwie nie ma dystraktorw - w zwizku z czym jest atwe do zauwaenia. Marka Play zostaa odpamitana przez 19 na 30 osb.

58
user experience studio

Ekspozycja logo - wnioski i wskazwki

Oba malilingi s podobne, centralne miejsce zajmuje na nich wizerunek produktu.

Jest on elementem najbardziej przyciagajcym uwag, zauwaa go blisko 100% osb badanych, zazwyczaj przyciga uwag jako pierwszy, badani pozostaj w jego obrbie wzrokiem przez najdusz ilo czasu, najwiksza jest te liczba fiksacji w jego obrbie, wiadczy to o do gbokim przetwarzaniu tego bodca.

59
user experience studio

Ekspozycja logo - wnioski i wskazwki

W obu przypadkach powinno to zatem i w parze z dobrym odpamitywaniem marki przez osoby badane, ale jest tak tylko w przypadku Play (19 wskaza, dla Orange - 3 wskazania).

Dzieje si tak, poniewa logo Play zostao umieszczone w grnej czci newslettera, jest te due, wyranie i atwe do zauwaenia. Logo Orange natomiast jest niewielkie i znajduje si w dolnym, prawym rogu miejscu niekorzystnym jeeli chodzi o

zauwaalno.

user experience studio

Przyciski

Liczne kliknicia w obrbie wyrnionego przycisku z wezwaniem do dziaania.

61

IDG.pl, mapa cieplna (30 badanych, 10 s.)

Komentarz: Najwicej klikni skupio si w obrbie przycisku, ktry odrnia si kolorystycznie od ta newslettera i jest opisany wezwaniem do dziaania.

Przycisk w otoczeniu odcigajcych uwag elementw generujcy ma liczb klikni.

62

Gold Finance, mapa cieplna (30 badanych, 10 s.)

Komentarz: W obrbie powyszego newslettera, poza przyciskiem We kredyt, znajduj si elementy podobne do przycisku (czerwone pole Ju od 9,99% oraz brzowe z logo), na ktrych skupia si uwaga badanych. W konsekwencji mniej osb klikno w przycisk.

63
user experience studio

Przyciski - wnioski
Najlepiej speniaj swoj rol przyciski widocznie odrniajce si od pozostaych elementw newslettera. Dziki temu nie tylko przycigaj uwag, ale rwnie nie pozostawiaj wtpliwoci co do swojej funkcji.

Zastosowanie kilku elementw o podobnej konstrukcji przypominajcej element klikalny, moe spowodowa spadek klikalnoci waciwego przycisku.

64
user experience studio

Przyciski - wskazwki
Chcc uzyska wysok klikalno w przycisk, warto:
wyranie zaznaczy, e dany element jest przyciskiem (zastosowa efekt wypukoci oraz zaokrglone rogi) umieci go tak, aby w pobliu nie znajdowao si wiele potencjalnych dystraktorw (tj. bodcw odcigajcych od niego uwag) umieci go na jednokolorowym, jednolitym tle wyeliminowa elementy, ktre swoim wygldem mog przypomina przycisk wykorzysta wezwanie do dziaania w etykiecie przycisku

user experience studio

Postaci i twarze

Skupienie na twarzy

66

Legrand, mapa cieplna (30 badanych, 10 s.)

Komentarz: Twarze i postacie to elementy, na ktrych bardzo czsto skupia si wikszo uwagi uytkownikw. W przypadku tej kreacji wida intensywne skupienie na twarzy kobiety zlokalizowanej po lewej stronie kreacji.

Brak skupienia na twarzach w pobliu dystraktora.

67

Lufthansa, mapa cieplna (30 badanych, 10 s.)

Komentarz: Odmienny rezultat zarejestrowano w przypadku newslettera, ktry rwnie zawiera twarz, jednak zlokalizowana jest ona po prawej stronie, w ssiedztwie duych elementw odwracajcych uwag (w postaci biaych pl po lewej). Uwaga skupiona na twarzy jest w tym przypadku znacznie mniejsza.

Twarze mog kierowa uwag

68

Lufthansa, mapa cieplna (30 badanych, 10 s.)

Komentarz: Jeszcze mniejsze skupienie na twarzach zarejestrowano w obrbie powyszego newslettera o minimalistycznej konstrukcji, w obrbie ktrego najwicej uwagi przyciga pole po lewej - jest ono ograniczone ramk (jako jedyny element w obrbie caego newslettera), zawiera liczb oraz obce wyraenie. Efekt ten jednak wydaje si jak najbardziej korzystny.

69
user experience studio

Postacie i twarze - wnioski i wskazwki

Twarze i postacie to silne bodce wizualne przycigajce uwag uytkownikw. Badanie wykazao jednak, e nawet tak silny bodziec jak twarz moe zosta zignorowany, jeli w pobliu znajduj si inne, interesujce elementy Twarz moe kierowa wzrok w dany region newslettera, jeli posta na zdjciu patrzy si na dany element.

user experience studio

Podsumowanie

Jak konstruowa mailing wnioski z badania

Umieszczaj najwaniejszy element w lewym grnym rogu***

Wane treci umieszczaj nad zamaniem strony***

W przypadku duszych wiadomoci, uywaj ramek i zdj, aby zachca do dalszego przewijania** Eksponuj logo w widocznym miejscu najlepiej lewym, grnym rogu**

Liczby przykuwaj uwag**

Ukad 2 kolumnowy jest efektywniejszy, ni jednokolumnowy jeli chodzi o efektywno przykuwania i dzielenia uwagi* Przyciski dziaaj dobrze, gdy nie ma wok nich innych elementw,

przypominajcych elementy klikalne*

*** silne potwierdzenie w badaniu jednoznaczny trend ** powtarzajce si obserwacje * ostrony wniosek

72
user experience studio

O EDISONDZIE
EDISONDA to studio badawczo projektowe wyspecjalizowane w zakresie usability i user experience. Prowadzimy testy z uytkownikami i badania eyetracking, aby tworzy efektywniejsze serwisy i aplikacje internetowe.

Firma dziaa wedug metodologii projektowania zorientowanego na uytkownika (User Centered Design). Najoglniej rzecz ujmujc zajmujemy si obserwacj i ksztatowaniem interakcji w Internecie oraz emocjami i reakcjami, ktre wywouje w nas kontakt z wirtualnym wiatem.

www.edisonda.pl

Patronat:

user experience studio

Dzia interakcji Dzia kreacji

Hubert Turaj Marcin Krcioch

+48 728 350 897 +48 728 350 898 Krakw 2011

www.edisonda.pl/kontakt www.facebook.com/edisondastudio