<?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>Visual Analytics - Conversion</title>
	<atom:link href="https://conversion.pl/tag/visual-analytics/feed/" rel="self" type="application/rss+xml" />
	<link>https://conversion.pl</link>
	<description></description>
	<lastBuildDate>Tue, 05 May 2026 11:27:47 +0000</lastBuildDate>
	<language>pl-PL</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	
	<item>
		<title>Dlaczego obrazowanie danych jest ważne dla twojego biznesu</title>
		<link>https://conversion.pl/blog/obrazowanie-danych-visual-analytics/</link>
		
		<dc:creator><![CDATA[Mariusz Michalczuk]]></dc:creator>
		<pubDate>Tue, 30 Jun 2015 10:00:11 +0000</pubDate>
				<category><![CDATA[Analityka internetowa]]></category>
		<category><![CDATA[Click Tracking]]></category>
		<category><![CDATA[Heat Map]]></category>
		<category><![CDATA[mapy cieplne]]></category>
		<category><![CDATA[obrazowanie danych]]></category>
		<category><![CDATA[Testowanie formularzy]]></category>
		<category><![CDATA[Visual Analytics]]></category>
		<category><![CDATA[Web Form Testing]]></category>
		<guid isPermaLink="false">https://new.conversion.pl/obrazowanie-danych-visual-analytics/</guid>

					<description><![CDATA[<p>Poleganie tylko i wyłącznie na liczbach to często strzał w ciemno, który nie wiadomo gdzie trafi. Nie każdy z nas jest Steve Jobsem, by móc podejmować świetne decyzje tylko na podstawie swojego wyczucia. Tradycyjna analityka webowa potrafi być dla ekspertów czarną magią. Co z tego, że zaczniemy zbierać liczby na temat odwiedzin, kliknięć, odsłon itd., [&#8230;]</p>
<p>The post <a href="https://conversion.pl/blog/obrazowanie-danych-visual-analytics/">Dlaczego obrazowanie danych jest ważne dla twojego biznesu</a> first appeared on <a href="https://conversion.pl">Conversion</a>.</p>]]></description>
										<content:encoded><![CDATA[<div class="photo"><a class="fancybox" title="obrazowanie danych" href="https://conversion.pl/wp-content/uploads/2023/02/FB-PL-Mozyrko-Obrazowanie-Danych.png" rel="fancybox"><img decoding="async" title="obrazowanie danych" src="https://conversion.pl/wp-content/uploads/2023/02/FB-PL-Mozyrko-Obrazowanie-Danych.png" alt="obrazowanie danych visual analytics heat maps web form testing" width="100%" /></a></div>
<p>Poleganie tylko i wyłącznie na liczbach to często strzał w ciemno, który nie wiadomo gdzie trafi. Nie każdy z nas jest Steve Jobsem, by móc podejmować świetne decyzje tylko na podstawie swojego wyczucia.</p>
<p>Tradycyjna <a href="https://conversion.pl/blog/dlaczego-analityka-internetowa-ang-web-analytics-jest-skazana-na-niepowodzenie-w-niektorych-firmach/">analityka webowa</a> potrafi być dla ekspertów czarną magią.</p>
<p>Co z tego, że zaczniemy zbierać liczby na temat odwiedzin, kliknięć, odsłon itd., kiedy nie wiemy dlaczego dane liczby znalazły się w danych rubrykach. Bez tej wiedzy nie jesteśmy w stanie podjąć dobrej decyzji, a jakiekolwiek próby mogą narobić szkód.</p>
<p>Korzystanie z <a title="5 sygnałów, że zbierasz złe dane" href="https://conversion.pl/blog/sygnaly-zle-dane/" target="_blank" rel="noopener noreferrer">danych zebranych</a> za pomocą na przykład Google Analytics mówi nam tylko i wyłącznie co się dzieje pomiędzy stronami. A tak naprawdę trzeba pamiętać też o odpowiedzi na pytania co się dzieje wewnątrz stron i dlaczego.</p>
<p>Odpowiedzi na nie udzieli obszar analityk webowych zwany z angielskiego Visual Analytics. Można to w miarę luźno przełożyć na polski jako obrazowanie danych w sposób łatwy do przyswojenia i strawienia. Ponadto, techniki stosowane przez Visual Analytics wyjaśniają co i dlaczego coś się wydarzyło na stronie, stawiając nas w miejscu użytkowników.</p>
<p>Artykuł skupi się na trzech narzędziach z wyżej wymienionej dziedziny, które pozwolą zrozumieć  dlaczego użytkownicy wykonują dane czynności oraz jak wygląda ich struktura myślenia.</p>
<h2>Zaklikało między nami</h2>
<p>Pierwszą z “zabawek” jest narzędzie zwane Click Tracking. Polega ono na śledzeniu kliknięć na stronie, a potem na tworzeniu odpowiednich map cieplnych (ang. heatmaps), które podkreślają obszary otrzymujące największą liczbę kliknięć myszką.</p>
<div class="photo"><a class="fancybox" title="Heat Map - mapa cieplna" href="https://conversion.pl/wp-content/uploads/2023/02/obrazowaniedanych1.png" rel="fancybox"><img decoding="async" title="heat map - mapa cieplna" src="https://conversion.pl/wp-content/uploads/2023/02/obrazowaniedanych1.png" alt="heat map mapa cieplna" width="600" /></a><br />
<em>Przykładowa heatmapa strony głównej UsabilityTools. “Najcieplejsze” obszary pokazują miejsca, które otrzymały najwięcej kliknięć.<br />
</em></div>
<p>Heatmapy to żadne odkrycie Ameryki, ale wprowadzenie ich do dziedziny E-Commerce rozruszało machinę <a title="Właściwe podejście do optymalizacji konwersji" href="https://conversion.pl/blog/podejscie-optymalizacja-konwersji/" target="_blank" rel="noopener noreferrer">zwiększania konwersji</a>.</p>
<p>Click Tracking to nie tylko ładne obrazki, ale świetne narzędzie komunikacji, które wyraźnie “obrazuje” kliknięcia na stronie. Na przykład odwrócone heatmapy działają jak okulary, dzięki którym można zobaczyć najbardziej interesujące dla twoich użytkowników obszary strony. Idealne do zweryfikowania architektury informacji.</p>
<div class="photo"><a class="fancybox" title="Heat Map - mapa cieplna" href="https://conversion.pl/wp-content/uploads/2023/02/obrazowaniedanych2.png" rel="fancybox"><img decoding="async" title="heat map - mapa cieplna" src="https://conversion.pl/wp-content/uploads/2023/02/obrazowaniedanych2.png" alt="heat map mapa cieplna" width="600" /></a><br />
<em>Miejsca przyciemnione to obszary, które z jakiegoś powodu są pomijane.<br />
</em></div>
<p>Click Tracking to najlepszy sposób na zebranie wartościowych danych ilościowych, przedstawiających mapę kliknięć myszką naszych użytkowników. Poniższy przykład przedstawia dwa obszary zainteresowania, na które klikano &#8211; przycisk rejestracji i grafikę telefonu komórkowego, która przyciskiem nie jest i klikanie na nią nie przynosi żadnych efektów. Około 8% kliknięć zostało zmarnowanych na grafice, dlatego można je wykorzystać i zmienić grafikę telefonu w przycisk, który również zaprowadzi do strony rejestracji, tym samym zwiększając konwersję.</p>
<div class="photo"><a class="fancybox" title="Heat Mapa - obszar zainteresowania" href="https://conversion.pl/wp-content/uploads/2023/02/obrazowaniedanych3.png" rel="fancybox"><img decoding="async" title="heat map - obszar zainteresowania" src="https://conversion.pl/wp-content/uploads/2023/02/obrazowaniedanych3.png" alt="heat map mapa cieplna obszar zainteresowania" width="600" /></a><br />
<em>Narzędzie umożliwia zaznaczanie obszarów i sprawdzanie które z nich cieszyły się największym zainteresowaniem.<br />
</em></div>
<p>Świetnym przykładem jak działają heatmapy “na żywo” jest jeden z klientów <a title="UsabilityTools" href="http://usabilitytools.com/" rel="nofollow noopener" target="_blank">UsabilityTools</a> &#8211; OptimalEnergy. Jest to porównywarka cen dostawców energii elektrycznej. Za pomocą narzędzia Click Tracking odkryto, że slider z obrazkami na stronie głównej był jedną z przyczyn problemów.</p>
<p>Obrazki znajdujące się w owym sliderze wyglądały jak zrzuty ekranu i posiadały przyciski Call-to-action mówiące “Start”, które złudniczo sugerowały, że po kliknięciu na nie użytkownik będzie mógł zacząć proces rejestracji. Niestety, przyciski te nie robiły tak naprawdę nic. Mapy cieplne z naszego narzędzia pokazały, że owe obrazki w sliderze otrzymywały aż 24% kliknięć na stronie głównej, a atrapy przycisków połowę z nich.</p>
<div class="photo"><a class="fancybox" title="Heat Map przycisk atrapa" href="https://conversion.pl/wp-content/uploads/2023/02/obrazowaniedanych4.png" rel="fancybox"><img decoding="async" title="heat map - przycisk atrapa" src="https://conversion.pl/wp-content/uploads/2023/02/obrazowaniedanych4.png" alt="heat map mapa cieplna przycisk atrapa" width="600" /></a><br />
<em>Heatmapa pokazująca kliknięcia na przycisku-atrapie. Intensywność czerwieni wskazuje, że dużo kliknięć zostało zmarnowanych.<br />
</em></div>
<p>Około 24% użytkowników prawdopodobnie opuszczało stronę widząc, że ich kliknięcia nic nie robią. Zmiana przycisków tak, by można było na nie kliknąć i by prowadziły dalej polepszyła konwersję aż o 122%. Jeśli chcecie przeczytać szczegółowy opis tego case study po angielsku,<a href="http://blog.usabilitytools.com/case-study-optimalenergy/" rel="nofollow noopener" target="_blank"> kliknijcie tutaj</a>.</p>
<p>Scroll Mapy to dobra podstawa do zweryfkiwania czy długość naszej strony i pozycja przycisków są odpowiednie. Pokazują one jak daleko scrollują użytkownicy i jak wyglądają ich kliknięcia w poziomych obszarach.</p>
<div class="photo"><a class="fancybox" title="Heat Map obszary" href="https://conversion.pl/wp-content/uploads/2023/02/obrazowaniedanych5.png" rel="fancybox"><img decoding="async" title="heat mapa obszary" src="https://conversion.pl/wp-content/uploads/2023/02/obrazowaniedanych5.png" alt="heat map mapa obszary spędzonego czasu na witrynie" width="600" /></a><br />
<em>Heatmapa ukazująca w poziomie obszary, na których spędzono najwięcej czasu.<br />
</em></div>
<p>Jeśli planujemy wydłużyć naszą stronę, to jest to genialny sposób do <a href="https://conversion.pl/blog/4-najczestsze-bledy-przy-testach-ab-lub-wieloczynnikowych/">przeprowadzania testów A/B</a> i sprawdzenia efektywności.</p>
<p>Jeden z naszych klientów wykazał się dużą kreatywnością w korzystaniu z tej heatmapy. Za pomocą poziomych wskaźników wywnioskował, że jego teksty przykuwają uwagę jedynie na początku, podczas gdy reszta artykułów pozostawała “zimna”. Na podstawie zebranych danych zmienił strukturę tak, by zawrzeć krótkie streszczenie na samym początku. Dzięki temu zabiegowi ilość przeczytanych artykułów zwiększyła się dwukrotnie.</p>
<p>Click Tracking to dobry sposób na zweryfikowanie, czy obecna struktura strony i jej elementy oddziałują na użytkowników. Ludzie potrafią zachowywać się czasem w naprawdę nieprzewidywalny sposób, dlatego warto to sprawdzić za pomocą tego narzędzia.</p>
<h2>Rubryczki i potyczki</h2>
<p>Każdy z nas kiedyś zakładał konto w internecie. Każdy z nas musiał nie raz cofnąć się do jednej z rubryk, ponieważ źle ją wypełniliśmy. I nie raz musieliśmy robić to kilkukrotnie, bo instrukcje były niejasne.</p>
<p>Częsta frustracja i zrezygnowanie wynikające z wyżej opisanego doświadczenia to rezultat źle zaprojektowanych formularzy. A te przecież są boleśnie kluczowe dla wielu biznesów, takich jak na przykład sklepy online.</p>
<p>Drugie narzędzie to Web Form Testing, czyli testowanie formularzy. Pomaga nam ono w łatwy sposób zweryfikować czy nasze formularze sprawiają problemy i czy wywołują niezadowolenie wśród użytkowników.</p>
<div class="photo"><a class="fancybox" title="Form Tester" href="https://conversion.pl/wp-content/uploads/2023/02/obrazowaniedanych6.png" rel="fancybox"><img decoding="async" title="Form Tester" src="https://conversion.pl/wp-content/uploads/2023/02/obrazowaniedanych6.png" alt="form tester web form testing testowanie formularzy" width="600" /></a><br />
<em>Ekran wyników Form Testera. Można na nim zobaczyć ile osób zaczęło wypełniać formularz, ile zrezygnowało, ile miało problemy i wiele więcej.<br />
</em></div>
<p>Powyżej widzicie przykład wyjęty prosto z naszej strony. Są to dane zebrane na podstawie formularza rejestracji do naszego narzędzia. Dwie z rubryczek są zaznaczone “ciepłym” kolorem &#8211; to oznacza, że sprawiają one problemy. Największym problemem jest podanie adresu własnej strony. Ciężko jest stwierdzić dlaczego użytkownicy odpadają w tym miejscu &#8211; czy może chodzić o złą walidacje adresu? Czy być może klienci nie posiadają strony, którą chcieliby testować? Osoby rejestrujące się mogą być zaciekawione narzędziem, ale nie chcą wykorzystać go na swojej stronie.</p>
<p>Wystarczy jedna informacja, a dobrych wniosków i pomysłów na poprawę nasuwa się wiele. Jest to materiał do przeprowadzania <a href="https://conversion.pl/blog/wiekszosc-case-study-testow-ab-stek-bzdur/">testów A/B</a> tak, aby usprawnić formularz.</p>
<p>Kolejny przykład z życia wzięty &#8211; jeden z naszych klientów chciał usprawnić proces rejestracji. Za pomocą Web Form Testera zebraliśmy informacje, które ujawniły, że rubryczka “Ulica i numer” zajmowały aż 6,1 sekund do wypełnienia, a dodatkowo była miejscem, w którym dochodziło do największej liczby opuszczeń.</p>
<div class="photo"><a class="fancybox" title="Formularz rejestracyjny - wyniki" href="https://conversion.pl/wp-content/uploads/2023/02/obrazowaniedanych7.png" rel="fancybox"><img decoding="async" title="Formularz rejestracyjny - wyniki" src="https://conversion.pl/wp-content/uploads/2023/02/obrazowaniedanych7.png" alt="formularz rejestracyjny wyniki web form testing testowanie formularzy" width="600" /></a><br />
<em>Wyniki pochodzące z formularza rejestracyjnego naszego klienta.<br />
</em></div>
<p>Po zidentyfikowaniu problemu Form Testerem nadszedł czas na zrozumienie dlaczego userzy mają z nim problem. Do tego wykorzystano inne narzędzie, Visitor Recording (opisane szczegółowo poniżej), które pokazało nagranie zachowań przy wypełnianiu formularza. Źródło problemu zostało od razu ujawnione &#8211; błędy w CSS powodowały, że instrukcja jak wypełniać to pole wyświetlała się w złych kolorach: jasnożółty tekst na białym tle. Użytkownicy nie wiedzieli co zrobić i albo mocowali się przez jakiś czas z rubryczką, albo po prostu rezygnowali z rejestracji.</p>
<div class="photo"><a class="fancybox" title="Nagranie zachowań użytkowników" href="https://conversion.pl/wp-content/uploads/2023/02/obrazowaniedanych8.png" rel="fancybox"><img decoding="async" title="Nagranie zachowań użytkowników" src="https://conversion.pl/wp-content/uploads/2023/02/obrazowaniedanych8.png" alt="nagrania zachowań użytkowników" width="600" /></a><br />
<em>Nagranie zachowań jednego z użytkowników. Form Testing i nagrania są często łączone, by zobaczyć zachowania w kontekście.<br />
</em></div>
<p>Głupi błąd, którego rezultatem była utrata klienta. Można to łatwo naprawić właśnie dzięki testowaniu formularzy.</p>
<h2>Pójdź moim szlakiem</h2>
<p>Ostatnim z godnych polecenia narzędzi jest Visitor Recording, czyli nagrywanie użytkowników.</p>
<p>Nie jest to śledzenie użytkownika przez kamerkę &#8211; zamiast tego będziemy śledzić co robi jego myszka na naszej stronie.</p>
<p>Jest to prosta forma obrazowania jak przebiegała “podróż” użytkownika na stronie: gdzie klikał, do jakich miejsc dotarł i w jakich momentach wystąpił problem. Jeśli dzieje się coś złego, to warto zobaczyć to w kontekście prawdziwych doświadczeń. Powyższy przykład to potwierdza &#8211; dzięki nagrywaniu zauważyliśmy w którym momencie pojawił się pain point.</p>
<div class="photo"><a class="fancybox" title="Nagranie ruchów" href="https://conversion.pl/wp-content/uploads/2023/02/obrazowaniedanych9.png" rel="fancybox"><img decoding="async" title="Nagranie ruchów" src="https://conversion.pl/wp-content/uploads/2023/02/obrazowaniedanych9.png" alt="nagrania ruchów użytkowników na stronie internetowej" width="600" /></a><br />
<em>Przykładowe nagranie ruchów na naszej stronie głównej.<br />
</em></div>
<p>Jednym z naszych klientów był serwis do uczenia się angielskiego słownictwa, Vocabla. Wykorzystali oni Visitor Recording do <a title="Jak zwiększyć konwersję w sklepie internetowym" href="https://conversion.pl/blog/jak-zwiekszyc-konwersje-sklepie-internetowym/" target="_blank" rel="noopener noreferrer">zwiększenia ich konwersji</a> o 218%! Dzięki analizie nagrań pochodzących ze strony z cenami zobaczyli, że użytkownicy scrollowali góra-dół, a potem wracali do poprzedniej strony. Ludzie musieli uznawać sposób przedstawiania cen za zbyt dezorientujący i rezygnowali z przeglądania.</p>
<p>Należało zatem uprościć stronę i przedstawić ceny w widoczny sposób.</p>
<div class="photo"><a class="fancybox" title="Vocabla przed poprawkami" href="https://conversion.pl/wp-content/uploads/2023/02/obrazowaniedanych10.png" rel="fancybox"><img decoding="async" title="Vocabla przed poprawkami" src="https://conversion.pl/wp-content/uploads/2023/02/obrazowaniedanych10.png" alt="visitor recording nagrywanie ruchu na stronie internetowej" width="600" /></a><br />
<em>Tak było przed poprawkami.<br />
</em></div>
<div class="photo"><a class="fancybox" title="Vocabla po poprawkach" href="https://conversion.pl/wp-content/uploads/2023/02/obrazowaniedanych11.png" rel="fancybox"><img decoding="async" title="Vocabla po poprawkach" src="https://conversion.pl/wp-content/uploads/2023/02/obrazowaniedanych11.png" alt="visitor recording nagrywanie ruchu na stronie internetowej" width="600" /></a><br />
<em>A tak po nich.<br />
</em></div>
<p>Dzięki zmianom i wnioskom wyciągniętym z nagrań pochodzących z Visitor Recording, konwersja Vocabli wzrosła z 1,74% do 5,54%.</p>
<h2>Słowo na koniec</h2>
<p>Click Tracking, Web Form Testing i Visitor Recording to trzy główne metody obrazowania danych. Jednak są one najlepszym rozwiązaniem na sam początek i w odpowiednich rekach wystarczą w zupełności w badaniu swoich użytkowników.</p>
<p>Click Tracking pokazuje wprost co przykuwa uwagę a co nie &#8211; wykorzystanie tej informacji może prowadzić nawet do <a title="Wzrost współczynnika konwersji - 3 elementy" href="https://conversion.pl/blog/3-elementy-podniosa-wspolczynnik-konwersji-witryny/" target="_blank" rel="noopener noreferrer">wzrostu konwersji</a> o 120%. Testowanie rubryczek usprawnia proces rejestracji, który jest jednym z najważniejszych elementów lejka sprzedażowego. Natomiast nagrywanie ruchów użytkowników na stronie nie tylko pokazuje co, ale też jak, ponieważ czynności osadzone są w kontekście prawdziwych wydarzeń. Rezultatem wykorzystania danych zebranych tą metodą może być <a title="Conversion&#039;s Funnel Model" href="https://conversion.pl/blog/conversions-funnel-model-czyli-6-czynnikow-majacych-wplyw-na-wspolczynnik-konwersji/" target="_blank" rel="noopener noreferrer">zwiększenie konwersji</a> o 220%.</p>
<p>Połączenie tych wszystkich metod w jedną całość to gwarantowany sposób na polepszenie jakości swojej strony i zwiększenia konwersji oraz <a href="https://conversion.pl/blog/ux-i-web-analytics-nie-moga-bez-siebie-zyc/" target="_blank" rel="noopener noreferrer">User Experience</a>. Zamiast myśleć o testach czas zacząć je przeprowadzać.</p><p>The post <a href="https://conversion.pl/blog/obrazowanie-danych-visual-analytics/">Dlaczego obrazowanie danych jest ważne dla twojego biznesu</a> first appeared on <a href="https://conversion.pl">Conversion</a>.</p>]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
