<?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>UX | Bluerank</title>
	<atom:link href="https://www.bluerank.com/blog/category/ux/feed/" rel="self" type="application/rss+xml" />
	<link>https://www.bluerank.com</link>
	<description>Agencja SEM - Pozycjonowanie (SEO) i Kampanie Linków Sponsorowanych (PPC)</description>
	<lastBuildDate>Thu, 05 Mar 2026 10:18:03 +0000</lastBuildDate>
	<language>pl-PL</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	

<image>
	<url>https://www.bluerank.com/wp-content/uploads/2020/12/cropped-favicon-1-32x32.png</url>
	<title>UX | Bluerank</title>
	<link>https://www.bluerank.com</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Od iluzji do milionowych zysków: Jak UX zmienia biznes – garść statystyk</title>
		<link>https://www.bluerank.com/blog/od-iluzji-do-milionowych-zyskow-jak-ux-zmienia-biznes-garsc-statystyk/</link>
					<comments>https://www.bluerank.com/blog/od-iluzji-do-milionowych-zyskow-jak-ux-zmienia-biznes-garsc-statystyk/#respond</comments>
		
		<dc:creator><![CDATA[Adriana Strzycka]]></dc:creator>
		<pubDate>Thu, 28 Aug 2025 20:22:41 +0000</pubDate>
				<category><![CDATA[User Experience]]></category>
		<category><![CDATA[UX]]></category>
		<guid isPermaLink="false">https://www.bluerank.com/?p=23141</guid>

					<description><![CDATA[<p>UX to jednocześnie cel i droga. Każdy z nas - inwestor, projektant, developer - ma swoje preferencje i emocjonalne przywiązanie do produktu, który tworzy. W świecie UX takie podejście prowadzi jednak na manowce i do gorszej konwersji.</p>
The post <a href="https://www.bluerank.com/blog/od-iluzji-do-milionowych-zyskow-jak-ux-zmienia-biznes-garsc-statystyk/">Od iluzji do milionowych zysków: Jak UX zmienia biznes – garść statystyk</a> first appeared on <a href="https://www.bluerank.com">Bluerank</a>.]]></description>
										<content:encoded><![CDATA[<div id="ez-toc-container" class="ez-toc-v2_0_82_1 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction">
<div class="ez-toc-title-container">
<p class="ez-toc-title" style="cursor:inherit">Spis treści</p>
<span class="ez-toc-title-toggle"></span></div>
<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class="ez-toc-link ez-toc-heading-1" href="#Kluczowe_statystyki_UX_pokazujace_znaczenie_tej_dziedziny" >Kluczowe statystyki UX pokazujące znaczenie tej dziedziny:</a></li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class="ez-toc-link ez-toc-heading-2" href="#Przyklady_sukcesu_firm" >Przykłady sukcesu firm</a></li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class="ez-toc-link ez-toc-heading-3" href="#Zadowolenie_i_lojalnosc_klientow" >Zadowolenie i lojalność klientów</a></li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class="ez-toc-link ez-toc-heading-4" href="#Znaczenie_pierwszych_wrazen" >Znaczenie pierwszych wrażeń</a></li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class="ez-toc-link ez-toc-heading-5" href="#Konsekwencje_frustracji_uzytkownikow" >Konsekwencje frustracji użytkowników</a></li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class="ez-toc-link ez-toc-heading-6" href="#E-commerce_i_mobilne_zakupy" >E-commerce i mobilne zakupy</a></li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class="ez-toc-link ez-toc-heading-7" href="#Od_iluzji_do_rzeczywistosci" >Od iluzji do rzeczywistości</a></li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class="ez-toc-link ez-toc-heading-8" href="#Zrodla" >Żródła:</a></li></ul></nav></div>




<p>UX to jednocześnie cel i droga. Każdy z nas &#8211; inwestor, projektant, developer &#8211; ma swoje preferencje i emocjonalne przywiązanie do produktu, który tworzy. W świecie UX takie podejście prowadzi jednak na manowce i <strong>do gorszej konwersji.</strong></p>



<p>Nasze przywiązanie do własnych koncepcji można porównać do zamknięcia w pokoju &#8211; na zewnątrz rozciąga się bogaty świat możliwości, ale my go nie dostrzegamy. Odpowiedzią jest metodologia UX. Realny użytkownik &#8211; nieobciążony naszymi preferencjami &#8211; staje się przewodnikiem na drodze do lepszego produktu. Zastępując subiektywne opinie obiektywnymi danymi, możemy realnie zwiększyć dochody biznesu.</p>



<h2 class="wp-block-heading"><strong>Kluczowe statystyki UX pokazujące znaczenie tej dziedziny:</strong></h2>



<ul class="wp-block-list"><li><strong>Zwrot</strong> <strong>z</strong> <strong>inwestycji</strong>.&nbsp;<ul><li>Zwiększenie budżetu na rozwój UX o 10% może doprowadzić do 83% wzrostu konwersji,</li><li>80% ludzi jest gotowych płacić więcej za lepsze doświadczenie użytkownika,</li><li>Badania McKinsey wykazały, że firmy, które priorytetyzują design, odnotowują o 32% wyższy wzrost przychodów i o 56% wyższy całkowity zwrot dla akcjonariuszy w porównaniu do konkurencji.</li></ul></li><li><strong>Zachowania użytkowników mobilnych:</strong><ul><li>Użytkownicy mobilni są 5 razy bardziej skłonni do porzucenia zadania, jeśli strona nie jest zoptymalizowana pod urządzenia mobilne 88% użytkowników ma mniejszą skłonność do powrotu po złym doświadczeniu użytkownika,</li><li>1 na 5 użytkowników spędza ponad 4,5 godziny dziennie na telefonie.</li></ul></li><li><strong>Wpływ na konwersje i wydajność</strong><ul><li>Dobrze zaprojektowany UX może potroić wskaźniki konwersji strony internetowej.</li></ul></li></ul>



<h2 class="wp-block-heading"><strong>Przykłady sukcesu firm</strong></h2>



<ul class="wp-block-list" id="block-41d16859-7e88-46d8-a545-2698cd388a7c"><li><strong>Konkretne rezultaty biznesowe:</strong><ul><li>Costa Coffee zwiększyła rejestracje aplikacji o 15% poprzez rozwiązanie problemu z nieprawidłowymi hasłami,</li><li>JobNimbus zwiększył oceny aplikacji z 2,5 do 4,8 po przeprojektowaniu i wykorzystaniu danych UXCam,</li><li>Recora zmniejszyła zgłoszenia do wsparcia o 142% używając replay sesji do identyfikacji problemów UX,</li><li>HubSpot konkretny wzrost o 33% przypisywany wyłącznie redesignowi strony.</li></ul></li></ul>



<h2 class="wp-block-heading"><strong>Zadowolenie i lojalność klientów</strong></h2>



<ul class="wp-block-list"><li><strong>Pozytywne doświadczenia:</strong><ul><li>74% odwiedzających prawdopodobnie wróci na stronę z dobrym mobilnym UX,</li><li>90% użytkowników smartfonów mówi, że częściej będzie kontynuować zakupy przy świetnym doświadczeniu użytkownika,</li><li>23% osób, które miały pozytywne doświadczenie użytkownika, dzieli się nim z 10 lub więcej osobami,</li><li>63% użytkowników smartfonów ma większą skłonność do kupowania od firm, których mobilne strony lub aplikacje zapewniają odpowiednie rekomendacje produktów,</li><li>58% użytkowników smartfonów postrzega firmy bardziej przychylnie, gdy ich mobilne strony lub aplikacje pamiętają ich tożsamość i wcześniejsze działania.</li></ul></li></ul>



<h2 class="wp-block-heading"><strong>Znaczenie pierwszych wrażeń</strong></h2>



<ul class="wp-block-list"><li><strong>Natychmiastowe oceny:</strong><ul><li>Pierwsze wrażenia są w 94% zależne od designu,</li><li>Do 75% użytkowników ufa wizualnie atrakcyjnej stronie internetowej,</li><li>Większość użytkowników korzysta z aplikacji przez 3-7 dni &#8211; jeśli aplikacja ich nie zachwyci w tym czasie, trudno ich zatrzymać,</li><li>Potrzeba tylko 50ms, aby wywrzeć dobre pierwsze wrażenie.</li></ul></li></ul>



<h2 class="wp-block-heading"><strong>Konsekwencje frustracji użytkowników</strong></h2>



<ul class="wp-block-list"><li><strong>Negatywne doświadczenia:</strong><ul><li>13% klientów opowie 15 lub więcej osobom o swoich złych doświadczeniach,</li><li>Tylko 1 z 26 klientów składa skargę, gdy jest niezadowolony,</li><li>91% niezadowolonych klientów, którzy się nie skarżą, po prostu odchodzi,</li><li>PWC odkryło, że 32% klientów opuszcza markę, którą kochali, po jednym złym doświadczeniu,</li><li>Około 21% aplikacji mobilnych było używanych tylko raz,</li><li>52% użytkowników mówi, że głównym powodem niepowrotu jest estetyka,</li><li>90% użytkowników przestało korzystać z aplikacji z powodu słabej wydajności,</li><li>Tylko 1% użytkowników twierdzi, że strony e-commerce spełniają ich oczekiwania za każdym razem.</li></ul></li></ul>



<h2 class="wp-block-heading"><strong>E-commerce i mobilne zakupy</strong></h2>



<ul class="wp-block-list"><li><strong>Trendy w zakupach mobilnych:</strong><ul><li>60% kupujących online używa wyłącznie urządzeń mobilnych do podejmowania decyzji zakupowych,</li><li>50% przychodów e-commerce generowanych jest z urządzeń mobilnych,</li><li>Klienci, którzy mają negatywne doświadczenie marki na mobile, są o 62% mniej skłonni do zakupu od tej marki w przyszłości,</li><li>81% konsumentów ufa firmom z silnymi politykami prywatności.</li></ul></li></ul>



<p>User Experience stał się kluczowym czynnikiem sukcesu biznesowego, gdzie każdy dolar zainwestowany w UX generuje zwrot na poziomie 100 dolarów (9,900% ROI). Współczesne trendy obejmują wykorzystanie emerging technologies takich jak chatboty (rynek osiągnie 9,4 mld dolarów do 2024), wyszukiwanie wizualne (32 mld dolarów do 2028) oraz personalizację, która może zwiększyć wskaźniki reakcji do 400%. W erze mobilnej dominacji i rosnących oczekiwań użytkowników, UX przestał być opcją – to konieczność biznesowa, gdyż 88% osób nie wraca po złym doświadczeniu, a firmy ignorujące znaczenie UX dosłownie tracą pieniądze na rzecz konkurentów oferujących płynne, intuicyjne doświadczenia dostępne dla wszystkich.</p>



<h2 class="wp-block-heading"><strong>Od iluzji do rzeczywistości</strong></h2>



<p>Przedstawione statystyki dowodzą, że uwolnienie się od osobistych preferencji na rzecz obiektywnych danych przekłada się na wymierne korzyści &#8211; od 83% wzrostu konwersji po redukcję zgłoszeń do wsparcia o 142%.</p>



<p>Metodologia UX przestaje być abstrakcyjną teorią i staje się konkretnym narzędziem biznesowym. Realny użytkownik, który potrzebuje tylko 50 milisekund na ocenę produktu, to przewodnik do sukcesu, nie przeciwnik. Paradoksalnie, prawdziwe doświadczenie własnego produktu można zdobyć tylko poprzez dystans, który dają obiektywne dane i badania użytkowników.</p>



<p>User Experience to nie tylko sposób na lepszy produkt &#8211; to droga do lepszego biznesu. Każda statystyka w tym artykule to zaproszenie do wyjścia z komfortowej strefy założeń i spotkania z rzeczywistością, która może być o wiele bardziej opłacalna niż nasze najśmielsze marzenia.</p>



<h2 class="wp-block-heading">Żródła:</h2>



<p>Backlinko. (b.d.). <em>HubSpot Users</em>. Pobrane z <a target="_blank" rel="noreferrer noopener" href="https://backlinko.com/hubspot-users">https://backlinko.com/hubspot-users</a><br>Cisco. (2022). <em>Cisco Consumer Privacy Survey 2022</em>. Pobrane z <a target="_blank" rel="noreferrer noopener" href="https://www.cisco.com/c/dam/en_us/about/doing_business/trust-center/docs/cisco-consumer-privacy-survey-2022.pdf">https://www.cisco.com/c/dam/en_us/about/doing_business/trust-center/docs/cisco-consumer-privacy-survey-2022.pdf</a><br>Clevertap. (b.d.). <em>Uninstall Apps</em>. Pobrane z <a target="_blank" rel="noreferrer noopener" href="https://clevertap.com/blog/uninstall-apps/#:~:text=28%25%20of%20People%20Uninstalled%20Apps%20Because%20of%20Too%20Many%20Ads%20and%20Notifications">https://clevertap.com/blog/uninstall-apps/#:~:text=28%25%20of%20People%20Uninstalled%20Apps%20Because%20of%20Too%20Many%20Ads%20and%20Notifications</a><br>ColorWhistle. (b.d.). <em>Website Design Statistics</em>. Pobrane z <a target="_blank" rel="noreferrer noopener" href="https://colorwhistle.com/website-design-statistics/">https://colorwhistle.com/website-design-statistics/</a><br>Crandell, C. (2013, 21 stycznia). <em>Customer Experience: Is It the Chicken or Egg?</em> Forbes. Pobrane z <a target="_blank" rel="noreferrer noopener" href="https://www.forbes.com/sites/christinecrandell/2013/01/21/customer-experience-is-it-the-chicken-or-egg/#5d593bdd3557">https://www.forbes.com/sites/christinecrandell/2013/01/21/customer-experience-is-it-the-chicken-or-egg/#5d593bdd3557</a><br>CXL. (b.d.). <em>First Impressions Matter: The Importance of Great Visual Design</em>. Pobrane z <a target="_blank" rel="noreferrer noopener" href="https://cxl.com/blog/first-impressions-matter-the-importance-of-great-visual-design/">https://cxl.com/blog/first-impressions-matter-the-importance-of-great-visual-design/</a><br>Exploding Topics. (b.d.). <em>Smartphone Usage Stats</em>. Pobrane z <a target="_blank" rel="noreferrer noopener" href="https://explodingtopics.com/blog/smartphone-usage-stats">https://explodingtopics.com/blog/smartphone-usage-stats</a><br>FounderJar. (b.d.). <em>UX Statistics</em>. Pobrane z <a target="_blank" rel="noreferrer noopener" href="https://www.founderjar.com/ux-statistics/">https://www.founderjar.com/ux-statistics/</a><br>Interaction Design Foundation. (b.d.). <em>Improve Customer Experience with UX Investments that Increase ROI</em>. Pobrane z <a target="_blank" rel="noreferrer noopener" href="https://www.interaction-design.org/literature/article/improve-customer-experience-with-ux-investments-that-increase-roi">https://www.interaction-design.org/literature/article/improve-customer-experience-with-ux-investments-that-increase-roi</a><br>Netguru. (b.d.). <em>Creating a Successful Mobile App</em>. Pobrane z <a target="_blank" rel="noreferrer noopener" href="https://www.netguru.com/blog/creating-successful-mobile-app#:~:text=In%20a%20US%2Dbased%20survey,at%20least%20one%20bug%20daily">https://www.netguru.com/blog/creating-successful-mobile-app#:~:text=In%20a%20US%2Dbased%20survey,at%20least%20one%20bug%20daily</a>.<br>Nielsen Norman Group. (b.d.). <em>CX for Executives</em>. SlideShare. Pobrane z <a target="_blank" rel="noreferrer noopener" href="https://www.slideshare.net/slideshow/cx-for-executives/52398185">https://www.slideshare.net/slideshow/cx-for-executives/52398185</a><br>O&#8217;Keeffe, L. (b.d.). <em>The Value of UX Design</em>. UX Planet. Pobrane z <a target="_blank" rel="noreferrer noopener" href="https://uxplanet.org/the-value-of-ux-design-bc22bcd482a4">https://uxplanet.org/the-value-of-ux-design-bc22bcd482a4</a><br>Retail Dive. (b.d.). <em>7 Ways to Reduce Shopping Cart Abandonment on Mobile</em>. Pobrane z <a target="_blank" rel="noreferrer noopener" href="https://www.retaildive.com/ex/mobilecommercedaily/7-ways-to-reduce-shopping-cart-abandonment-on-mobile">https://www.retaildive.com/ex/mobilecommercedaily/7-ways-to-reduce-shopping-cart-abandonment-on-mobile</a><br>SalesLion. (b.d.). <em>50% of Total Ecommerce Revenue Comes From Mobile</em>. Pobrane z <a target="_blank" rel="noreferrer noopener" href="https://saleslion.io/sales-statistics/50-of-total-ecommerce-revenue-comes-from-mobile/">https://saleslion.io/sales-statistics/50-of-total-ecommerce-revenue-comes-from-mobile/</a><br>Search Engine Watch. (2014, 3 czerwca). <em>60% of Consumers Use Mobile Exclusively to Make Purchase Decisions, Study</em>. Pobrane z <a target="_blank" rel="noreferrer noopener" href="https://www.searchenginewatch.com/2014/06/03/60-of-consumers-use-mobile-exclusively-to-make-purchase-decisions-study/">https://www.searchenginewatch.com/2014/06/03/60-of-consumers-use-mobile-exclusively-to-make-purchase-decisions-study/</a><br>Sender. (b.d.). <em>Personalization Statistics</em>. Pobrane z <a target="_blank" rel="noreferrer noopener" href="https://www.sender.net/blog/personalization-statistics/#:~:text=66%25%20of%20consumers%20say%20encountering,a%20real%2Dtime%20personalized%20experience">https://www.sender.net/blog/personalization-statistics/#:~:text=66%25%20of%20consumers%20say%20encountering,a%20real%2Dtime%20personalized%20experience</a>.<br>Statista. (b.d.). <em>Percentage of Apps Used Once in the US</em>. Pobrane z <a target="_blank" rel="noreferrer noopener" href="https://www.statista.com/statistics/271628/percentage-of-apps-used-once-in-the-us/">https://www.statista.com/statistics/271628/percentage-of-apps-used-once-in-the-us/</a><br>Taptal. (b.d.). <em>UX Statistics: Insights and Infographic</em>. Pobrane z <a target="_blank" rel="noreferrer noopener" href="https://www.toptal.com/designers/ux/ux-statistics-insights-infographic">https://www.toptal.com/designers/ux/ux-statistics-insights-infographic</a><br>Techjury. (b.d.). <em>User Experience Stats</em>. Pobrane z <a target="_blank" rel="noreferrer noopener" href="https://techjury.net/industry-analysis/user-experience-stats/">https://techjury.net/industry-analysis/user-experience-stats/</a><br>Think with Google. (b.d.). <em>Smartphone, Mobile App and Site Purchase Data</em>. Pobrane z <a target="_blank" rel="noreferrer noopener" href="https://www.thinkwithgoogle.com/marketing-strategies/app-and-mobile/smartphone-mobile-app-and-site-purchase-data/">https://www.thinkwithgoogle.com/marketing-strategies/app-and-mobile/smartphone-mobile-app-and-site-purchase-data/</a><br>Think with Google. (b.d.). <em>What Users Want Most From Mobile Sites Today</em>. Pobrane z <a target="_blank" rel="noreferrer noopener" href="https://www.thinkwithgoogle.com/marketing-strategies/app-and-mobile/what-users-want-most-from-mobile-sites-today/">https://www.thinkwithgoogle.com/marketing-strategies/app-and-mobile/what-users-want-most-from-mobile-sites-today/</a><br>UXCam. (b.d.). <em>Case Study: Costa Coffee</em>. Pobrane z <a target="_blank" rel="noreferrer noopener" href="https://uxcam.com/case-study/costa-coffee/">https://uxcam.com/case-study/costa-coffee/</a><br>UXCam. (b.d.). <em>Case Study: Jobnimbus</em>. Pobrane z <a target="_blank" rel="noreferrer noopener" href="https://uxcam.com/case-study/jobnimbus/">https://uxcam.com/case-study/jobnimbus/</a><br>UXCam. (b.d.). <em>Case Study: Recora</em>. Pobrane z <a target="_blank" rel="noreferrer noopener" href="https://uxcam.com/case-study/recora/">https://uxcam.com/case-study/recora/</a><br>Zippia. (b.d.). <em>User Experience Statistics</em>. Pobrane z <a target="_blank" rel="noreferrer noopener" href="https://www.zippia.com/advice/user-experience-statistics/">https://www.zippia.com/advice/user-experience-statistics/</a></p>The post <a href="https://www.bluerank.com/blog/od-iluzji-do-milionowych-zyskow-jak-ux-zmienia-biznes-garsc-statystyk/">Od iluzji do milionowych zysków: Jak UX zmienia biznes – garść statystyk</a> first appeared on <a href="https://www.bluerank.com">Bluerank</a>.]]></content:encoded>
					
					<wfw:commentRss>https://www.bluerank.com/blog/od-iluzji-do-milionowych-zyskow-jak-ux-zmienia-biznes-garsc-statystyk/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>User Experience remedium na „Messy Middle”</title>
		<link>https://www.bluerank.com/blog/user-experience-remedium-na-messy-middle/</link>
					<comments>https://www.bluerank.com/blog/user-experience-remedium-na-messy-middle/#respond</comments>
		
		<dc:creator><![CDATA[Adriana Strzycka]]></dc:creator>
		<pubDate>Thu, 21 Aug 2025 08:35:10 +0000</pubDate>
				<category><![CDATA[E-commerce]]></category>
		<category><![CDATA[User Experience]]></category>
		<category><![CDATA[UX]]></category>
		<category><![CDATA[customer journey]]></category>
		<category><![CDATA[middle mess]]></category>
		<category><![CDATA[user experience]]></category>
		<guid isPermaLink="false">https://www.bluerank.com/?p=23088</guid>

					<description><![CDATA[<p>W dzisiejszej erze cyfrowej, gdzie konsumenci mają nieograniczony wybór i ogrom informacji, sukces firmy w dużej mierze zależy od jakości doświadczeń, jakie oferuje swoim użytkownikom. Aplikacje i strony internetowe stały się bezpośrednim wyznacznikiem biznesu, a zaniedbanie User Experience (UX) może prowadzić do poważnych konsekwencji finansowych i utraty klientów.</p>
The post <a href="https://www.bluerank.com/blog/user-experience-remedium-na-messy-middle/">User Experience remedium na „Messy Middle”</a> first appeared on <a href="https://www.bluerank.com">Bluerank</a>.]]></description>
										<content:encoded><![CDATA[<p><div id="ez-toc-container" class="ez-toc-v2_0_82_1 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction">
<div class="ez-toc-title-container">
<p class="ez-toc-title" style="cursor:inherit">Spis treści</p>
<span class="ez-toc-title-toggle"></span></div>
<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class="ez-toc-link ez-toc-heading-1" href="#Czym_jest_%E2%80%9EMessy_Middle%E2%80%9D_i_jak_UX_pomaga_sie_w_nim_odnalezc" >Czym jest „Messy Middle” i jak UX pomaga się w nim odnaleźć?&nbsp;</a></li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class="ez-toc-link ez-toc-heading-2" href="#Miernik_sukcesu_%E2%80%93_konkretne_korzysci_z_inwestowania_w_UX" >Miernik sukcesu – konkretne korzyści z inwestowania w UX:&nbsp;</a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class="ez-toc-link ez-toc-heading-3" href="#Zmniejszenie_kosztow_operacyjnych" >Zmniejszenie kosztów operacyjnych: </a></li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class="ez-toc-link ez-toc-heading-4" href="#Zwiekszenie_przychodow_i_lojalnosci" >Zwiększenie przychodów i lojalności: </a></li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class="ez-toc-link ez-toc-heading-5" href="#1_%E2%80%9ESila_pokazania_sie%E2%80%9D" >1. „Siła pokazania się”&nbsp;</a></li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class="ez-toc-link ez-toc-heading-6" href="#2_Wplyw_na_zmiane_preferencji" >2. Wpływ na zmianę preferencji&nbsp;</a></li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class="ez-toc-link ez-toc-heading-7" href="#3_Wykorzystanie_%E2%80%9Ezachowan_behawioralnych%E2%80%9D" >3. Wykorzystanie „zachowań behawioralnych”&nbsp;</a></li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class="ez-toc-link ez-toc-heading-8" href="#4_Potencjal_dla_nowicjuszy" >4. Potencjał dla nowicjuszy&nbsp;</a></li></ul></li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class="ez-toc-link ez-toc-heading-9" href="#Przyklady_wizualne" >Przykłady wizualne: </a></li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class="ez-toc-link ez-toc-heading-10" href="#Lista_kontrolna_UX_%E2%80%93_najwazniejsze_rzeczy_do_sprawdzenia" >Lista kontrolna UX – najważniejsze rzeczy do sprawdzenia&nbsp;</a></li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class="ez-toc-link ez-toc-heading-11" href="#Zrodla" >Źródła: </a></li></ul></nav></div>

</p>
</p>
<p>W dzisiejszej erze cyfrowej, gdzie konsumenci mają <strong>nieograniczony wybór i ogrom informacji</strong>, sukces firmy w dużej mierze zależy od jakości doświadczeń, jakie oferuje swoim użytkownikom. Aplikacje i strony internetowe stały się <strong>bezpośrednim wyznacznikiem biznesu</strong>, a zaniedbanie User Experience (UX) może prowadzić do poważnych konsekwencji finansowych i utraty klientów. </p>
</p>
<h2 class="wp-block-heading"><strong>Czym jest „Messy Middle”</strong> <strong>i jak UX pomaga się w nim odnaleźć?</strong>&nbsp;</h2>
</p>
<p>Tradycyjny model &#8222;customer journey&#8221; (ścieżki klienta) zakładał bardziej liniowy proces od świadomości do zakupu. Jednak badania Google [1] pokazały, że rzeczywisty proces decyzyjny konsumenta w erze cyfrowej jest znacznie bardziej złożony. W dobie Internetu proces zakupowy konsumentów stał się <strong>nieliniowy i skomplikowany</strong>, przypominający &#8222;bałagan decyzji&#8221; (&#8222;messy middle&#8221;). Pomiędzy impulsem do zakupu (trigger) a samym zakupem, użytkownicy nieustannie <strong>przełączają się między trybami eksploracji i ewaluacji</strong>. W trybie eksploracji poszukują nowych opcji i informacji, rozszerzając swoje &#8222;zbiory rozważań&#8221;. Następnie, w trybie ewaluacji, zawężają te opcje, porównując je. Ten cykl może powtarzać się wielokrotnie.&nbsp;</p>
</p>
<p>Dla specjalistów od marketingu ten „bałagan” jest wyzwaniem, ale dla konsumentów to źródło satysfakcji i poczucia kontroli. Właśnie dlatego <strong>User Experience staje się kluczowym czynnikiem sukcesu</strong> – w świecie <em>messy middle</em> to on decyduje, czy użytkownik odnajdzie się w gąszczu informacji, czy zniechęcony przejdzie do konkurencji. Organizacje, które świadomie projektują doświadczenia klienta i aktywnie ułatwiają nawigację w tym skomplikowanym procesie decyzyjnym, realnie zwiększają swoje szanse na przewagę rynkową.&nbsp;</p>
</p>
<h2 class="wp-block-heading"><strong>Miernik sukcesu – konkretne korzyści z inwestowania w UX:</strong>&nbsp;</h2>
</p>
<p>Inwestowanie w dobrze przemyślane UX to <strong>strategiczna decyzja biznesowa z wymiernym zwrotem z inwestycji (ROI)</strong>. Badania i dane branżowe wskazują na wiele kluczowych korzyści [2]:&nbsp;</p>
</p>
<h3 class="wp-block-heading"><strong>Zmniejszenie kosztów operacyjnych:</strong> </h3>
</p>
<ul class="wp-block-list">
<li>Skupienie się na UX od początku pozwala szybciej znaleźć właściwy zestaw funkcji i unikać wdrażania niepotrzebnych rozwiązań. </li>
<li><strong>Dobrze zaprojektowany UX skraca czas pracy zespołów UI i programistów – dostarcza im gotowe odpowiedzi na wiele pytań i przygotowane scenariusze działania produktu cyfrowego.</strong> Dzięki temu proces wytwarzania oprogramowania staje się bardziej efektywny, a ryzyko kosztownych poprawek znacząco maleje. </li>
<li>Intuicyjne aplikacje redukują liczbę zapytań do działu wsparcia. </li>
</ul>
</p>
<h3 class="wp-block-heading"><strong>Zwiększenie przychodów i lojalności:</strong> </h3>
</p>
<ul class="wp-block-list">
<li>UX przekłada się na lepsze recenzje, marketing szeptany i większą lojalność, co obniża koszty utraty klientów. </li>
<li>Aplikacje z uwzględnionym UX płynnie dostarczają usługi, obniżając koszty wsparcia, co bezpośrednio wpływa na przychody. </li>
<li>W erze łatwego przełączania się między dostawcami, <strong>złe doświadczenie może oznaczać utratę klienta na zawsze</strong>. </li>
</ul>
</p>
<p>Koncentrując się na optymalizacji interakcji użytkownika z produktem, usługą lub stroną internetową, UX bezpośrednio wpływa na proces decyzyjny konsumenta. W „Messy Middle” taki wpływ mają:&nbsp;</p>
</p>
<h3 class="wp-block-heading"><strong>1. „Siła pokazania się”</strong>&nbsp;</h3>
</p>
<p>W tym obszarze UX odgrywa ważną rolę w zapewnieniu, że marka jest nie tylko obecna, ale także widoczna i łatwo dostępna dla konsumenta w kluczowych momentach jego procesu rozważania.&nbsp;</p>
</p>
<ul class="wp-block-list">
<li>Przyszłość wyszukiwania Google w coraz większym stopniu opiera się na zrozumieniu kontekstu i znaczenia treści. Inwestowanie w UX, które stawia na przejrzystość, dostępność, wiarygodność i strukturę semantyczną, jest niezwykle istotne w erze AI Overview i AI Mode. </li>
<li>Zapewnienie, że strona internetowa lub aplikacja mobilna są estetyczne, intuicyjne i łatwe w obsłudze sprawia, że konsument chce pozostać na stronie i przeglądać ofertę. </li>
<li>Kluczowe jest aby strona lub aplikacja były dostępne dla wszystkich użytkowników, w tym osób z niepełnosprawnościami. Jeśli produkt jest niedostępny, marka nie jest faktycznie „obecna” dla tej grupy. </li>
<li>Optymalizacja techniczna strony pod kątem szybkości to nie tylko sposób na utrzymanie uwagi użytkownika i uniknięcie jego frustracji. Długi czas ładowania to blokada w pętli eksploracji, <strong>a dodatkowo negatywnie wpływa na SEO i efektywność działań performance marketingowych w Google</strong>. </li>
</ul>
</p>
<h3 class="wp-block-heading"><strong>2. Wpływ na zmianę preferencji</strong>&nbsp;</h3>
</p>
<p>UX ma bezpośredni wpływ na to, czy konsument zmieni swoje preferencje na korzyść Twojej marki, nawet jeśli początkowo preferował inną. Chodzi o dostarczenie lepszego, bardziej przekonującego doświadczenia.&nbsp;</p>
</p>
<ul class="wp-block-list">
<li>UX projektuje ścieżki użytkownika, które pozwalają na łatwe porównanie produktów, cen i funkcji. Ułatwia to konsumentowi dostrzeżenie przewagi Twojej oferty. </li>
<li>Dopasowanie treści i ofert do indywidualnych preferencji użytkownika, na podstawie jego wcześniejszych interakcji lub danych. Personalizacja sprawia, że oferta wydaje się bardziej trafna i atrakcyjna. </li>
<li>Tworzenie treści, które jasno komunikują korzyści i unikalne cechy produktu, odpowiadając na potencjalne pytania i rozwiewając wątpliwości. </li>
<li>Wykorzystanie kalkulatorów, konfiguratorów czy wirtualnych przymierzalni, które pozwalają użytkownikowi na aktywne zaangażowanie się w proces decyzyjny i lepsze zrozumienie produktu. </li>
</ul>
</p>
<h3 class="wp-block-heading"><strong>3. Wykorzystanie „zachowań behawioralnych”</strong>&nbsp;</h3>
</p>
<p>UX jest polem, na którym psychologiczne wskazówki behawioralne są implementowane i testowane, aby skłonić konsumentów do podjęcia decyzji. To tutaj teoria staje się praktyką.&nbsp;</p>
</p>
<h4 class="wp-block-heading"><strong>Kluczowe Strategie Behawioralne w UX:</strong>&nbsp;</h4>
</p>
<h6 class="wp-block-heading"><strong>Dowód Społeczny (Social Proof):</strong> </h6>
</p>
<ul class="wp-block-list">
<li>Integracja recenzji i ocen (widoczne średnie, kluczowe fragmenty). </li>
<li>Wskaźniki popularności (liczba zakupów, wyświetleń, oglądających). </li>
</ul>
</p>
<h6 class="wp-block-heading"><strong>Siła Darmowego (The Power of Free):</strong> </h6>
</p>
<ul class="wp-block-list">
<li>Wyeksponowanie darmowych opcji (darmowa wysyłka, próbki, okres próbny) poprzez wyróżniające się przyciski/banery.&nbsp;</li>
</ul>
</p>
<h6 class="wp-block-heading"><strong>Heurystyki Kategorii (Category Heuristics):</strong> </h6>
</p>
<ul class="wp-block-list">
<li>Wizualne sygnały jakości (wysokiej jakości zdjęcia, profesjonalny wygląd strony, spójny branding). </li>
<li>Etykiety „Najczęściej kupowane” / „Rekomendowane” ułatwiające szybkie decyzje. </li>
</ul>
</p>
<h6 class="wp-block-heading"><strong>Autorytet (Authority):</strong> </h6>
</p>
<ul class="wp-block-list">
<li>Prezentacja certyfikatów i nagród (logotypy, wzmianki w mediach). </li>
<li>Sekcje „O nas” z ekspertami (kwalifikacje i doświadczenie zespołu). </li>
</ul>
</p>
<h6 class="wp-block-heading"><strong>Siła Teraz (The Power of Now / Urgency):</strong> </h6>
</p>
<ul class="wp-block-list">
<li>Liczniki czasu do końca promocji. </li>
<li>Wyróżnianie ofert ograniczonych czasowo (specjalne ramki, kolory, animacje). </li>
</ul>
</p>
<h6 class="wp-block-heading"><strong>Niedobór (Scarcity):</strong> </h6>
</p>
<ul class="wp-block-list">
<li>Wskaźniki niskiego stanu magazynowego („ostatnie sztuki”, „ograniczona dostępność”). </li>
<li>Powiadomienia o wyprzedanych produktach (lista oczekujących). </li>
</ul>
</p>
<h3 class="wp-block-heading"><strong>4. Potencjał dla nowicjuszy</strong>&nbsp;</h3>
</p>
<p>Poprzez dobre doświadczenie użytkownika wschodząca marka może zbudować zaufanie i konkurować z ugruntowanymi markami, nawet nie posiadając jeszcze ich rozpoznawalności.&nbsp;</p>
</p>
<ul class="wp-block-list">
<li><strong>Budowanie zaufania przez transparentność</strong>. Jasne polityki prywatności, warunki użytkowania, łatwy dostęp do danych kontaktowych i wsparcia klienta. Dobrze zaprojektowany FAQ. </li>
<li><strong>Onboarding użytkownika</strong>. Intuicyjny proces wprowadzenia nowego użytkownika w aplikację lub usługę, minimalizujący frustrację i zwiększający szanse na kontynuowanie korzystania. </li>
<li><strong>Ciągłe testowanie i iteracja (testy A/B).</strong> Nowe marki muszą szczególnie intensywnie testować różne warianty interfejsu i treści, aby znaleźć te, które najlepiej konwertują i budują preferencje. </li>
<li><strong>Skupienie</strong> <strong>na</strong> <strong>podstawowych</strong> <strong>doświadczeniach</strong>. Zapewnienie, że kluczowe funkcje są doskonale zaprojektowane i działają bez zarzutu, co buduje zaufanie i satysfakcję. </li>
</ul>
</p>
<p>UX jest integralną częścią każdego z wymienionych obszarów wpływu na decyzje konsumentów w „Messy Middle”. Dzięki dobrze zaprojektowanemu doświadczeniu użytkownika specjaliści od marketingu mogą przekuć psychologiczne zasady w konkretne, mierzalne działania, które realnie wpływają na preferencje i wybory klientów.&nbsp;</p>
</p>
<p>„Messy Middle” to skomplikowana przestrzeń, ale dzięki głębszemu zrozumieniu zachowań konsumentów i strategicznemu zastosowaniu User Experience oraz zasad psychologii behawioralnej, staje się ona środowiskiem, w którym możemy skutecznie prowadzić klientów prosto do konwersji, optymalizując każdą ścieżkę i decyzję. Inwestując w UX, budujemy nie tylko lepsze produkty, ale i silniejsze, bardziej odporne na konkurencję relacje z klientami. To jak latarnia morska w gęstej mgle – pomaga konsumentom znaleźć drogę do oferty, jednocześnie wzmacniając pozycję marki na rynku.</p>
</p>
<h2 class="wp-block-heading"><strong>Przykłady wizualne:</strong> </h2>
</p>
<div class="wp-block-image">
<figure class="aligncenter size-large is-resized"><img loading="lazy" decoding="async" src="https://www.bluerank.com/wp-content/uploads/2025/08/assets_task_01k338ke8gesgakncmbncp4gch_1755677684_img_0-682x1024.jpg" alt="Dobre praktyki: czytelne i wyróżnione ceny produktu, prosty proces dodania do koszyka, jasny komunikat CTA. (obrazek: przykład klarownej karty produktu w e-commerce)  
" class="wp-image-23101" width="341" height="512" srcset="https://www.bluerank.com/wp-content/uploads/2025/08/assets_task_01k338ke8gesgakncmbncp4gch_1755677684_img_0-682x1024.jpg 682w, https://www.bluerank.com/wp-content/uploads/2025/08/assets_task_01k338ke8gesgakncmbncp4gch_1755677684_img_0-200x300.jpg 200w, https://www.bluerank.com/wp-content/uploads/2025/08/assets_task_01k338ke8gesgakncmbncp4gch_1755677684_img_0-768x1152.jpg 768w, https://www.bluerank.com/wp-content/uploads/2025/08/assets_task_01k338ke8gesgakncmbncp4gch_1755677684_img_0-33x50.jpg 33w, https://www.bluerank.com/wp-content/uploads/2025/08/assets_task_01k338ke8gesgakncmbncp4gch_1755677684_img_0-285x427.jpg 285w, https://www.bluerank.com/wp-content/uploads/2025/08/assets_task_01k338ke8gesgakncmbncp4gch_1755677684_img_0-222x333.jpg 222w, https://www.bluerank.com/wp-content/uploads/2025/08/assets_task_01k338ke8gesgakncmbncp4gch_1755677684_img_0.jpg 853w" sizes="auto, (max-width: 341px) 100vw, 341px" /><figcaption><strong>Dobre praktyki</strong>: czytelne i wyróżnione ceny produktu, prosty proces dodania do koszyka, jasny komunikat CTA. <em>(obrazek: przykład klarownej karty produktu w e-commerce)</em>  </p>
</figcaption></figure>
</div>
</p>
<div class="wp-block-image">
<figure class="aligncenter size-full is-resized"><img loading="lazy" decoding="async" src="https://www.bluerank.com/wp-content/uploads/2025/08/zly-1.png" alt="Złe praktyki: ukryte koszty pojawiające się dopiero przy płatności, zbyt wiele kroków w procesie zakupu, rozpraszające elementy graficzne. (obrazek: przykład skomplikowanego formularza zamówienia) " class="wp-image-23104" width="269" height="502" srcset="https://www.bluerank.com/wp-content/uploads/2025/08/zly-1.png 358w, https://www.bluerank.com/wp-content/uploads/2025/08/zly-1-161x300.png 161w, https://www.bluerank.com/wp-content/uploads/2025/08/zly-1-27x50.png 27w, https://www.bluerank.com/wp-content/uploads/2025/08/zly-1-178x333.png 178w" sizes="auto, (max-width: 269px) 100vw, 269px" /><figcaption><strong>Złe praktyki</strong>: ukryte koszty pojawiające się dopiero przy płatności, zbyt wiele kroków w procesie zakupu, rozpraszające elementy graficzne. <em>(obrazek: przykład skomplikowanego formularza zamówienia)</em> </figcaption></figure>
</div>
</p>
<div class="wp-block-image">
<figure class="aligncenter size-medium is-resized"><img loading="lazy" decoding="async" src="https://www.bluerank.com/wp-content/uploads/2025/08/dobry-300x276.png" alt="Porównanie: dwie wersje tego samego ekranu – jedna zgodna z zasadami UX, druga z błędami, które zniechęcają użytkownika. (obrazek: zestawienie „dobry UX vs. zły UX”) " class="wp-image-23100" width="300" height="276" srcset="https://www.bluerank.com/wp-content/uploads/2025/08/dobry-300x276.png 300w, https://www.bluerank.com/wp-content/uploads/2025/08/dobry-54x50.png 54w, https://www.bluerank.com/wp-content/uploads/2025/08/dobry-363x333.png 363w, https://www.bluerank.com/wp-content/uploads/2025/08/dobry.png 466w" sizes="auto, (max-width: 300px) 100vw, 300px" /></figure>
</div>
</p>
<div class="wp-block-image">
<figure class="aligncenter size-medium is-resized"><img decoding="async" src="https://www.bluerank.com/wp-content/uploads/2025/08/zly-vs-278x300.png" alt="Porównanie: dwie wersje tego samego ekranu – jedna zgodna z zasadami UX, druga z błędami, które zniechęcają użytkownika. (obrazek: zestawienie „dobry UX vs. zły UX”) " class="wp-image-23099" width="300" srcset="https://www.bluerank.com/wp-content/uploads/2025/08/zly-vs-278x300.png 278w, https://www.bluerank.com/wp-content/uploads/2025/08/zly-vs-46x50.png 46w, https://www.bluerank.com/wp-content/uploads/2025/08/zly-vs-396x427.png 396w, https://www.bluerank.com/wp-content/uploads/2025/08/zly-vs-309x333.png 309w, https://www.bluerank.com/wp-content/uploads/2025/08/zly-vs.png 451w" sizes="(max-width: 278px) 100vw, 278px" /><figcaption><strong>Porównanie</strong>: dwie wersje tego samego ekranu – jedna zgodna z zasadami UX, druga z błędami, które zniechęcają użytkownika. <em>(obrazek: zestawienie „dobry UX vs. zły UX”)</em> </figcaption></figure>
</div>
</p>
<p>Aby skutecznie poruszać się w „Messy Middle”, marki muszą zadbać o solidne fundamenty UX. Nawet najlepsze strategie marketingowe nie przyniosą efektów, jeśli użytkownik napotka bariery w interakcji z serwisem lub aplikacją. Dlatego warto oprzeć się na uniwersalnych zasadach projektowania i krótkiej liście kontrolnej, która pomaga szybko sprawdzić kluczowe elementy doświadczenia użytkownika.&nbsp;</p>
</p>
<h2 class="wp-block-heading"><strong>Lista kontrolna UX – najważniejsze rzeczy do sprawdzenia</strong>&nbsp;</h2>
</p>
<ol class="wp-block-list">
<li><strong>Przejrzystość i prostota</strong> – czy informacje są jednoznaczne, dobrze zorganizowane i łatwe do odczytania. </li>
<li><strong>Spójność interfejsu</strong> – czy przyciski, kolory, etykiety i zachowania systemu są konsekwentne w całym serwisie. </li>
<li><strong>Widoczny status i potwierdzenia</strong> – czy użytkownik zawsze wie, gdzie się znajduje, co zrobił i jaki jest efekt jego działań. </li>
<li><strong>Minimalizacja błędów</strong> – czy system pomaga zapobiegać pomyłkom (np. walidacja w czasie rzeczywistym, jasne komunikaty błędów) i ułatwia ich poprawę. </li>
<li><strong>Łatwość i szybkość interakcji</strong> – czy formularze i procesy (np. zakup, rejestracja) są uproszczone, pozbawione zbędnych kroków i dostosowane do kontekstu urządzenia. </li>
<li><strong>Elastyczność i kontrola</strong> – czy użytkownik ma możliwość cofnięcia działań, wyboru ścieżki oraz personalizacji (np. zapamiętaj dane, różne formaty wprowadzania). </li>
<li><strong>Estetyka i użyteczność</strong> – czy interfejs jest atrakcyjny wizualnie, ale nie przeładowany treścią ani elementami rozpraszającymi. </li>
<li><strong>Wsparcie i pomoc</strong> – czy użytkownik otrzymuje jasne wskazówki, instrukcje kontekstowe oraz ma dostęp do pomocy w razie potrzeby </li>
</ol>
</p>
<h2 class="wp-block-heading"><strong>Źródła: </strong></h2>
</p>
<p>[1] Rennie, A., &amp; Protheroe, J. (2020). <em>Decoding Decisions: The Messy Middle of Purchase Behavior</em>. Think with Google.</p>
</p>
<p>[2] UXprobe. (n.d.). <em>The ROI of a Great UX</em>. UXpro.be.</p>
</p>
<p><strong><br /></strong></p></p>The post <a href="https://www.bluerank.com/blog/user-experience-remedium-na-messy-middle/">User Experience remedium na „Messy Middle”</a> first appeared on <a href="https://www.bluerank.com">Bluerank</a>.]]></content:encoded>
					
					<wfw:commentRss>https://www.bluerank.com/blog/user-experience-remedium-na-messy-middle/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Dostępność cyfrowa: kosztowne obciążenie wynikające z nowych przepisów, czy strategiczna inwestycja przynosząca wymierne korzyści?</title>
		<link>https://www.bluerank.com/blog/dostepnosc-cyfrowa-kosztowne-obciazenie-wynikajace-z-nowych-przepisow-czy-strategiczna-inwestycja-przynoszaca-wymierne-korzysci/</link>
					<comments>https://www.bluerank.com/blog/dostepnosc-cyfrowa-kosztowne-obciazenie-wynikajace-z-nowych-przepisow-czy-strategiczna-inwestycja-przynoszaca-wymierne-korzysci/#respond</comments>
		
		<dc:creator><![CDATA[Adriana Strzycka]]></dc:creator>
		<pubDate>Wed, 25 Jun 2025 12:48:28 +0000</pubDate>
				<category><![CDATA[Bez kategorii]]></category>
		<category><![CDATA[User Experience]]></category>
		<category><![CDATA[UX]]></category>
		<category><![CDATA[dostępność cyfrowa]]></category>
		<category><![CDATA[wcag]]></category>
		<guid isPermaLink="false">https://www.bluerank.com/?p=23006</guid>

					<description><![CDATA[<p>W dzisiejszym świecie, w którym cyfryzacja przenika każdą sferę życia, dostępność cyfrowa staje się nie tylko kwestią etyki, ale i kluczowym elementem strategii biznesowej. W rzeczywistości jest to inwestycja, która otwiera drzwi do nowych rynków, wzmacnia wizerunek firmy i generuje wymierne zyski. W jaki sposób? Odpowiadam w poniższym artykule.</p>
The post <a href="https://www.bluerank.com/blog/dostepnosc-cyfrowa-kosztowne-obciazenie-wynikajace-z-nowych-przepisow-czy-strategiczna-inwestycja-przynoszaca-wymierne-korzysci/">Dostępność cyfrowa: kosztowne obciążenie wynikające z nowych przepisów, czy strategiczna inwestycja przynosząca wymierne korzyści?</a> first appeared on <a href="https://www.bluerank.com">Bluerank</a>.]]></description>
										<content:encoded><![CDATA[</p>
<p>&nbsp;W dzisiejszym świecie, w którym cyfryzacja przenika każdą sferę życia, dostępność cyfrowa staje się nie tylko kwestią etyki, ale i kluczowym elementem strategii biznesowej. W rzeczywistości jest to inwestycja, która otwiera drzwi do nowych rynków, wzmacnia wizerunek firmy i generuje wymierne zyski. W jaki sposób? Odpowiadam w poniższym artykule.&nbsp;</p>
</p>
<p>Aby dostrzec prawdziwą wartość dostępności dla biznesu musimy zrozumieć kilka&nbsp; aspektów. Początkowo dostępność może być postrzegana jako obciążenie:&nbsp;</p>
</p>
<ul class="wp-block-list">
<li>związane z nowymi regulacjami, wynika to z trudności i złożoności tych regulacji,&nbsp;&nbsp;</li>
</ul>
</p>
<ul class="wp-block-list">
<li>braku świadomości w biznesie,&nbsp;&nbsp;</li>
</ul>
</p>
<ul class="wp-block-list">
<li>licznych wyzwań technicznych, organizacyjnych i finansowych związanych z wdrożeniem i utrzymaniem dostępności jako ciągłego procesu,&nbsp;&nbsp;</li>
</ul>
</p>
<ul class="wp-block-list">
<li>wynikające z barier mentalnych i kulturowych.&nbsp;</li>
</ul>
</p>
<p>Jednak w rzeczywistości jest to inwestycja, która przynosi <strong>konkretne korzyści finansowe i wizerunkowe</strong>. W jaki sposób?&nbsp;</p>
</p>
<h2 class="wp-block-heading">1. <strong>Poszerzenie rynku i dotarcie do nowych klientów.</strong></h2>
</p>
<p>Dostępność pozwala dotrzeć do dużej grupy potencjalnych klientów. Około 15% osób posiada jakiś rodzaj niepełnosprawności, a osoby starsze również są beneficjentami rozwiązań z zakresu dostępności. <img decoding="async" alt="Obraz" src="blob:https://www.bluerank.com/ec0fe977-6231-487b-8368-cf1102a83f1b">&nbsp;</p>
</p>
<p><img decoding="async" alt="Obraz" src="blob:https://www.bluerank.com/42ce5a4f-f1d4-442a-aeb4-e4e045efbdc5">Źródło: <a href="https://stat.gov.pl/files/gfx/portalinformacyjny/pl/defaultaktualnosci/6002/2/4/1/sytuacja_osob_starszych_w_polsce_w_2021_r.pdf" target="_blank" rel="noreferrer noopener">Sytuacja_osob_starszych_w_polsce_w_2021_r.pdf</a>&nbsp;</p>
</p>
<p>Udział osób starszych (60+) w rynku zakupów online w Polsce dynamicznie rośnie, a ich aktywność w Internecie staje się coraz bardziej znacząca.&nbsp;</p>
</p>
<p>Poniżej przedstawiam najważniejsze statystyki:&nbsp;</p>
</p>
<h3 class="wp-block-heading"><strong>Korzystanie z Internetu przez seniorów:</strong>&nbsp;</h3>
</p>
<ul class="wp-block-list">
<li><strong>Ponad połowa osób powyżej 60. roku życia w Polsce regularnie korzysta z sieci.</strong> [1]&nbsp;</li>
</ul>
</p>
<ul class="wp-block-list">
<li><strong>Aż 57,6% osób w wieku 60-74 lat korzystało z Internetu w ciągu ostatnich trzech miesięcy</strong> [2]&nbsp;</li>
</ul>
</p>
<ul class="wp-block-list">
<li><strong>Większość seniorów korzystających z Internetu robi to codziennie.</strong> [3].&nbsp;</li>
</ul>
</p>
<ul class="wp-block-list">
<li><strong>Seniorzy wykorzystują internet przede wszystkim do:</strong> &nbsp;</li>
</ul>
</p>
<ul class="wp-block-list">
<li>obsługi konta bankowego (65%)&nbsp;</li>
</ul>
</p>
<ul class="wp-block-list">
<li>dostępu do wiadomości i informacji (63%)&nbsp;</li>
</ul>
</p>
<ul class="wp-block-list">
<li>poczty e-mail (62%)&nbsp;</li>
</ul>
</p>
<ul class="wp-block-list">
<li>mediów społecznościowych (54%)&nbsp;</li>
</ul>
</p>
<ul class="wp-block-list">
<li><strong>zakupów online (51%)</strong> [3].&nbsp;</li>
</ul>
</p>
<h3 class="wp-block-heading"><strong>Zakupy online przez seniorów:</strong>&nbsp;</h3>
</p>
<ul class="wp-block-list">
<li><strong>Ponad połowa seniorów (51%) robi zakupy online.</strong> [3].&nbsp;</li>
</ul>
</p>
<ul class="wp-block-list">
<li><strong>82% osób w wieku 60+ kupujących online dokonuje takich zakupów całkowicie samodzielnie.</strong> [3].&nbsp;</li>
</ul>
</p>
<ul class="wp-block-list">
<li><strong>Seniorzy kupujący przez Internet w większości (71%) robią to przynajmniej raz w miesiącu, a ponad połowa planuje w przyszłości dokonywać zakupów online jeszcze częściej.</strong> [3].&nbsp;</li>
</ul>
</p>
<h3 class="wp-block-heading"><strong>Najczęściej kupowane kategorie produktów online przez seniorów to:</strong> &nbsp;</h3>
</p>
<ul class="wp-block-list">
<li>odzież, dodatki, akcesoria (50%)&nbsp;</li>
</ul>
</p>
<ul class="wp-block-list">
<li>produkty farmaceutyczne (40%)&nbsp;</li>
</ul>
</p>
<ul class="wp-block-list">
<li>kosmetyki i perfumy (39%)&nbsp;</li>
</ul>
</p>
<ul class="wp-block-list">
<li>książki, bilety, płyty (37%)&nbsp;</li>
</ul>
</p>
<ul class="wp-block-list">
<li>obuwie (35%) [3].&nbsp;</li>
</ul>
</p>
<ul class="wp-block-list">
<li><strong>Mniej skłonni do porzucania koszyka</strong> – w porównaniu do młodszych użytkowników Internetu, seniorzy rzadziej porzucają koszyki zakupowe. Jeśli zdecydują się na zakup, zazwyczaj finalizują transakcję, zwracając większą uwagę na jakość i rzetelność oferty [1].&nbsp;</li>
</ul>
</p>
<ul class="wp-block-list">
<li><strong>Preferowane metody płatności:</strong> szybki przelew bankowy (68%), BLIK (48%), płatność kartą przy składaniu zamówienia (39%) i płatność za pobraniem (37%). [4]&nbsp;</li>
</ul>
</p>
<ul class="wp-block-list">
<li><strong>Najpopularniejsze formy dostawy:</strong> Paczkomaty (56%) i firmy kurierskie (38%). [3]&nbsp;</li>
</ul>
</p>
<h3 class="wp-block-heading"><strong>Potencjał rynku seniorów w e-commerce:</strong>&nbsp;</h3>
</p>
<ul class="wp-block-list">
<li><strong>W 2021 roku liczba obywateli w wieku 60+ wynosiła 9,7 mln, stanowiąc 25% całej populacji Polski.</strong> Prognozy zakładają, że do 2050 roku wartość ta wzrośnie do 40%. To pokazuje ogromny, rosnący potencjał tej grupy konsumentów dla e-commerce [4].&nbsp;</li>
</ul>
</p>
<ul class="wp-block-list">
<li><strong>Seniorzy są grupą aktywną i świadomą</strong> w kontekście zakupów online, a ich preferencje i potrzeby stają się coraz ważniejsze dla sprzedawców internetowych [3].&nbsp;</li>
</ul>
</p>
<p>Powyższe dane wyraźnie pokazują, że osoby starsze stanowią coraz ważniejszą i aktywną grupę konsumentów na polskim rynku e-commerce, a ignorowanie ich potrzeb i preferencji może być znaczącym błędem dla firm. Dlatego inwestując w dostępność, firmy mogą zyskać lojalnych klientów, ponieważ Ci którzy czują się mile widziani i sprawnie obsłużeni, są bardziej lojalni i mogą przyciągnąć kolejne osoby ze swoich sieci społecznych (rodziny, przyjaciele), co stanowi <strong>ogromną szansę na zwiększenie bazy klientów</strong>. Przykład banków dostosowujących usługi do dzieci pokazuje, że zaspokojenie potrzeb specyficznej grupy może przynieść znaczące korzyści biznesowe [5].</p>
</p>
<h2 class="wp-block-heading">2. <strong>Poprawa doświadczenia użytkownika (UX) dla wszystkich</strong></h2>
</p>
<p>Projektowanie z myślą o dostępności przynosi korzyści wszystkim użytkownikom. Rozwiązania wprowadzone dla osób z niepełnosprawnościami często ułatwiają korzystanie z usług również osobom bez niepełnosprawności, w sytuacjach:&nbsp;</p>
</p>
<ul class="wp-block-list">
<li>czasowych ograniczeń (np. zmęczenie, stres, pośpiech, problemy poznawcze),&nbsp;</li>
</ul>
</p>
<ul class="wp-block-list">
<li>korzystania z urządzeń mobilnych w trudnych warunkach (np. słońce na ekranie),&nbsp;</li>
</ul>
</p>
<ul class="wp-block-list">
<li>poprawiając ogólny komfort użytkowania (np. duże przyciski w aplikacjach mobilnych).&nbsp;&nbsp;</li>
</ul>
</p>
<p>Powodem porażki 70% firm uczestniczących w e-handlu jest zła użyteczność strony. [6,7]&nbsp;</p>
</p>
<h2 class="wp-block-heading">3. Oszczędność kosztów</h2>
</p>
<p>Wdrażanie dostępności w procesie od początku (np. w projektowaniu oprogramowania) pozwala oszczędzać koszty, unikając późniejszego kosztownego dostosowywania. Prosty język w dokumentach <strong>obniżyć koszty obsługi klienta</strong>, zredukować liczbę błędów i reklamacji oraz przyspieszyć procesy (np. podpisywanie umów, spłacanie należności).&nbsp;</p>
</p>
<h2 class="wp-block-heading">4. Wzrost efektywności</h2>
</p>
<p><strong>Wzrost efektywności. </strong>Dostępność cyfrowa przekłada się na <strong>sprawniejszą obsługę klienta</strong>, co z kolei <strong>uwalnia czas pracowników</strong>. Dzięki temu mogą oni obsłużyć <strong>większą liczbę klientów</strong>, zwiększając tym samym <strong>ogólną efektywność działania firmy</strong>. Lepsze UX, wynikające z dostępności, prowadzi również do łatwiejszego osiągania celów przez użytkowników (np. zakup, wypełnienie formularza), co przekłada się na wzrost sprzedaży. [8] &nbsp;</p>
</p>
<h2 class="wp-block-heading">5. Zgodność z prawem i uniknięcie kar</h2>
</p>
<p>Dostępność jest wymogiem prawnym. Inwestycja w nią pozwala uniknąć kar i utrzymać zgodność z przepisami. Brak dostosowania może oznaczać &#8222;nie zarobię&#8221; lub &#8222;dostanę karę&#8221;. &nbsp;</p>
</p>
<p><strong>Jakie kary grożą za niedostępność cyfrową?</strong></p>
</p>
<p>Jeśli Twoja firma nie spełni wymogów dotyczących dostępności produktów lub usług, może zostać ukarana finansowo. Wysokość takiej kary ustalają odpowiednie organy, takie jak PFRON (Państwowy Fundusz Rehabilitacji Osób Niepełnosprawnych) lub inny organ nadzoru rynku.&nbsp;</p>
</p>
<p>Ważne jest, że wysokość kary nie jest ustalana arbitralnie. Pod uwagę brane są takie czynniki jak:&nbsp;</p>
</p>
<p><strong>Skala problemu:</strong> Jak poważne jest naruszenie przepisów?&nbsp;</p>
</p>
<p><strong>Liczba niedostępnych produktów lub usług</strong>: Ile z Twoich ofert nie spełnia wymogów?&nbsp;</p>
</p>
<p><strong>Liczba poszkodowanych osób</strong>: Ile osób ma problem z korzystaniem z Twoich usług z powodu braku dostępności?&nbsp;</p>
</p>
<p>Kara jest obliczana na podstawie przeciętnego wynagrodzenia w kraju oraz obrotu Twojej firmy z poprzedniego roku. Pamiętaj jednak, że kara nie może przekroczyć dziesięciokrotności przeciętnego wynagrodzenia, ani 10% Twojego rocznego obrotu.&nbsp;</p>
</p>
<h2 class="wp-block-heading">6. Wizerunek firmy i budowanie zaufania</h2>
</p>
<p>Dostępność jest <strong>elementem wizerunku firmy</strong> i pomaga <strong>budować zaufanie</strong> wśród klientów i opinii publicznej. Badanie przeprowadzone przez ICAN Institute wskazuje, że <strong>ponad 53% ankietowanych jest zdania, że przedsiębiorstwa społecznie odpowiedzialne są bardziej wiarygodne.</strong>&nbsp;&nbsp;</p>
</p>
<h2 class="wp-block-heading">7. Element konkurencyjności</h2>
</p>
<p>Dostępność jest elementem konkurencyjności. Inwestycja w nią pozwala firmom nie pozostać w tyle za konkurencją.&nbsp;</p>
</p>
<h2 class="wp-block-heading">8. Jakość</h2>
</p>
<p>Dostępność jest fundamentalnie powiązana z jakością usług i produktów np.: zastosowanie prostego języka, będącego elementem dostępności komunikacyjnej, jest <strong>realnym narzędziem biznesowym</strong>, które pozwala <strong>zarabiać</strong>, m.in. poprzez obniżenie kosztów obsługi klienta, redukcję błędów czy zwiększenie konwersji sprzedaży. Co więcej, buduje <strong>bezcenne zaufanie i lojalność klientów.</strong>&nbsp;</p>
</p>
<h2 class="wp-block-heading">9. Rozwiązania biznesowe AI</h2>
</p>
<p>Rozwiązanie biznesowe AI,<strong> </strong>a w szczególności agenci AI dokonujący zakupów online, stanowią silny argument biznesowy za dostępnością cyfrową. Przewiduje się, że klienci AI mogą generować znaczący procent przychodów [5] w e-commerce do 2030 roku, a aby maszyna mogła dokonać zakupu, doświadczenie interfejsu musi być dostępne, podobnie jak dla człowieka. Projektowanie dla technologii asystujących (dla ludzi) jednocześnie dostosowuje rozwiązania dla indeksowania przez AI.&nbsp;</p>
</p>
<h2 class="wp-block-heading">10. Droga do innowacji</h2>
</p>
<p>Myślenie o dostępności i jej poprawa przy użyciu AI może być niedrogą drogą do innowacji i dalszego rozwoju.&nbsp;</p>
</p>
<p>Choć początkowo dostępność cyfrowa może wydawać się kolejnym obciążeniem wynikającym z nowych regulacji, w rzeczywistości jest strategiczną inwestycją, która przynosi firmom wymierne korzyści. Wykracza ona daleko poza zwykłą zgodność z prawem, stając się kluczowym elementem rozwoju biznesu, budowania marki i zwiększania konkurencyjności.&nbsp;</p>
</p>
<p><strong>Źródła</strong>:</p>
</p>
<ol class="wp-block-list">
<li>SwiatCyfrowy.pl. (n.d.). <em>Seniorzy a zakupy online: Rosnący trend</em>. Retrieved from <a target="_blank" rel="noreferrer noopener" href="https://swiatcyfrowy.pl/blog/seniorzy-a-zakupy-online-rosnacy-trend">https://swiatcyfrowy.pl/blog/seniorzy-a-zakupy-online-rosnacy-trend</a></li>
<li>Główny Urząd Statystyczny. (2021). <em>Sytuacja osób starszych w Polsce w 2021 r.</em> Retrieved from <a target="_blank" rel="noreferrer noopener" href="https://stat.gov.pl/files/gfx/portalinformacyjny/pl/defaultaktualnosci/6002/2/4/1/sytuacja_osob_starszych_w_polsce_w_2021_r.pdf">https://stat.gov.pl/files/gfx/portalinformacyjny/pl/defaultaktualnosci/6002/2/4/1/sytuacja_osob_starszych_w_polsce_w_2021_r.pdf</a></li>
<li>Kobietyebiznesu.pl. (2023). <em>Raport: Pokolenie Silvers w e-commerce 2023</em>. Retrieved from <a target="_blank" rel="noreferrer noopener" href="https://www.kobietyebiznesu.pl/wp-content/uploads/2023/05/Raport_Pokolenie_Silvers_w_ecommerce_2023_last.pdf">https://www.kobietyebiznesu.pl/wp-content/uploads/2023/05/Raport_Pokolenie_Silvers_w_ecommerce_2023_last.pdf</a></li>
<li>Ageno. (n.d.). <em>Generacja Silver w e-commerce</em>. Retrieved from <a target="_blank" rel="noreferrer noopener" href="https://ageno.pl/blog/generacja-silver-w-e-commerce/">https://ageno.pl/blog/generacja-silver-w-e-commerce/</a></li>
<li>Dostępni.pl. (n.d.). <em>Polski Akt o Dostępności: Włączamy Dostępność – Podsumowanie Konferencji</em>. Retrieved from <a target="_blank" rel="noreferrer noopener" href="https://dostepni.pl/polski-akt-o-dostepnosci-wlaczamy-dostepnosc-podsumowanie-konferencji/">https://dostepni.pl/polski-akt-o-dostepnosci-wlaczamy-dostepnosc-podsumowanie-konferencji/</a></li>
<li>https://www.google.com/search?q=Web-Development.com.pl. (n.d.). <em>Dlaczego zasady UI/UX są ważne dla Twojego biznesu</em>. Retrieved from <a target="_blank" rel="noreferrer noopener" href="https://www.web-development.com.pl/pl/blog/dlaczego-zasady-ui,ux-sa-wazne-dla-twojego-biznesu">https://www.web-development.com.pl/pl/blog/dlaczego-zasady-ui,ux-sa-wazne-dla-twojego-biznesu</a></li>
<li>Leadpages. (n.d.). <em>Unlock Success with Crucial UX Statistics: Boost Conversions</em>. Retrieved from <a target="_blank" rel="noreferrer noopener" href="https://www.leadpages.com/blog/ux-statistics/">https://www.leadpages.com/blog/ux-statistics/</a></li>
<li>Widoczni.com. (n.d.). <em>Statystyki UX na stronie</em>. Retrieved from <a target="_blank" rel="noreferrer noopener" href="https://widoczni.com/blog/statystyki-ux-na-stronie/">https://widoczni.com/blog/statystyki-ux-na-stronie/</a></li>
<li>ICAN. (n.d.). <em>CSR &#8211; Działania wizerunkowe czy wyjątkowy benefit?</em> Retrieved from <a target="_blank" rel="noreferrer noopener" href="https://www.ican.pl/b/csr---dzialania-wizerunkowe-czy-wyjatkowy-benefit/PCXRalxGQ">https://www.ican.pl/b/csr&#8212;dzialania-wizerunkowe-czy-wyjatkowy-benefit/PCXRalxGQ</a></li>
</ol>The post <a href="https://www.bluerank.com/blog/dostepnosc-cyfrowa-kosztowne-obciazenie-wynikajace-z-nowych-przepisow-czy-strategiczna-inwestycja-przynoszaca-wymierne-korzysci/">Dostępność cyfrowa: kosztowne obciążenie wynikające z nowych przepisów, czy strategiczna inwestycja przynosząca wymierne korzyści?</a> first appeared on <a href="https://www.bluerank.com">Bluerank</a>.]]></content:encoded>
					
					<wfw:commentRss>https://www.bluerank.com/blog/dostepnosc-cyfrowa-kosztowne-obciazenie-wynikajace-z-nowych-przepisow-czy-strategiczna-inwestycja-przynoszaca-wymierne-korzysci/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Audyty użyteczności i dostępności stron internetowych. Identyfikacja barier i trudności jako konieczność w optymalizacji serwisu</title>
		<link>https://www.bluerank.com/blog/audyt-uzytecznosci-i-dostepnosci-stron/</link>
					<comments>https://www.bluerank.com/blog/audyt-uzytecznosci-i-dostepnosci-stron/#respond</comments>
		
		<dc:creator><![CDATA[Adriana Strzycka]]></dc:creator>
		<pubDate>Mon, 02 Jun 2025 09:23:35 +0000</pubDate>
				<category><![CDATA[UX]]></category>
		<category><![CDATA[A/B testing]]></category>
		<category><![CDATA[Analytics]]></category>
		<category><![CDATA[heat map]]></category>
		<category><![CDATA[UI]]></category>
		<guid isPermaLink="false">https://www.bluerank.com/?p=22889</guid>

					<description><![CDATA[<p>Konsekwencja i optymalizacja UX/UI to klucz do sukcesu online. Poznaj metody testowania A/B, map ciepła i audytu UX, by poprawić interfejs i osiągnąć lepsze wyniki.</p>
The post <a href="https://www.bluerank.com/blog/audyt-uzytecznosci-i-dostepnosci-stron/">Audyty użyteczności i dostępności stron internetowych. Identyfikacja barier i trudności jako konieczność w optymalizacji serwisu</a> first appeared on <a href="https://www.bluerank.com">Bluerank</a>.]]></description>
										<content:encoded><![CDATA[<p><strong>W tej serii artykułów zagłębimy się w świat audytów stron www, aby odkryć, jak skutecznie analizować witrynę i identyfikować jej słabe punkty, więc jeżeli Twoja strona internetowa nie przynosi oczekiwanych rezultatów i zastanawiasz się, dlaczego użytkownicy szybko ją opuszczają lub nie dokonują zakupu? Podpowiemy Ci, jak przekształcić niezrozumiałe elementy w jasne ścieżki konwersji i sprawić, że Twój serwis zacznie efektywniej realizować swoje cele – od generowania leadów po zwiększanie sprzedaży.&nbsp;</strong></p>
<p>Współczesne produkty cyfrowe, takie jak strony internetowe czy aplikacje, muszą być projektowane w taki sposób, aby były zrozumiałe, łatwe w obsłudze i dostępne dla jak najszerszego grona użytkowników. Aby ocenić, czy te cele zostały osiągnięte, stosuje się różnego rodzaju audyty. Dwa kluczowe rodzaje w tej dziedzinie to audyt użyteczności i dostępności. Choć często zawierają wiele wspólnych aspektów, mają odrębne cele i wymagają specyficznego podejścia oraz wiedzy eksperckiej. Obecnie, w obliczu nadchodzących regulacji prawnych, audyty dostępności stają się szczególnie istotne.&nbsp;</p>
<h2 class="wp-block-heading"><strong>Audyt użyteczności&nbsp;</strong>&nbsp;</h2>
<p>Audyt użyteczności ma na celu sprawdzenie serwisu pod kątem kilku kluczowych obszarów:&nbsp;</p>
<p>• Architektury informacji i nawigacji<br />• Stosowanych rozwiązań<br />• Języka i treści<br />• Wizualnej strony interfejsu w produktach cyfrowych</p>
<p>Osoba przeprowadzająca audyt użyteczności stara się <strong>wejść w buty użytkowników</strong>. Jej misją jest <strong>znalezienie miejsc, które mogą być niezrozumiałe dla użytkowników, generują wątpliwości</strong>, a także takich, które <strong>nie wykorzystują potencjału rozwiązania</strong>. Jeżeli chcesz wiedzieć więcej na temat wsparcia w projektowaniu i rozwoju swojego serwisu przeczytaj nasz poprzedni wpis: <a href="https://www.bluerank.com/blog/interfejs-pod-lupa-jak-konsekwentna-optymalizacja-buduje-sukces-serwisu/" title="Interfejs pod lupą: Jak konsekwentna optymalizacja buduje sukces serwisu" target="_blank" rel="noopener">Interfejs pod lupą: Jak konsekwentna optymalizacja buduje sukces serwisu</a>. </p>
<h2 class="wp-block-heading"><strong><strong><strong>Audyt Dostępności</strong>&nbsp;</strong></strong></h2>
<p><strong>Celem audytu dostępności cyfrowej</strong> jest weryfikacja, czy dana strona internetowa i jej zasoby są w pełni dostępne dla osób z różnymi niepełnosprawnościami. Ekspert przeprowadzający audyt skupia się na gruntownym testowaniu najważniejszych obszarów interakcji oraz sposobu prezentacji treści. Pozwala to na zidentyfikowanie potencjalnych barier, z którymi mogą zetknąć się użytkownicy korzystający z technologii wspomagających. Kluczowe jest, aby audyt był wykonany przez osobę posiadającą odpowiednie doświadczenie i specjalistyczną wiedzę w zakresie audytowania dostępności stron internetowych i aplikacji, zgodnie z wytycznymi standardu WCAG 2.1.&nbsp;</p>
<p><strong><strong>Audyt dostępności jest szczególnie ważny w kontekście wchodzącego w życie prawa</strong>, </strong>na mocy którego Unia Europejska wymaga, aby określone kategorie produktów i usług były dostępne niezależnie od poziomu sprawności użytkowników. Dotyczy to przede wszystkim produktów, których potrzebują osoby ze szczególnymi potrzebami w codziennym życiu. Ekspert przeprowadzający audyt dostępności zna obowiązujące regulacje oraz zasady i wytyczne, które powinny być spełnione, aby serwis był dostępny dla wszystkich.&nbsp;</p>
<p>Aby przeprowadzić audyt dostępności, w pierwszym kroku należy <strong>przeprowadzić analizę stanu zastanego i stworzyć inwentaryzację produktów cyfrowych</strong> w organizacji, które podlegają nowym regulacjom. Administrator powinien określić liczbę stron internetowych i dokumentów cyfrowych, a następnie, jeszcze przed przystąpieniem do przygotowania planu na rzecz poprawy zapewniania dostępności osobom ze szczególnymi potrzebami,<strong> wykonać audyt tych produktów.&nbsp;</strong></p>
<h2 class="wp-block-heading"><strong><strong>Po co są audyty i dlaczego warto je robić:</strong>&nbsp;</strong></h2>
<p>Audyty użyteczności i dostępności są przeprowadzane z kilku ważnych powodów:&nbsp;</p>
<p>• W celu sprawdzenia serwisu pod kątem architektury informacji i nawigacji, stosowanych rozwiązań, języka i treści oraz wizualnej strony interfejsu.<br />• Aby wejść w buty użytkowników i znaleźć miejsca generujące wątpliwości lub takie, które są niezrozumiałe.<br />• W celu zidentyfikowania miejsc, które nie wykorzystują potencjału rozwiązania.</p>
<h2 class="wp-block-heading">Korzyści przeprowadzania audytów: </h2>
<p>• <strong>Działanie z ekspertem</strong> przynosi dodatkowe korzyści w postaci znajomości dobrych przykładów rynkowych, obowiązujących trendów i regulacji. <br />• Audyt powinien zawierać <strong>ocenę zgodności produktu/usługi z zasadami i wytycznymi WCAG</strong>. <br />• Audyt dostarcza <strong>rekomendacje do usprawnień</strong>.<br />• Audyt dostępności cyfrowej jest <strong>bazą do stworzenia planu działania</strong> na rzecz poprawy zapewniania dostępności cyfrowej osobom ze szczególnymi potrzebami. <br />• Służy do <strong>zrozumienia aktualnego stanu dostępności cyfrowej</strong> i zidentyfikowania obszarów wymagających poprawy. <br />• Wskazuje potrzebę podjęcia <strong>działań naprawczych</strong> i komunikowania o zakresie dostępności usługi w przypadku niespełnienia wymagań.</p>
<p>Przeprowadzanie audytów stron internetowych jest kluczowe, ponieważ dostarczają one informacji o tym, <strong>które elementy witryny są niezrozumiałe dla użytkowników</strong>. Zrozumienie tych problemów jest niezbędne, gdyż <strong>brak jasności bezpośrednio przekłada się na trudności w realizacji celów strony</strong>, takich jak generowanie potencjalnych klientów (leadów) czy zwiększanie sprzedaży.&nbsp;</p>
<p><strong>Przebieg Audytu (Ogólna Struktura):</strong>&nbsp;</p>
<p>Niezależnie od specyfiki, każdy ekspert przeprowadzający audyt będzie badał według ogólnych struktur:&nbsp;</p>
<ol class="wp-block-list">
<li><strong>Identyfikacja</strong> problemów w serwisie i ich opis zgodnie z wytycznymi.&nbsp;</li>
</ol>
<ol class="wp-block-list" start="2">
<li><strong>Priorytetyzacja</strong> zaobserwowanych problemów, ustalenie hierarchii i stworzenie planu działania naprawczego.&nbsp;</li>
</ol>
<ol class="wp-block-list" start="3">
<li>Przygotowanie <strong>rekomendacji</strong> przypisanych do konkretnego problemu.&nbsp;</li>
</ol>
<p><strong>Ważna uwaga:</strong> Samo przeprowadzenie audytu to nie koniec pracy. Bardzo ważne jest, aby <strong>włączyć użytkowników ze szczególnymi potrzebami w testowanie serwisu</strong>, rozmawiać z nimi i bazując na wnioskach z testów i wywiadów, <strong>poprawiać serwis</strong>.&nbsp;</p>
<p>Audyty, zarówno użyteczności, jak i dostępności, są kluczowymi narzędziami w procesie tworzenia i doskonalenia produktów cyfrowych. Pozwalają one ocenić jakość serwisu z perspektywy użytkownika, zidentyfikować problemy i wskazać kierunki działań naprawczych. W obecnym kontekście prawnym, gdzie <strong>przepisy unijne nakładają obowiązek zapewnienia dostępności cyfrowej</strong>, audyty dostępności nabierają szczególnego znaczenia. Choć audyt dostępności jest bardziej złożony i kosztowny, obejmuje często aspekty użyteczności i jest <strong>niezbędną bazą do zaplanowania dalszych działań</strong> mających na celu zapewnienie, że produkty cyfrowe będą dostępne dla wszystkich osób, w tym tych ze szczególnymi potrzebami. Kluczem do sukcesu po przeprowadzeniu audytu jest jednak <strong>aktywne włączenie użytkowników w proces testowania i iteracyjne doskonalenie serwisu</strong>.&nbsp;</p>
<h4 class="has-small-font-size wp-block-heading">Źródła:</h4>
<ol class="wp-block-list">
<li>Biznes.gov.pl. (b.d.). Dostęp: 2025-05-30. Pobrane z https://www.biznes.gov.pl/pl/portal/005142#2</li>
<li>Kutyła, W. (b.d.). Web accessibility: Wprowadzenie do dostępności cyfrowej. Helion. https://helion.pl/ksiazki/web-accessibility-wprowadzenie-do-dostepnosci-cyfrowej-wojciech-kutyla,webacc.htm?srsltid=AfmBOoob8WQle4UX5u7s39OCX7a8whmI814mQEb3O6W9Qp3viK1ZTehO#format/d</li>
</ol>The post <a href="https://www.bluerank.com/blog/audyt-uzytecznosci-i-dostepnosci-stron/">Audyty użyteczności i dostępności stron internetowych. Identyfikacja barier i trudności jako konieczność w optymalizacji serwisu</a> first appeared on <a href="https://www.bluerank.com">Bluerank</a>.]]></content:encoded>
					
					<wfw:commentRss>https://www.bluerank.com/blog/audyt-uzytecznosci-i-dostepnosci-stron/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Interfejs pod lupą: Jak konsekwentna optymalizacja buduje sukces serwisu</title>
		<link>https://www.bluerank.com/blog/interfejs-pod-lupa-jak-konsekwentna-optymalizacja-buduje-sukces-serwisu/</link>
					<comments>https://www.bluerank.com/blog/interfejs-pod-lupa-jak-konsekwentna-optymalizacja-buduje-sukces-serwisu/#respond</comments>
		
		<dc:creator><![CDATA[Adriana Strzycka]]></dc:creator>
		<pubDate>Thu, 17 Apr 2025 07:38:01 +0000</pubDate>
				<category><![CDATA[UX]]></category>
		<category><![CDATA[A/B testing]]></category>
		<category><![CDATA[Analytics]]></category>
		<category><![CDATA[heat map]]></category>
		<category><![CDATA[UI]]></category>
		<guid isPermaLink="false">https://www.bluerank.com/?p=22816</guid>

					<description><![CDATA[<p>Konsekwencja i optymalizacja UX/UI to klucz do sukcesu online. Poznaj metody testowania A/B, map ciepła i audytu UX, by poprawić interfejs i osiągnąć lepsze wyniki.</p>
The post <a href="https://www.bluerank.com/blog/interfejs-pod-lupa-jak-konsekwentna-optymalizacja-buduje-sukces-serwisu/">Interfejs pod lupą: Jak konsekwentna optymalizacja buduje sukces serwisu</a> first appeared on <a href="https://www.bluerank.com">Bluerank</a>.]]></description>
										<content:encoded><![CDATA[<p><strong>Fundamentem trwałych sukcesów w biznesie jest coś zaskakująco prostego. To konsekwencja – cicha siła, która krok po kroku buduje przewagę. W połączeniu z optymalizacją staje się motorem wzrostu w każdej dziedzinie. Implementacja tych drobnych, lecz konsekwentnych zmian jest sprawdzoną metodologią strategicznego planowania od wielu lat, czego dowodzą wdrożenia filozofii Kaizen w Toyocie czy Six Sigma w Motoroli.&nbsp;&nbsp;</strong></p>
<p>W kontekście optymalizacji interfejsu użytkownika, konsekwentne wdrażanie zmian ukierunkowanych na potrzeby i zachowania odbiorców przyczynia się do wzrostu kluczowych wskaźników, takich jak chociażby poprawa doświadczenia użytkownika, zaangażowanie na stronie, czy finalnie zwiększenie konwersji.&nbsp;&nbsp;&nbsp;&nbsp;</p>
<h2 class="wp-block-heading"><strong>Skoro optymalizacja jest tak korzystna, to jak ją wdrożyć? Od czego zacząć?&nbsp;</strong>&nbsp;</h2>
<p>Rozpoczynając proces optymalizacji, <strong>warto w pierwszej kolejności przyjrzeć się interfejsowi użytkownika</strong>. Jego stosunkowo proste testowanie, w połączeniu z kluczowym wpływem na efektywność biznesową, czyni go naturalnym obszarem do wczesnych działań. </p>
<p>Badania Nielsen Norman Group wskazują, że już <strong>niewielka grupa respondentów, licząca około 5 osób, jest w stanie wskazać aż 85% kluczowych problemów i trudności w obrębie serwisu</strong>. Z tego względu, skala mikro &#8211; audyt i optymalizacja UX/UI &#8211; stanowi logiczny pierwszy krok w dążeniu do podniesienia efektywności strony.&nbsp;</p>
<h2 class="wp-block-heading"><strong><strong>1. Identyfikacja i priorytetyzacja to fundament optymalizacji</strong></strong></h2>
<p>Zgodnie z naszym założeniem, zaczynamy od badania interfejsu. Każdy kryje w sobie potencjał optymalizacji. W jego osiągnięciu pomoże nam szereg działań, w tym audyt ekspercki. Na tym etapie, naszą misją jest wyłowienie miejsc, które mogą być niezrozumiałe dla użytkowników, generują wątpliwości lub nie wykorzystują w pełni swojego potencjału. Analizując poszczególne ścieżki użytkownika, warto zadawać sobie kluczowe pytania:&nbsp;</p>
<ul class="wp-block-list">
<li><strong>Które zadania wykonywane w serwisie trwają zbyt długo?&nbsp;</strong></li>
<li><strong>Które obszary serwisu najczęściej zawodzą?&nbsp;</strong></li>
<li><strong>Co należy zmienić, aby to poprawić?&nbsp;</strong></li>
<li><strong>Które ścieżki mogłyby przynosić lepsze rezultaty?&nbsp;</strong></li>
</ul>
<p>Szukajmy odpowiedzi na te pytania, sprawdzając nasz serwis pod kątem:&nbsp;</p>
<ul class="wp-block-list">
<li><strong>architektury informacji i nawigacji,&nbsp;</strong></li>
<li><strong>stosowanych rozwiązań interaktywnych,&nbsp;</strong></li>
<li><strong>języka i treści,&nbsp;</strong></li>
<li><strong>wizualnej strony interfejsu.&nbsp;</strong></li>
</ul>
<p>Nie zapominajmy, by podczas tego procesu korzystać i analizować dane z zaimplementowanych narzędzi analitycznych (oczywiście po wcześniejszym zadbaniu o ich prawidłową konfigurację). Pozwoli to uporządkować wszystkie zebrane informacje i lepiej zrozumieć potrzeby użytkowników.&nbsp;&nbsp;</p>
<p><strong>Po wstępnej identyfikacji błędów i trudności oraz ustaleniu priorytetów możemy sięgnąć po szereg konkretnych metod, które pozwolą zweryfikować nasze hipotezy i wybrać sposób eliminacji trudności:</strong>&nbsp;</p>
<ul class="wp-block-list">
<li><strong>Testy A/B:</strong> Równoczesne wyświetlanie dwóm grupom użytkowników różnych wersji strony (z niewielkimi różnicami). Mierząc kluczowe wskaźniki dla każdej wersji, wyłaniamy wariant, który generuje lepsze wyniki i który warto wdrożyć.&nbsp;</li>
<li><strong>Mapy ciepła:</strong> Wizualizacja aktywności użytkowników na stronie – ich kliknięć, ruchów myszą, obszarów przewijania, a nawet nagrań całych sesji podpowiada nam, co zmienić &#8211; gdzie koncentruje się uwaga usera, a gdzie z kolei jest jej brak.&nbsp;</li>
<li><strong>Tree Testing (Test Drzewa):</strong> Metoda służąca do oceny skuteczności hierarchii nawigacji i upewnienia się, że kategoryzacja i etykietowanie są intuicyjne dla użytkowników.&nbsp;</li>
<li><strong>Ocena zgodności z wytycznymi WCAG:</strong> Sprawdzenie serwisu pod kątem zasad i dobrych praktyk w zakresie dostępności cyfrowej, obejmujące treści, warstwę wizualną i funkcjonalną strony oraz kod.&nbsp;</li>
<li><strong>Sortowanie kart:</strong> Metoda pozwalająca zrozumieć mentalne modele użytkowników w zakresie architektury informacji produktu cyfrowego. Użytkownicy samodzielnie organizują oznaczone karty w grupy, kierując się własnymi kryteriami.&nbsp;</li>
</ul>
<figure class="wp-block-pullquote">
<blockquote>
<p><strong>Najlepszą metodą są jednak testy z użytkownikami. Obserwacja, jak realni użytkownicy wykonują zadania na stronie, dostarcza bezcennych informacji i buduje empatię. Często frustracje użytkowników, zaobserwowane na własne oczy, są najbardziej przekonujące. Wiele pytań i wątpliwości zespołu może znaleźć odpowiedź podczas takiego spotkania.&nbsp;</strong></p>
</blockquote>
</figure>
<p>Jeśli dopiero zaczynasz optymalizację serwisu, warto nadać priorytet problemom, które wymagają umiarkowanego wysiłku, powodują minimalne zakłócenia w działaniu serwisu i jednocześnie obiecują średnie lub wysokie korzyści.&nbsp;</p>
<p>Na starcie warto brać pod lupę te elementy, które są kluczowe do osiągania celów biznesowych, jak chociażby strona finalizacji zamówienia. W przypadku e-commerce jest to jeden z najważniejszych elementów na stronie. Powinien podsumowywać koszt, rodzaj, ilość kupowanych produktów, umożliwiać wybór płatności, dostawy i ewentualnych modyfikacji zamówienia. Ważne jest więc, aby był intuicyjny i prowadził użytkownika „za rękę” do momentu finalizacji zakupu.&nbsp;</p>
<p>Pamiętaj, że nie potrzebujesz rozbudowanych audytów, aby zacząć działać. Na początek wystarczy zidentyfikowanie kilku kluczowych błędów i podjęcie decyzji o ich eliminacji. Zacznij od drobnych elementów, które sprawiały największe trudności.&nbsp;</p>
<h2 class="wp-block-heading"><strong><strong>2. <strong>Optymalizacja jest najskuteczniejsza w procesie iteracyjnym</strong></strong></strong></h2>
<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="181" src="https://www.bluerank.com/wp-content/uploads/2025/04/Wykres_Blog-1-1-1024x181.png" alt="" class="wp-image-22819" srcset="https://www.bluerank.com/wp-content/uploads/2025/04/Wykres_Blog-1-1-1024x181.png 1024w, https://www.bluerank.com/wp-content/uploads/2025/04/Wykres_Blog-1-1-300x53.png 300w, https://www.bluerank.com/wp-content/uploads/2025/04/Wykres_Blog-1-1-768x136.png 768w, https://www.bluerank.com/wp-content/uploads/2025/04/Wykres_Blog-1-1-1536x271.png 1536w, https://www.bluerank.com/wp-content/uploads/2025/04/Wykres_Blog-1-1-2048x362.png 2048w, https://www.bluerank.com/wp-content/uploads/2025/04/Wykres_Blog-1-1-150x26.png 150w, https://www.bluerank.com/wp-content/uploads/2025/04/Wykres_Blog-1-1-571x101.png 571w, https://www.bluerank.com/wp-content/uploads/2025/04/Wykres_Blog-1-1-525x93.png 525w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>
</p>
<p><strong>Iteracyjny charakter procesu optymalizacji, z silnym naciskiem na eksperymentowanie i testowanie, jest nieocenionym wsparciem w poszukiwaniu najlepszych rozwiązań.&nbsp;</strong></p>
<p>Praca z użytkownikami i analiza danych zapewniają dogłębne zrozumienie ich potrzeb i wartości. Dzięki takiemu podejściu nie działamy po omacku, lecz koncentrujemy się na rozwiązaniu prawidłowo zdefiniowanych problemów. Poprzez wspólne, empatyczne słuchanie, obserwowanie, budowanie, udoskonalanie i wprowadzanie zmian, znacząco zwiększamy szanse na sukces naszej usługi.&nbsp;</p>
<h2 class="wp-block-heading"><strong>Zacznij optymalizować: Mały krok, wielki efekt</strong>&nbsp;</h2>
<p>Jak widzisz, zmiana nie jest tak straszna, jak ją malują. Działania optymalizacyjne to proces, który przynosi widoczne rezultaty jedynie wtedy, gdy jest oparty na konsekwentnym, ciągłym, stopniowym i systematycznym działaniu.&nbsp;</p>
<p>Najważniejsze jest, aby ten <strong>proces rozpocząć</strong> (jeżeli dotarłeś do tego miejsca w artykule, jesteś już na pierwszym etapie drogi do optymalizacji – gratulacje!), <strong>systematycznie go realizować i monitorować jego postępy</strong>. ‘Konsekwencja’ i ‘optymalizacja’ po prostu idą w parze i warto o tym pamiętać.&nbsp;</p>
<p>To inwestycja, która w dłuższej perspektywie przyniesie wymierne korzyści, takie jak lepsza konwersja na poszczególnych ścieżkach. Tam, gdzie to możliwe, działania optymalizujące serwis powinny stać się integralną częścią jego zarządzania.&nbsp;</p>
<h4 class="has-small-font-size wp-block-heading">Źródła:</h4>
<ol class="has-small-font-size wp-block-list">
<li>Mościchowska, I., &amp; Rogoś-Turek, B. (2020). Badania jako podstawa projektowania User Experience. Wydawnictwo Naukowe PWN.</li>
<li>Koziarz, M., Marzec, K., &amp; Trzósło, T. (2025). Marketing internetowy w Google. Pozycjonowanie, Ads &amp; Google Analytics 4 dla biznesu, e-commerce, marketerów. Wydanie II zaktualizowane i rozszerzone.</li>
<li>Croll, A., &amp; Yoskovitz, B. (2014). Metoda Lean Analytics. Zbuduj sukces startupu w oparciu o analizę danych. Helion.</li>
</ol>The post <a href="https://www.bluerank.com/blog/interfejs-pod-lupa-jak-konsekwentna-optymalizacja-buduje-sukces-serwisu/">Interfejs pod lupą: Jak konsekwentna optymalizacja buduje sukces serwisu</a> first appeared on <a href="https://www.bluerank.com">Bluerank</a>.]]></content:encoded>
					
					<wfw:commentRss>https://www.bluerank.com/blog/interfejs-pod-lupa-jak-konsekwentna-optymalizacja-buduje-sukces-serwisu/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Copywriterze, robisz to źle! 10 błędów w SEO copywritingu</title>
		<link>https://www.bluerank.com/blog/copywriterze-robisz-to-zle-10-bledow-w-seo-copywritingu/</link>
					<comments>https://www.bluerank.com/blog/copywriterze-robisz-to-zle-10-bledow-w-seo-copywritingu/#respond</comments>
		
		<dc:creator><![CDATA[Zuzanna Wosik]]></dc:creator>
		<pubDate>Wed, 10 Aug 2022 08:39:08 +0000</pubDate>
				<category><![CDATA[copywriting]]></category>
		<category><![CDATA[UX]]></category>
		<category><![CDATA[SEO]]></category>
		<guid isPermaLink="false">https://www.bluerank.com/?p=19040</guid>

					<description><![CDATA[<p>Znane Ci jest pojęcie wartościowych tekstów, które pozytywnie wpływają na ruch i widoczność strony, a przede wszystkim odpowiadają potrzebom klientów? Oznacza to, że wiesz, co ...</p>
The post <a href="https://www.bluerank.com/blog/copywriterze-robisz-to-zle-10-bledow-w-seo-copywritingu/">Copywriterze, robisz to źle! 10 błędów w SEO copywritingu</a> first appeared on <a href="https://www.bluerank.com">Bluerank</a>.]]></description>
										<content:encoded><![CDATA[</p>
<p><strong>Znane Ci jest pojęcie wartościowych tekstów, które pozytywnie wpływają na ruch i widoczność strony, a przede wszystkim odpowiadają potrzebom klientów? Oznacza to, że wiesz, co to jest SEO copywriting. Nie tak łatwo jednak dotrzeć do użytkownika &#8211; <a href="https://www.oberlo.com/blog/google-search-statistics" title="w każdej sekundzie Google przetwarza niemal 100 tysięcy zapytań">w każdej sekundzie Google przetwarza niemal 100 tysięcy zapytań</a>, a zaindeksowanych jest prawie<a href="https://siteefy.com/how-many-websites-are-there/" title=" 50 miliardów stron"> 50 miliardów stron</a>! Wiadomo jednak, CZEGO NIE WARTO ROBIĆ, aby treści sprzedawały. Sprawdź 10 najczęstszych błędów, których trzeba się wystrzegać, pisząc pod SEO.</strong></p>
</p>
<div style="height:44px" aria-hidden="true" class="wp-block-spacer"></div>
</p>
<h2 class="wp-block-heading">Spis treści:</h2>
</p>
<ol class="wp-block-list">
<li><a href="#k1" title="Dobry copywriter = znikomy research i thin content "><strong><s>Dobry copywriter</s> = znikomy research i thin content</strong></a></li>
<li><a href="#k2" title="Bez ładu czy składu, czyli SEO copywriting bez hierarchii "><strong>Bez ładu czy składu, czyli SEO copywriting bez hierarchii</strong></a></li>
<li><a href="#k3" title="Pisanie pod SEO - albo dla ludzi, albo dla robotów "><strong>Pisanie pod SEO &#8211; albo dla ludzi, albo dla robotów</strong></a></li>
<li><a href="#k4" title="SEO copywritng bez researchu fraz kluczowych "><strong>SEO copywritng bez researchu fraz kluczowych</strong></a></li>
<li><a href="#k5" title="Tworzenie tekstów pod SEO bez uwzględnienia intencji użytkownika "><strong>Tworzenie tekstów pod SEO bez uwzględnienia intencji użytkownika</strong></a></li>
<li><a href="#k6" title="Pisanie tekstów pod SEO a nienaturalne upychanie fraz kluczowych "><strong>Pisanie tekstów pod SEO a nienaturalne upychanie fraz kluczowych</strong></a></li>
<li><a href="#k7" title="Duplicate content - teksty pod SEO typu kopiuj – wklej "><strong>Duplicate content &#8211; teksty pod SEO typu kopiuj – wklej</strong></a></li>
<li><a href="#k8" title="Teksty pod SEO to nie samo SEO "><strong>Teksty pod SEO to nie samo SEO</strong></a></li>
<li><a href="#k9" title="Pisanie artykułów SEO - kiedy nie ma w co klikać "><strong>Pisanie artykułów SEO &#8211; kiedy nie ma w co klikać</strong></a></li>
<li><strong><a href="#k10" title="Tagi, URLe i inne wątki „techniczne” w SEO copywritingu">Tagi, URLe i inne wątki „techniczne” w SEO copywritingu</a></strong></li>
</ol>
</p>
<div style="height:41px" aria-hidden="true" class="wp-block-spacer"></div>
</p>
<h2 class="wp-block-heading" id="k1"><strong><s>Dobry copywriter</s> = znikomy research i thin content</strong></h2>
</p>
<p>Wydaje Ci się, że wystarczy rzucić okiem na TOP 10 stron w wyszukiwarce, a baza wiedzy zbuduje się sama? <strong>Im bardziej specjalistyczny temat, tym trzeba kopać głębiej</strong>. Co prawda niewielu użytkowników dociera do mistycznej drugiej strony wyników wyszukiwania &#8211; <a href="https://backlinko.com/google-user-behavior" title="tylko 0,44% decyduje się szukać dalej">tylko 0,44% decyduje się szukać dalej</a> &#8211; ale można tam znaleźć sporo merytorycznych informacji, ciekawostek czy badań, które wpłyną na wiarygodność oraz jakość treści. Google powinien docenić taką wnikliwość oraz dokładność researchu.</p>
</p>
<p>Chociaż <strong>nastawienie na jakość jest bardzo wysokie</strong>, w internecie nadal nie brakuje tak zwanego thin contentu, czyli słabych tekstów pod SEO. Chodzi przede wszystkim o <strong>błędy merytoryczne, logiczne i językowe, spam, ukrywanie treści (black SEO) czy nieodpowiadanie na potrzeby użytkownika</strong>. Za takie pisanie pod SEO Google potrafi karać.</p>
</p>
<p><strong>To może Cię zainteresować: </strong><a href="https://www.bluerank.com/blog/ile-tresci-potrzeba-do-skutecznego-pozycjonowania-strony/">Ile treści potrzeba do skutecznego pozycjonowania strony?</a></p>
</p>
<h2 class="wp-block-heading" id="k2"><strong>Bez ładu czy składu, czyli SEO copywriting bez hierarchii</strong></h2>
</p>
<p>W tekstach optymalizowanych pod kątem wyszukiwarek i określonych słów kluczowych należy zwrócić szczególną uwagę na ich <strong>konstrukcję</strong>. Liczy się przede wszystkim:</p>
</p>
<ul class="wp-block-list">
<li><strong>tytuł (nagłówek h1),</strong></li>
<li><strong>lead,</strong></li>
<li><strong>śródtytuły (nagłówki h2, h3, h4 itp.)</strong></li>
</ul>
</p>
<div class="wp-block-image">
<figure class="aligncenter size-large"><a href="https://www.reddit.com/r/Copyediting/comments/oo0ovl/statistics_8_out_of_10_people_will_only_read_the/"><img loading="lazy" decoding="async" width="1020" height="241" src="https://www.bluerank.com/wp-content/uploads/2022/08/bl1-8.png" alt="" class="wp-image-19042" srcset="https://www.bluerank.com/wp-content/uploads/2022/08/bl1-8.png 1020w, https://www.bluerank.com/wp-content/uploads/2022/08/bl1-8-300x71.png 300w, https://www.bluerank.com/wp-content/uploads/2022/08/bl1-8-768x181.png 768w, https://www.bluerank.com/wp-content/uploads/2022/08/bl1-8-150x35.png 150w, https://www.bluerank.com/wp-content/uploads/2022/08/bl1-8-571x135.png 571w, https://www.bluerank.com/wp-content/uploads/2022/08/bl1-8-525x124.png 525w" sizes="auto, (max-width: 1020px) 100vw, 1020px" /></a></figure>
</div>
</p>
<p>Na szczególną uwagę zasługuje <strong>tytuł oraz lead, ponieważ to od nich głównie zależy, czy użytkownik będzie zainteresowany dalszym czytaniem tekstu </strong>napisanego zgodnie z zasadami SEO copywritingu. To właśnie w tych miejscach powinny się znaleźć najważniejsze słowa kluczowe –redaktorzy niekiedy lekceważą tę kwestię. <strong>Brak kluczowych fraz w tytule i w pierwszym akapicie to błąd</strong>.</p>
</p>
<p><strong>Przeczytaj:</strong> <a href="https://www.bluerank.com/blog/jak-zrobic-dobre-pierwsze-wrazenie-sztuka-pisania-tekstow-content-marketingowych/">Sztuka pisania tekstów content marketingowych</a></p>
</p>
<h2 class="wp-block-heading" id="k3"><strong>Pisanie pod SEO &#8211; albo dla ludzi, albo dla robotów</strong></h2>
</p>
<p>Wyzwaniem w SEO copywritingu jest znalezienie kompromisu pomiędzy potrzebami czytelników i robotów Google. Konieczne jest bowiem <strong>napisane treści jednocześnie interesującej dla czytelnika i wiarygodnej dla wyszukiwarki</strong>. Jednym z często popełnianych błędów jest tworzenie tekstów, które spełniają tylko jedno z tych zadań:</p>
</p>
<ol class="wp-block-list" type="1">
<li>Artykuł jest porywający i nie można się od niego oderwać. Zachwyca wszechstronnością autora, dowcipem, mnogością trafnych skojarzeń, nawiązań, porównań, ale nie jest napisany zgodnie z zasadami copywritingu SEO, więc trudno na niego trafić w Google.
<p>ALBO</li>
<li>Treść jest naszpikowana słowami kluczowymi, trafia nawet na pierwsze strony wyników wyszukiwania, ale człowiek nie jest w stanie przez nią przebrnąć. Taki tekst pod SEO nie konwertuje.</li>
</ol>
</p>
<p>Te dwie sprawy trzeba pogodzić, aby zyskać, zarówno czytelnika, jak i wysokie miejsce w wynikach wyszukiwania. Warto więc pisać artykuły, które są <strong>konkretne, rzeczowe, wyczerpujące, ale jednocześnie prawidłowo zoptymalizowane</strong>. Najważniejsza jest <strong>naturalność</strong>.</p>
</p>
<h2 class="wp-block-heading" id="k4"><strong>SEO copywritng bez researchu fraz kluczowych</strong></h2>
</p>
<p>Aby pisać teksty pod SEO, frazy kluczowe muszą być dobrze zdefiniowane. Często popełnianym błędem jest <strong>„wymyślenie” słów kluczowych i zastąpienie gruntownej analizy w profesjonalnych narzędziach działaniem typu „wydaje się, że to będzie pasowało”. Nie o to przecież chodzi!</strong> Warto myśleć z perspektywy grupy docelowej, a nie własnych doświadczeń.</p>
</p>
<p><strong>Należy zastanowić się:</strong></p>
</p>
<ul class="wp-block-list">
<li>co jest celem strony/tekstu,</li>
<li>na jakie słowa wpisywane w wyszukiwarkach ma się ta strona/tekst pojawiać.</li>
</ul>
</p>
<p><strong>Trzeba sprawdzić:</strong></p>
</p>
<ul class="wp-block-list">
<li>konkurencyjność wybranych fraz,</li>
<li>ocenić, ile osób wpisuje tego typu zapytania,</li>
<li>co się pojawia w odpowiedzi na te zapytania.</li>
</ul>
</p>
<p>Kluczowe jest zestawienie najistotniejszych słów kluczowych (doprecyzowując je lub np. znajdując jakieś niszowe propozycje, których konkurencja nie wykorzystuje). Warto pamiętać o <strong>rosnącej popularność tzw. fraz longtailowych, czyli tych składających się z 3 słów lub więcej</strong>.</p>
</p>
<div class="wp-block-image">
<figure class="aligncenter size-large"><a href="https://www.searchenginejournal.com/keyword-research/long-tail-keywords/"><img loading="lazy" decoding="async" width="1020" height="212" src="https://www.bluerank.com/wp-content/uploads/2022/08/bl2-8.png" alt="" class="wp-image-19043" srcset="https://www.bluerank.com/wp-content/uploads/2022/08/bl2-8.png 1020w, https://www.bluerank.com/wp-content/uploads/2022/08/bl2-8-300x62.png 300w, https://www.bluerank.com/wp-content/uploads/2022/08/bl2-8-768x160.png 768w, https://www.bluerank.com/wp-content/uploads/2022/08/bl2-8-150x31.png 150w, https://www.bluerank.com/wp-content/uploads/2022/08/bl2-8-571x119.png 571w, https://www.bluerank.com/wp-content/uploads/2022/08/bl2-8-525x109.png 525w" sizes="auto, (max-width: 1020px) 100vw, 1020px" /></a></figure>
</div>
</p>
<p>Statystyki nie kłamią &#8211; <strong><a href="https://aioseo.com/seo-statistics/" title="54,31% zapytań użytkowników składa się z 3 lub więcej słów">54,31% zapytań użytkowników składa się z 3 lub więcej słów</a></strong>. Chociaż frazy 1-2 wyrazowe są częściej wyszukiwanie, trudniej jest wtedy stworzyć teksty pod SEO, które szybko wbiją się do TOP 10 przy dużej konkurencji.</p>
</p>
<h2 class="wp-block-heading" id="k5"><strong>Tworzenie tekstów pod SEO bez uwzględnienia intencji użytkownika</strong></h2>
</p>
<p><a href="https://www.bluerank.com/blog/search-intent-czyli-seo-kierowane-emocjami/">Search intent</a> to kluczowy element SEO copywritingu. Oznacza to, że treść <strong>MUSI być napisana zgodnie z tym, czego oczekuje/potrzebuje użytkownik</strong>. W przeciwnym razie tekst nie wygeneruje pożądanej konwersji.</p>
</p>
<div class="wp-block-image">
<figure class="aligncenter size-large is-resized"><a href="https://toponline.pl/blog/statystyki-wyszukiwarki-google-ktore-musisz-znac"><img loading="lazy" decoding="async" src="https://www.bluerank.com/wp-content/uploads/2022/08/bl3-8.png" alt="" class="wp-image-19044" width="836" height="199" srcset="https://www.bluerank.com/wp-content/uploads/2022/08/bl3-8.png 1020w, https://www.bluerank.com/wp-content/uploads/2022/08/bl3-8-300x71.png 300w, https://www.bluerank.com/wp-content/uploads/2022/08/bl3-8-768x183.png 768w, https://www.bluerank.com/wp-content/uploads/2022/08/bl3-8-150x36.png 150w, https://www.bluerank.com/wp-content/uploads/2022/08/bl3-8-571x136.png 571w, https://www.bluerank.com/wp-content/uploads/2022/08/bl3-8-525x125.png 525w" sizes="auto, (max-width: 836px) 100vw, 836px" /></a></figure>
</div>
</p>
<p>Bez precyzji nie ma wyników &#8211; tekst nie dotrze, gdzie trzeba i do kogo trzeba. Złe wyodrębnienie intencji wiążę się także z <strong>wysokim współczynnikiem odrzuceń</strong>. Przed napisaniem treści zgodnie z zasadami copywritingu SEO zastanów się, <strong>czy wybrane frazy faktycznie odpowiadają na potrzeby użytkowników</strong>. Wystarczy, że wpiszesz je w wyszukiwarce, a Google wskaże Ci drogę do TOP 10.</p>
</p>
<h2 class="wp-block-heading" id="k6"><strong>Pisanie tekstów pod SEO a nienaturalne upychanie fraz kluczowych</strong></h2>
</p>
<p>Sztuczne wciskanie słów kluczowych przestało być skutecznew 2012, gdy Google ogłosił aktualizację algorytmu Pingwin. Niestety, wielu copywriterów bez doświadczenia wciąż popełnia tego typu błędy:</p>
</p>
<ul class="wp-block-list">
<li>Keyword stuffing sprawia, że tekst czyta się gorzej, bo brzmi nienaturalnie.</li>
<li>Przeładowanie tekstu słowami kluczowymi (tzw. przeoptymalizowanie) może zostać uznane przez wyszukiwarkę za spam, a to nie pomoże w podnoszeniu pozycji strony w rankingu.</li>
</ul>
</p>
<p>Wyszukiwanie głosowe, które zyskuje na popularności, sprawia, że <strong>frazy można swobodnie odmieniać</strong>. Google coraz lepiej radzi sobie z rozumieniem języka, więc warto postawić na naturalność, zamiast trzymać się dosłownych słów kluczowych.</p>
</p>
<h2 class="wp-block-heading" id="k7"><strong>Duplicate content &#8211; teksty pod SEO typu kopiuj – wklej</strong></h2>
</p>
<p>Kopiowanie cudzych tekstów wciąż się zdarza, a nie warto tego robić. Pomijając kwestie etyczne i prawa autorskie (które w Internecie także obowiązują) nie opłaca się kopiować materiałów z innych stron, ponieważ <strong>wyszukiwarki to wykrywają i kwalifikują jako tzw. </strong><a href="https://www.bluerank.com/blog/duplikacja-tresci-a-serp-wyniki-testu/"><strong>duplicate content</strong></a><strong>, co odbiera wartość stronie, która – nawet jeżeli zostanie zaindeksowana przez roboty Google – to znajdzie się przez to znacznie niżej w rankingu wyszukiwań</strong>. Tworzy się w ten sposób treści zgodne z zasadami SEO copywritingu szybciej, ale o miejscu w TOP 10 zapomnij! Pisanie tekstów na te same lub podobne tematy w obrębie jednego serwisu może natomiast doprowadzić do <a href="https://www.bluerank.com/blog/kanibalizacja-slow-kluczowych-a-seo-czyli-niezdrowe-zjadanie-sie-podstron/">kanibalizacji</a>.</p>
</p>
<h2 class="wp-block-heading" id="k8"><strong>Teksty pod SEO to nie samo SEO</strong></h2>
</p>
<p>Na etapie tworzenia kreatywnych treści pod SEO nie należy koncentrować się wyłącznie na określonych słowach kluczowych – warto natomiast <strong>stosować czasem ich synonimy</strong>, a także wzbogacać materiał o popularne w danym języku połączenia słowa kluczowego z innymi (np. w często używanych związkach frazeologicznych). Napisany artykuł SEO stanie się nie tylko łatwiejszy i przyjemniejszy w odbiorze. Taki zabieg pozytywnie wpłynie też na pozycjonowanie strony &#8211; <strong>Google potrafi coraz lepiej analizować język</strong>. Dzięki temu tekst zyskuje „w oczach wyszukiwarki” na mocy i ma szansę na wyższe pozycje w wynikach wyszukiwania.</p>
</p>
<p>Zapomnijmy jednak na chwilę o robotach Google i wróćmy do użytkownika. W SEO copywritingu liczy się nie tylko merytoryka, unikalność i styl, ale także <strong>wygląd artykułu</strong>. Nikt nie ma ochoty czytać niekończącej się ściany tekstu, z której trudno wyłuskać najważniejsze informacje. <strong>Należy pamiętać o:</strong></p>
</p>
<ul class="wp-block-list">
<li>tytule i leadzie,</li>
<li>śródtytułach,</li>
<li>akapitach,</li>
<li>wypunktowaniach/wyliczeniach,</li>
<li>pogrubieniach,</li>
<li>linkowaniu wewnętrznym i zewnętrznym,</li>
<li>grafikach/wideo (opcjonalnie).</li>
</ul>
</p>
<p>Bez znajomości pojęcia <a href="https://www.bluerank.com/blog/wszystko-o-ux-writing-czyli-jak-tworzyc-intuicyjne-tresci-ktore-ludzie-beda-czytac/">UX Writingu</a> tworzenie tekstów pod SEO, które sprzedają, jest wątpliwe.</p>
</p>
<h2 class="wp-block-heading" id="k9"><strong>Pisanie artykułów SEO &#8211; kiedy nie ma w co klikać</strong></h2>
</p>
<p>Dobry copywriter powinien zadbać o jakość treści (unikalność), odpowiednie sformatowanie tekstu, a także o to, aby <strong>wzbogacić go odpowiednimi linkami (wewnętrznymi i zewnętrznymi)</strong>. Nie jest to dziś wyłącznie zadanie webmasterów. Copywriterzy odpowiedzialni za optymalizację tekstu zapominają, że decyzje dotyczące tego, które słowa czy frazy w tekście podlinkujemy do jakiej strony, <strong>wpływają na proces pozycjonowania danego tekstu pod SEO</strong>. Warto pamiętać zatem, że – o ile to możliwe – słowa kluczowepowinny linkować do innych podstron serwisu (odpowiednio dobranych tematycznie, co zresztą także dobrze wpłynie na ich pozycjonowanie) lub do źródeł zewnętrznych (również adekwatnych). To <strong>podnosi rangę treści</strong>, która ma szansę być lepiej oceniona przez wyszukiwarkę.</p>
</p>
<p><strong>Sprawdź:</strong> <a href="https://www.bluerank.com/blog/link-building-co-to-jest-i-jak-robic-to-dobrze/">Link building – co to jest i jak robić to dobrze</a></p>
</p>
<h2 class="wp-block-heading" id="k10"><strong>Tagi, URLe i inne wątki „techniczne” w SEO copywritingu</strong></h2>
</p>
<p>Niepodpisane obrazki ilustrujące tekst, brak tzw. altów (alternatywny opis grafiki), źle nazwane pliki (PDFy, video) będące częścią materiału – to błędy, które stosunkowo łatwo wyeliminować. Wszędzie tam można (choć z umiarem) stosować słowa kluczowe zgodnie z zasadami SEO copywritingu.</p>
</p>
<p><strong>Częstym niedopatrzeniem jest także:</strong></p>
</p>
<ul class="wp-block-list">
<li>adres WWW strony, który nie zawiera fraz kluczowych,</li>
<li>brak użytecznego z punktu widzenia SEO, a także atrakcyjnego dla użytkownika title i description.</li>
</ul>
</p>
<div class="wp-block-image">
<figure class="aligncenter size-large is-resized"><a href="https://backlinko.com/google-user-behavior"><img loading="lazy" decoding="async" src="https://www.bluerank.com/wp-content/uploads/2022/08/bl4-8.png" alt="" class="wp-image-19045" width="840" height="204" srcset="https://www.bluerank.com/wp-content/uploads/2022/08/bl4-8.png 1020w, https://www.bluerank.com/wp-content/uploads/2022/08/bl4-8-300x73.png 300w, https://www.bluerank.com/wp-content/uploads/2022/08/bl4-8-768x187.png 768w, https://www.bluerank.com/wp-content/uploads/2022/08/bl4-8-150x36.png 150w, https://www.bluerank.com/wp-content/uploads/2022/08/bl4-8-571x139.png 571w, https://www.bluerank.com/wp-content/uploads/2022/08/bl4-8-525x128.png 525w" sizes="auto, (max-width: 840px) 100vw, 840px" /></a></figure>
</div>
</p>
<p>Co prawda, meta tagi mają już nieco mniejsze znaczenie, jeśli chodzi o copywriting SEO i pozycjonowanie, to nadal pełnią funkcje marketingowe, które mogą zdecydować o tym, czy użytkownik kliknie w dany odnośnik, czy nie.</p>
</p>
<p>Chcesz, aby na Twojej stronie znalazły się treści, które sprzedają? Sprawdź ofertę Bluerank z zakresu <a href="https://www.bluerank.com/oferta/content-marketing/">Content Marketingu</a>!</p>
</p>
<p><strong>Źródła:</strong></p>
</p>
<ul class="wp-block-list">
<li>https://www.oberlo.com/blog/google-search-statistics</li>
<li>https://siteefy.com/how-many-websites-are-there/</li>
<li>https://backlinko.com/google-user-behavior</li>
<li>https://www.reddit.com/r/Copyediting/comments/oo0ovl/statistics_8_out_of_10_people_will_only_read_the/</li>
<li>https://www.searchenginejournal.com/keyword-research/long-tail-keywords/</li>
<li>https://toponline.pl/blog/statystyki-wyszukiwarki-google-ktore-musisz-znac</li>
<li>https://aioseo.com/seo-statistics/</li>
<li>https://backlinko.com/google-user-behavior</li>
</ul>The post <a href="https://www.bluerank.com/blog/copywriterze-robisz-to-zle-10-bledow-w-seo-copywritingu/">Copywriterze, robisz to źle! 10 błędów w SEO copywritingu</a> first appeared on <a href="https://www.bluerank.com">Bluerank</a>.]]></content:encoded>
					
					<wfw:commentRss>https://www.bluerank.com/blog/copywriterze-robisz-to-zle-10-bledow-w-seo-copywritingu/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Mobilna wersja witryny to standard</title>
		<link>https://www.bluerank.com/blog/mobilna-wersja-witryny-to-standard/</link>
					<comments>https://www.bluerank.com/blog/mobilna-wersja-witryny-to-standard/#respond</comments>
		
		<dc:creator><![CDATA[Daniel Smoliński]]></dc:creator>
		<pubDate>Wed, 27 Jul 2022 05:28:57 +0000</pubDate>
				<category><![CDATA[UX]]></category>
		<category><![CDATA[mobile]]></category>
		<guid isPermaLink="false">https://www.bluerank.com/?p=18952</guid>

					<description><![CDATA[<p>Spis treści: Mobile first index &#8211; rewolucja rewolucji Wersja mobilna to standard Dobry UX, a najlepiej Data Driven UX Design Mobile Friendliness to konwersje ...</p>
The post <a href="https://www.bluerank.com/blog/mobilna-wersja-witryny-to-standard/">Mobilna wersja witryny to standard</a> first appeared on <a href="https://www.bluerank.com">Bluerank</a>.]]></description>
										<content:encoded><![CDATA[</p>
<h2 class="wp-block-heading">Spis treści:</h2>
</p>
<ol class="wp-block-list">
<li><a href="#k1" title="Mobile first index - rewolucja rewolucji "><strong>Mobile first index &#8211; rewolucja rewolucji</strong></a></li>
<li><a href="#k2" title="Wersja mobilna to standard "><strong>Wersja mobilna to standard</strong></a></li>
<li><a href="#k3" title="Dobry UX, a najlepiej Data Driven UX Design "><strong>Dobry UX, a najlepiej Data Driven UX Design</strong></a></li>
<li><a href="#k4" title="Mobile Friendliness to konwersje "><strong>Mobile Friendliness to konwersje</strong></a></li>
<li><a href="#k5" title="Przyszłość mobile friendliness "><strong>Przyszłość mobile friendliness</strong></a></li>
<li><strong><a href="#k6" title="Rok Era mobile"><s>Rok</s> Era mobile</a></strong></li>
</ol>
</p>
<div style="height:20px" aria-hidden="true" class="wp-block-spacer"></div>
</p>
<p>W marcu 2015 roku pisaliśmy o przyjazności stron www dla mobile na blogu Bluerank. Przez te kilka lat z galopującego trendu przeszliśmy do standardu w świecie projektowania i tworzenia witryn Internetowych. Zmieniły się wykorzystywane technologie, podejście do designu czy oczekiwania użytkowników. Poniżej znajduje się cytat ze wspomnianego artykułu:</p>
</p>
<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p>Od&nbsp;kilku lat ilość użytkowników urządzeń mobilnych sukcesywnie rośnie. Coraz więcej z&nbsp;nas korzysta ze&nbsp;smartfonów oraz&nbsp;tabletów również w&nbsp;celu wyszukiwania online. Oczywiste jest, że&nbsp;Google bierze pod&nbsp;uwagę tenże bardzo istotny trend i&nbsp;wdraża zmiany w&nbsp;swoim najważniejszym produkcie jakim jest wyszukiwarka. Od&nbsp;21 kwietnia 2015 roku przyjazność serwisu dla urządzeń mobilnych będzie miała ogromne znaczenie dla rankingów serwisu w&nbsp;wynikach wyszukiwania na&nbsp;urządzeniach przenośnych.</p>
</blockquote>
</p>
<div style="height:57px" aria-hidden="true" class="wp-block-spacer"></div>
</p>
<div class="wp-block-image">
<figure class="aligncenter size-large"><img loading="lazy" decoding="async" width="1024" height="721" src="https://www.bluerank.com/wp-content/uploads/2022/07/b1-1024x721.png" alt="" class="wp-image-18953" srcset="https://www.bluerank.com/wp-content/uploads/2022/07/b1-1024x721.png 1024w, https://www.bluerank.com/wp-content/uploads/2022/07/b1-300x211.png 300w, https://www.bluerank.com/wp-content/uploads/2022/07/b1-768x541.png 768w, https://www.bluerank.com/wp-content/uploads/2022/07/b1-1536x1082.png 1536w, https://www.bluerank.com/wp-content/uploads/2022/07/b1-71x50.png 71w, https://www.bluerank.com/wp-content/uploads/2022/07/b1-571x402.png 571w, https://www.bluerank.com/wp-content/uploads/2022/07/b1-473x333.png 473w, https://www.bluerank.com/wp-content/uploads/2022/07/b1.png 1753w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>
</div>
</p>
<p>Od tego czasu zmieniło się właściwie wszystko. Algorytmy Google przez ostatnie siedem lat były wymyślnie (lub pokrętnie!) strojone pod urządzenia mobilne, wytyczne pojawiające się w dokumentacji coraz mocniej sugerowały, że przyszłością są smartfony (wtedy nie tylko one &#8211; zapalmy tu świeczkę dla tabletów). Google wskazywał nam, że niesławny rok mobile to tak naprawdę era mobile. Branża zachłysnęła się hasłem „rok mobile”, gdy Google tak naprawdę przygotowywał fundamenty do jego rozpoczęcia.&nbsp;</p>
</p>
<p>Rewolucja rozkręcała się powoli i może nieśmiało, jednak pojedyncze jej elementy możemy dostrzec na tej siedmioletniej osi czasu. Mniejsze bądź większe. A więc… w którym miejscu tej rewolucji jesteśmy? Czym jest przyjazność mobilna i przede wszystkim &#8211; dokąd zmierza?</p>
</p>
<h2 class="wp-block-heading" id="k1">Mobile first index &#8211; rewolucja rewolucji</h2>
</p>
<p>Jako że lubię historię, to cofnijmy się o kilka lat wstecz. Mobile first index, jak dobrze pamiętamy, był pierwszym tak zdecydowanym ruchem ze strony Google wskazującym na nadchodzącą dominację urządzeń mobilnych. Ale wyraźne sygnały pojawiały się znacznie wcześniej. W mojej pamięci utkwił mi wpis Google: <a href="https://developers.google.com/search/blog/2015/02/finding-more-mobile-friendly-search">Finding More Friendly Search</a>, kiedy to gigant ogłosił, że przyjazność urządzeń mobilnych będzie sygnałem rankingowym. W tamtych czasach, mimo że moją działką odpowiedzialności było zarządzanie wersjami oprogramowania w innym miejscu pracy, to czułem napięcie z powodu tej pozornie niewielkiej zmiany. Nie masz RWD? Nie posiadasz wersji mobilnej? Niepewność to dobre słowo, by opisać tamto uczucie.</p>
</p>
<figure class="wp-block-pullquote">
<blockquote>
<p><em>Starting April 21, we will be expanding our use of mobile-friendliness as a ranking signal. This change will affect mobile searches in all languages worldwide and will have a significant impact in our search results. Consequently, users will find it easier to get relevant, high quality search results that are optimized for their devices</em></p>
</blockquote>
</figure>
</p>
<p>Co miał na celu „more friendly search”? Lepsze dopasowanie wyników wyszukiwania do aktualnie wykorzystywanego urządzenia. Ot, tylko tyle i aż tyle.</p>
</p>
<p>Nikt nie chciał przeglądać na ekranie dowolnego urządzenia niezoptymalizowanej, niewygodnej i często niezbyt atrakcyjnej witryny, a co gorsza &#8211; niespójnej pomiędzy wersjami (zazwyczaj trzema: mobile, tablet i desktop). Przypomnę jedynie, że były to czasy, gdy na rynku pojawił się iPhone 6 czy Galaxy S5, czyli urządzenia stworzone do konsumpcji treści &#8211; duże ekrany o uczciwym zagęszczeniu pikseli i poprawnej wydajności w tamtym okresie, dawały użytkownikom całkiem niezłą swobodę i komfort korzystania z Sieci.</p>
</p>
<p>Niestety &#8211; takie urządzenia były w naszym kraju rzadkością (cena flagowca zaczynała się od 3000 zł i kończyła nawet na 5000 zł!). Królowały przede wszystkim low-endy i mid-endy o mniejszych ekranach (3,5 &#8211; 4 cala) i bardzo przeciętnych rozdzielczościach, a także wyjątkowo słabych procesorach. Wspominam o tym, by wskazać przede wszystkim jak trudne było w tamtych czasach zaprojektowanie witryny, która zachowa wszystkie funkcjonalności i treści dla użytkownika nie przytłaczając go ilością wizualnych elementów bez perspektywy, dokąd będzie zmierzać Google, ale i cała branża.</p>
</p>
<p>Pod koniec 2016 roku mogliśmy przeczytać taki oto komunikat na stronie <a href="https://developers.google.com/search/blog/2016/11/mobile-first-indexing">Google</a>:</p>
</p>
<figure class="wp-block-pullquote">
<blockquote>
<p><em>Today, most people are searching on Google using a mobile device. However, our ranking systems still typically look at the desktop version of a page’s content to evaluate its relevance to the user. This can cause issues when the mobile page has less content than the desktop page because our algorithms are not evaluating the actual page that is seen by a mobile searcher.</em></p>
</blockquote>
</figure>
</p>
<p>Mobile First Index przyniósł realną zmianę dzięki pozornie prostej modyfikacji. Dawniej projektowanie wersji mobilnej było często zadaniem pobocznym o mniejszym priorytecie, co powodowało generowanie antywzorców UX na stronie jak np. mniejsza ilość treści na mobile czy usunięcie części istotnej nawigacji. W końcu mniejszy ekran, mniej miejsca na treść, więc najprostszym sposobem optymalizacji było… usuwanie lub ukrywanie. Oczekiwaniem użytkowników oraz Google było otrzymaniem tych samych doświadczeń niezależnie od wykorzystywanej platformy &#8211; telefonu, tabletu, laptopa czy konsoli do gier. I tego dotyczyła zmiana.</p>
</p>
<figure class="wp-block-embed aligncenter is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio">
<div class="wp-block-embed__wrapper">
<iframe loading="lazy" title="Mobile-First Indexing" width="500" height="281" src="https://www.youtube.com/embed/TTUzxHdx2jY?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
</div>
</figure>
</p>
<p>W 2020 roku Google całkowicie przeszedł na indeksację mobilną, co spowodowało, że treści tej wersji witryny są wykorzystywane do indeksacji oraz ustalania rankingu. O Page Experience i Core Web Vitals w 2021 nie wspomnę, ale zaproszę Was do mojego artykułu: <a href="https://www.bluerank.com/blog/core-web-vitals-podstawowe-wskazniki-internetowe/">Core Web Vitals &#8211; podstawowe wskaźniki Internetowe.</a></p>
</p>
<h2 class="wp-block-heading" id="k2">Wersja mobilna to standard</h2>
</p>
<p>Ale co wpływa na jej przyjazność, czyli mityczne „mobile friendliness?”. Chciałoby się rzec, że wszystko &#8211; możemy jednak skategoryzować te elementy i utworzyć konkretne ich grupy. Na początek spójrzmy jeszcze na dokumentację Google, która definiuje trzy główne punkty:</p>
</p>
<ol class="wp-block-list" type="1">
<li>Ułatw życie klientom.</li>
<li>Zmierz efektywność witryny, sprawdzając, jak łatwo użytkownicy mogą w niej wykonać najczęstsze czynności.</li>
<li>Wybierz szablon, motyw lub projekt witryny mobilnej przystosowany do różnych urządzeń (np. postaw na elastyczne projektowanie witryn).</li>
</ol>
</p>
<p>Jasne i klarowne! Z mojej perspektywy dzielę przyjazność mobilną na takie obszary jak:</p>
</p>
<h2 class="wp-block-heading" id="k3"><strong>Dobry UX, a najlepiej Data Driven UX Design</strong></h2>
</p>
<p>Projektowanie witryny na podstawie realnych danych swoich użytkowników, ich zachowania i wzorców, to niezwykle skuteczny sposób na tworzenie hipotez, które można następnie przekuć w niezwykle udane i co ważne &#8211; minimalizujące ryzyka wdrożenia. Ważne jest to, by był to ciągły proces doskonalenia bazujący na Evolutionary Site Design. Całość można skutecznie zamknąć w prostym cyklu Deminga, czyli podejściu Plan-Do-Study-Act.</p>
</p>
<div class="wp-block-image">
<figure class="aligncenter size-large is-resized"><img loading="lazy" decoding="async" src="https://www.bluerank.com/wp-content/uploads/2022/07/Artboard-–-17-1024x889.png" alt="Evolutionary site redesign i ciągłe doskonalenie" class="wp-image-18969" width="403" height="351" srcset="https://www.bluerank.com/wp-content/uploads/2022/07/Artboard-–-17-1024x889.png 1024w, https://www.bluerank.com/wp-content/uploads/2022/07/Artboard-–-17-300x260.png 300w, https://www.bluerank.com/wp-content/uploads/2022/07/Artboard-–-17-768x667.png 768w, https://www.bluerank.com/wp-content/uploads/2022/07/Artboard-–-17-1536x1333.png 1536w, https://www.bluerank.com/wp-content/uploads/2022/07/Artboard-–-17-2048x1778.png 2048w, https://www.bluerank.com/wp-content/uploads/2022/07/Artboard-–-17-58x50.png 58w, https://www.bluerank.com/wp-content/uploads/2022/07/Artboard-–-17-492x427.png 492w, https://www.bluerank.com/wp-content/uploads/2022/07/Artboard-–-17-384x333.png 384w" sizes="auto, (max-width: 403px) 100vw, 403px" /><figcaption>Proces ciągłego doskonalenia z wykorzystaniem ESR</figcaption></figure>
</div>
</p>
<h3 class="wp-block-heading"><strong>Bezpieczeństwo</strong></h3>
</p>
<p>Zostawiamy coraz więcej wrażliwych danych w Sieci. Prostota zakupów dzięki szybkim płatnościom, mnogość sposobów logowania, wykorzystanie biometryki, zapisywania haseł, powiązań pomiędzy witrynami… Generuje coraz więcej niebezpieczeństw. Użytkownicy są coraz bardziej świadomi i oczekują, że dane pozostawione na stronie będą bezpieczne, szyfrowane, witryna powinna jednak dbać o edukowanie użytkowników w kontekście np. tworzenia bezpiecznych haseł. Dodam jeszcze, że HTTPS jest jednym z wymogów Page Experience, więc jego brak jest na dziś po prostu niedopuszczalny. Należy zadbać o bezpieczeństwo użytkowników nie tylko w obrębie Internetu, ale także zapewnić ich, że np. ich przesyłka jest bezpieczna czy wskazać możliwość ubezpieczenia produktu.</p>
</p>
<h3 class="wp-block-heading"><strong>Wydajność</strong></h3>
</p>
<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="72" src="https://www.bluerank.com/wp-content/uploads/2022/07/Zrzut-ekranu-2022-07-27-o-12.25.47-1024x72.png" alt="" class="wp-image-18971" srcset="https://www.bluerank.com/wp-content/uploads/2022/07/Zrzut-ekranu-2022-07-27-o-12.25.47-1024x72.png 1024w, https://www.bluerank.com/wp-content/uploads/2022/07/Zrzut-ekranu-2022-07-27-o-12.25.47-300x21.png 300w, https://www.bluerank.com/wp-content/uploads/2022/07/Zrzut-ekranu-2022-07-27-o-12.25.47-768x54.png 768w, https://www.bluerank.com/wp-content/uploads/2022/07/Zrzut-ekranu-2022-07-27-o-12.25.47-1536x107.png 1536w, https://www.bluerank.com/wp-content/uploads/2022/07/Zrzut-ekranu-2022-07-27-o-12.25.47-150x10.png 150w, https://www.bluerank.com/wp-content/uploads/2022/07/Zrzut-ekranu-2022-07-27-o-12.25.47-571x40.png 571w, https://www.bluerank.com/wp-content/uploads/2022/07/Zrzut-ekranu-2022-07-27-o-12.25.47-525x37.png 525w, https://www.bluerank.com/wp-content/uploads/2022/07/Zrzut-ekranu-2022-07-27-o-12.25.47.png 1903w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /><figcaption>Widok renderowania strony Bluerank, PageSpeed Insights</figcaption></figure>
</p>
<p>Można by to zamknąć w Core Web Vitals, ale obszar wydajności jest znacznie bardziej złożony niż kilka metryk. Użytkownik poza dobrym interfejsem i architekturą informacji oczekuje prędkości, płynności, a często i efektowności (vide Apple!). Wszystkie te oczekiwania są często ze sobą sprzeczne. Więcej efektów jest równoznaczne z większym obciążeniem Twojego urządzenia, a co za tym idzie &#8211; spadkiem wydajności witryny. Optymalizacja prędkości ładowania i wydajności to jeden z najobszerniejszych obszarów SEO, ale i jeden z najistotniejszych w pierwszych miesiącach każdego projektu SEO.</p>
</p>
<h3 class="wp-block-heading"><strong>Jasność przekazu</strong></h3>
</p>
<p>Przyjazność mobilna w tym przypadku to odpowiednia optymalizacja sekcji above the fold i projektowanie architektury informacji w logiczny oraz przyjazny dla użytkownika sposób, także w obszarze nawigacji. Oznacza to, że jeżeli użytkownik wpisuje zapytanie w wyszukiwarkę, zaś na pierwszym miejscu wyników wyszukiwania znajduje się nasza strona, to jesteśmy zobligowani do tego, by zwrócić mu jak najszybciej wartościową odpowiedź. Ile razy trafiłeś na artykuł w sieci, który zadawał kontrowersyjne pytanie i właściwie na nie odpowiadał?</p>
</p>
<h3 class="wp-block-heading"><strong>Dostępność</strong></h3>
</p>
<p>Nie chcemy wykluczać żadnej grupy ludzi z możliwości korzystania z naszej witryny. Dotyczy to łatwości nawigacji, czytelności, jasności kierowanych komunikatów, kolorystyki, wielkości poszczególnych elementów czy nie stosowania wyskakujących okien. Przykład: prowadzisz stronę, na której sprzedajesz farby? Warto umieścić na stronach dodatkowe informacje dla osób cierpiących na konkretny rodzaj ślepoty barw. Warto korzystać z zasad Web Content Accessibility Guidelines (WCAG). Niezwykle istotne dla niektórych branż (w szczególności dla YMYL).</p>
</p>
<p>W każdej tej grupie moglibyśmy wypisać zapewne po kilkadziesiąt pomniejszych elementów wpływających na przyjazność stron dla urządzeń mobilnych. Ważne jest przede wszystkim to, by słuchać użytkowników, badać ich zachowania i testować różnego rodzaju rozwiązania wspierające proces zakupowy czy inną zaprojektowaną w określonym celu drogę dla użytkownika.</p>
</p>
<h2 class="wp-block-heading" id="k4">Mobile Friendliness to konwersje</h2>
</p>
<p>Optymalizacja konwersji to temat rzeka, ale i niezwykle istotny w projektach SEO. Pewnymi wytycznymi możemy w dość dużym stopniu wpłynąć na jakość pozyskiwanego ruchu, jego kaloryczność. W miejscu, gdzie kończy się SEO może rozpocząć się CRO i SXO. Z chęcią poruszę ten temat w osobnym artykule, zaś teraz wrócę do wyjaśnienia czemu przyjazność może wpłynąć pozytywnie na konwersje.</p>
</p>
<h3 class="wp-block-heading">Spełnianie oczekiwań użytkowników</h3>
</p>
<p>Niezwykle trudny i złożony obszar optymalizacji witryny. Należy znać oczekiwania i potrzeby swoich klientów, rozumieć ich ścieżkę (Customer Journey), ale także posiadać wiedzę i umiejętności, by przenieść to bezpośrednio na witrynę. Na przykład w postaci idealnego interfejsu użytkownika posiadającego istotne funkcjonalności, świetną architekturę informacji, dzięki której poprowadzimy użytkownika według konkretnego szablonu do celu. Zwrócenie uwagi na kolorystykę, umiejscowienie elementów konwertujących, przydatność i istotność obszaru above the fold, ale i projektowanie z myślą o konkretnych proporcjach uwagi…</p>
</p>
<p>To wszystko są dość podstawowe działania poprowadzenia użytkownika do celu niczym scenariusz filmu. Przyjazność mobilna to odpowiedź na te potrzeby w mniejszym bądź większym stopniu &#8211; algorytmy Google to jeden z obszarów, na które warto zwracać uwagę.</p>
</p>
<p>Użytkownicy zawsze powinni być w centrum naszego zainteresowania.</p>
</p>
<h2 class="wp-block-heading" id="k5">Przyszłość mobile friendliness</h2>
</p>
<p>Przyszłość może nie być tak bardzo różna od dziś. Już teraz widzimy coraz silniejsze zacieranie granic pomiędzy aplikacjami internetowymi a natywnymi dzięki zastosowaniu PWA. Możliwość dodania Twojej ulubionej strony na pulpicie smartfona niemal nieodróżnialnej od aplikacji dedykowanej danemu systemowi, to wspaniały feature UX. Jednak za PWA stoją wspaniałe rozwiązania i technologie, dzięki którym korzystanie z witryny jest po prostu przyjemniejsze.</p>
</p>
<p>Widzimy też silny trend SPA (Single Page App) i chętniejsze wykorzystywanie systemów szkieletowych, by budować nowoczesne witryny. Jestem ogromnym fanem tego podejścia, nawet biorąc pod uwagę jego nierówną przyjazność SEO i wyzwaniami związanymi z renderowaniem i skanowaniem witryny przez roboty indeksujące. Projekty witryn, które można nazwać „seamless” zawsze są dla mnie wspaniałym doświadczeniem podczas interakcji.</p>
</p>
<p>I wiele innych jak chociażby szersze wykorzystanie Motion UI, coraz lepsze zabezpieczenia i ochrona danych użytkowników, wykorzystanie AI czy API-first development. Wiele buzzwordów, ale i szans kreowanie na jeszcze lepszych doświadczeń. Fajnie!</p>
</p>
<h2 class="wp-block-heading" id="k6"><s>Rok</s> Era mobile</h2>
</p>
<p>Era mobile nastała dawno temu. Posiadanie wersji mobilnej witryny &#8211; czy to RWD czy AWD jest standardem. Zagwarantowanie użytkownikom wygodnego, komfortowego i bezpiecznego środowiska do interakcji, to najlepsza metoda dbania o przyjazność mobilną witryny. Google będzie dbać przede wszystkim o dostępność i jak najszersze grono odbiorców swojej wyszukiwarki i znajdującej się w jej bazie strony.</p></p>The post <a href="https://www.bluerank.com/blog/mobilna-wersja-witryny-to-standard/">Mobilna wersja witryny to standard</a> first appeared on <a href="https://www.bluerank.com">Bluerank</a>.]]></content:encoded>
					
					<wfw:commentRss>https://www.bluerank.com/blog/mobilna-wersja-witryny-to-standard/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Bluerank rozprawia się z prognozami</title>
		<link>https://www.bluerank.com/blog/bluerank-rozprawia-sie-z-prognozami/</link>
					<comments>https://www.bluerank.com/blog/bluerank-rozprawia-sie-z-prognozami/#respond</comments>
		
		<dc:creator><![CDATA[Bluerank]]></dc:creator>
		<pubDate>Wed, 15 Dec 2021 06:29:34 +0000</pubDate>
				<category><![CDATA[Google Marketing Platform]]></category>
		<category><![CDATA[SEM]]></category>
		<category><![CDATA[SEO]]></category>
		<category><![CDATA[Social media]]></category>
		<category><![CDATA[UX]]></category>
		<guid isPermaLink="false">https://www.bluerank.pl/?p=17946</guid>

					<description><![CDATA[<p>Podsumowanie 2021 roku w marketingu internetowym. Jakie przewidywania z 2020 roku okazały się trafne? Co miało się wydarzyć w 2021 roku, a nie wydarzyło? ...</p>
The post <a href="https://www.bluerank.com/blog/bluerank-rozprawia-sie-z-prognozami/">Bluerank rozprawia się z prognozami</a> first appeared on <a href="https://www.bluerank.com">Bluerank</a>.]]></description>
										<content:encoded><![CDATA[</p>
<p><strong>Podsumowanie 2021 roku w marketingu internetowym.</strong> Jakie przewidywania z 2020 roku okazały się trafne? Co miało się wydarzyć w 2021 roku, a nie wydarzyło? Sprawdzają, oceniają i odpowiadają specjaliści oraz menadźerowie Bluerank</p>
</p>
<div style="height:32px" aria-hidden="true" class="wp-block-spacer"></div>
</p>
<h2 class="wp-block-heading">Obszary:</h2>
</p>
<ol class="wp-block-list">
<li><a href="#k1"><strong>Cały rynek reklamy internetowej</strong></a></li>
<li><strong><a href="#k2">SEO</a></strong></li>
<li><a href="#k3"><strong>Social media</strong></a></li>
<li><strong><a href="#k4">Reklama programatyczna</a></strong></li>
</ol>
</p>
<hr class="wp-block-separator"/>
</p>
<h2 class="wp-block-heading" id="k1"><strong>Cały rynek reklamy internetowej</strong></h2>
</p>
<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p>Rok 2020, w którym rozpoczęła się pandemia COVID-19 był rokiem pełnym zmian, konieczności szybkich adaptacji i sprawnego reagowania, ale i oczekiwań związanych ze zmianą sytuacji w roku kolejnym. Okazało się jednak, że tzw. nowa normalność stanie się naszą rzeczywistością na dłużej, jeśli nie na zawsze. Podobnie było z częścią zapowiadanych na rok 2021 prognoz, które okazały się nie do końca trafione. W tym kontekście dla wielu marketerów rozczarowujący okazał się&#8230; sezon wakacyjny, który dla części branż, w minionych latach był okresem żniw. Tegoroczny był czasem pełnym niepewności związanej z pandemią i zasadami epidemicznymi przyjętymi w poszczególnych krajach czy regionach. </p>
<p>Niepewność ta oddziaływała na konsumentów, którzy swoje decyzje podejmowali często na ostatnią chwilę, pod wpływem emocji i często przesuwając je w czasie. W sposób istotny utrudniało to reagowanie na potrzeby klientów końcowych, a co za tym idzie na prowadzenie działań marketingowych. Wśród nie do końca trafionych trendów prognozowanych na rok 2021 wyróżniłbym takie, których dynamika pojawiania się na rynku była zdecydowanie mniejsza od zakładanej. </p>
<p>W tym kontekście wyobraźnię wielu ekspertów branżowych rozbudzało pojawienie się na rynku polskim amerykańskiego giganta – Amazona. Część osób wieściło koniec Allegro i innych polskich marketplace’ów. Część, przy rosnącej konkurencji oczekiwała lepszych ofert dla użytkowników omawianych platform. Tymczasem okazało się, że Amazon owszem uruchomił wersję serwisu dedykowanego polskojęzycznym odbiorcom jednak swoją pozycję na rynku polskim postanowił budować metodą mniejszych, choć konsekwentnie realizowanych kroków. Nie byliśmy więc świadkami intensywnych działań i zabiegów reklamowych, konkurencja miała kolejny czas na naprawdę solidne przygotowanie się do “nowego świata marketplace’ów” w Polsce bogatszego o globalnego “mega-gracza&#8221; w postaci firmy Amazon. </p>
<p>Prognozowanym na 2021 rok trendem, który nadal napotyka na wyzwania natury technologicznej oraz te związane z adopcją nowych technologii wydłużających czas potencjalnego boom’u, jest popularyzacja rozwiązań z obszaru voice search i voice commerce. O ile technologie te z roku na rok stają się coraz bardziej funkcjonalne w języku polskim i znajdują kolejne urządzenia i miejsca umożliwiające sterowanie i korzystanie z nich z wykorzystaniem usług głosowych, o tyle w 2021 roku technologie te nie stały jeszcze powszechnie wykorzystywanymi. Wszystko więc przed nami, żyjemy w bardzo ciekawych czasach i z pewnością będziemy świadkami jeszcze niejednego fascynującego trendu w świecie online marketingu, czego sobie i czytelnikom tego artykułu serdecznie życzę.</p>
<p><cite><strong>Tomasz Sąsiadek, Co-Managing Director, Bluerank</strong></cite></p>
</blockquote>
</p>
<hr class="wp-block-separator"/>
</p>
<h2 class="wp-block-heading" id="k2">SEO</h2>
</p>
<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p>Patrząc na wiele przewidywań, co będzie wiodącym trendem w 2021 roku, mógłbym wylistować spokojnie kilkanaście pozycji. Zaledwie kilka z nich była powtarzalna – na czele z Core Web Vitals oraz UX (lub raczej: SXO). UX-owy trend istnieje od kilku lat, jednak ze względu na wdrożenie Page Experience i wskaźników Core Web Vitals przyśpieszył on w 2021 roku. Nie byliśmy świadkami rewolucji, ale silnej ewolucji i zdecydowanym podkreśleniu, że to użytkownik jest w tym wszystkim najważniejszy. I co ważne &#8211; sygnał ten został usłyszany. Nie jest to oczywiście jedynie zasługa Google, ale i samych użytkowników Internetu, którzy wraz z czasem stają się coraz bardziej wymagający w kontekście środowiska w jakim się poruszają. Oczekujemy szybkich, wygodnych i responsywnych witryn, bezproblemowych zakupów, jednoznacznych komunikatów i wszelkich udogodnień technologicznych. </p>
<p>Na pewno nie ziściły się przewidywania o destruktywnym wpływie Core Web Vitals dla właścicieli bardzo wolnych, niezoptymalizowanych witryn. Tu mogę jedynie stwierdzić, że przed takimi stronami istnieje znacznie więcej wyzwań niż wskaźniki od Google. Właściciele witryn zaczęli się mocniej przyglądać wydajności i prędkości ładowania, co pozytywnie wpływa na doświadczenia użytkowników, konwersje, czas spędzony na stronie, ilość odwiedzonych podstron czy po prostu na przyjemność korzystania z witryny. Skupili się na projektowaniu witryn pod urządzenia mobilne, a nie dopasowywaniu istniejących szablonów do smartfonów i tabletów za pomocą prostego RWD. Zauważyli, że proces zakupowy na telefonie różni się od komputera osobistego, dzięki czemu mamy zoptymalizowane formularze, wygodne opcje logowania czy szeroką implementację metod płatności od Google czy Apple. Eksperymentują coraz odważniej z PWA czy nowoczesnymi technologiami bazującymi na systemach szkieletowych, a także nie boją się JavaScriptu. I co ważne &#8211; nawigacja na witrynach staje się coraz wygodniejsza, lepiej dopasowana do masywnych telefonów lub tych o niestandardowych proporcjach, zaś elementy nawigacyjne są projektowane z myślą o użytkowniku w zgodzie z SEO. SEO i UX to nie tylko prędkość i wydajność, ale przede wszystkim całość wrażeń, jakich doświadcza użytkownik podczas korzystania z produktu.</p>
<p><cite><strong>Daniel Smoliński, <a href="https://bit.ly/3DXqg4U">Tech SEO &amp; SXO Team Lead, Bluerank</a></strong></cite></p>
</blockquote>
</p>
<hr class="wp-block-separator"/>
</p>
<h2 class="wp-block-heading" id="k3">Social media</h2>
</p>
<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p>Początek pandemii w 2020 roku postawił liczne wyzwania przed social media, wymagając większej elastyczności i dostosowania się do nowych potrzeb użytkowników, a także zmieniając trendy na skutek dystansu społecznego. Użytkownicy poszukiwali dynamiki i wirtualnego kontaktu z innymi, co przyczyniło się do wzrostu popularności formatu video (uwagą odbiorców cieszyły się Instagram Stories, a coraz większe zainteresowanie budził TikTok). Użytkownicy poszukiwali autentyczności i namiastki codziennego życia w przekazie marek oraz działaniach influencerów, kierując swoją uwagęna tych z kategorii nano i mikro. Nie możemy również zapomnieć o podcastach, które bardziej niż kiedykolwiek zyskały nowych fanów, a ich siłę przebicia zaczęły dostrzegać także marki. Nie ulega wątpliwości, że 2020 rok zapoczątkował zmianę w trendach social media. Marketerzy pod koniec2020 roku prognozowali wzrost zainteresowania AR, rosnącą siłę TikToka, zwiększenie popularności zakupów w aplikacjach oraz poprzez media społecznościowe, a także walkę zrozprzestrzenianiem się dezinformacji czy koniec ruchu organicznego na Facebooku i Instagramie. W 2020 roku COVID19 wywrócił świat do góry nogami, zaskakując wszystkich i sprawiając, żestawiane kilka miesięcy wcześniej prognozy marketingowe stały się nieaktualne. Sytuacja wygląda zupełnie inaczej w tym roku – trendy, które swój początek miały prawie dwa lata temu, mają swoją kontynuację, a przewidywania marketerów w grudniu 2020, znalazły swoje potwierdzenie w 2021. Niezaprzeczalnie 2021 rok należał do video – krótkie filmiki cieszyły się dużą popularnością wśród użytkowników, szczególnie na TikToku. Ich rosnący potencjał dostrzegł również Instagram,wprowadzając Reels, które szybko podbiły serca odbiorców. Obok krótkich form video, swój czasprzeżywały również streamingi live, od Facebooka, przez Instagram i TikTok, po Youtube, a wraz znimi live commerce, czyli zakupy w trakcie prezentacji produktu na żywo. Obecny rok to również silny rozwój obsługi klienta w wiadomościach prywatnych, a co za tym idzie automatyzacji odpowiedzi za pomocą chatbotów. Popularnością cieszyły się w tym roku również filtry AR – ich zadaniem nie jest już tylko poprawa wyglądu (dodanie blasku, zmiana kolorów itp.), lecz także obok dostarczania rozrywki, promocja produktu i marki (np. akcja Got2Be na Tiktok:</p>
</blockquote>
</p>
<figure class="wp-block-embed is-type-video is-provider-tiktok wp-block-embed-tiktok">
<div class="wp-block-embed__wrapper">
<blockquote class="tiktok-embed" cite="https://www.tiktok.com/@marlenasojka/video/6976214869209074949" data-video-id="6976214869209074949" data-embed-from="oembed" style="max-width:605px; min-width:325px;">
<section> <a target="_blank" title="@marlenasojka" href="https://www.tiktok.com/@marlenasojka?refer=embed">@marlenasojka</a> </p>
<p>Który kolor włosów pasuje mi najbardziej?<img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f60d.png" alt="😍" class="wp-smiley" style="height: 1em; max-height: 1em;" /><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2764.png" alt="❤" class="wp-smiley" style="height: 1em; max-height: 1em;" /> <a title="matchmyhairchallenge" target="_blank" href="https://www.tiktok.com/tag/matchmyhairchallenge?refer=embed">#matchmyhairchallenge</a></p>
<p> <a target="_blank" title="♬ Firecracker (Vocal) - Amber Echo" href="https://www.tiktok.com/music/Firecracker-Vocal-6901157105768613889?refer=embed">♬ Firecracker (Vocal) &#8211; Amber Echo</a> </section>
</blockquote>
<p> <script async src="https://www.tiktok.com/embed.js"></script>
</div>
</figure>
</p>
<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p>Rosnący potencjał wirtualnej rzeczywistości zauważył sam Facebook, przekształcając się w Metaverse. Powyższe trendy z pewnością utrzymają się w nadchodzącym roku, a obok nich intensywnie będzie rozwijał się influencer marketing podążający w stronę większej naturalności w komunikacji, wyznaczonej przez młode pokolenie TikTokerów. &nbsp;Influencer Marketing &#8211; rozwija się na tyle, że dziś bycie influencerem stało się zawodem. Przeszliśmy od sprzedaży &#8222;twarzą&#8221; znanej osoby, celebryty do sprzedaży z polecenia osób, które mają wokół siebie zebraną oddaną społeczność. Influencer marketing w 2021, gdzie wokół było dużo doniesień o reklamowaniu scamów czy nieetycznych zabiegach, zaczął się profesjonalizować i w kolejnych latach stanie się jeszcze bardziej istotny, kształtując decyzje zakupowe ludzi. Kolejnym trendem, który może odegrać istotną rolę w nadchodzącym roku będzie personal branding, czyli tworzenie marki osobistej w social mediach. Rośnie znaczenie specjalistów, którzy mają siłę dotarcia do innych osób. Mniej wierzymy w celebrytów, bardziej w osoby podobne do nas, które posiadają wiedzę na konkretny temat (co ponownie wiąże się z poszukiwaniem autentyczności wśród influencerów i marek, a sam TikTok pokazuje, że odpowiedni personal branding to przyszłość nowego influencer marketingu, gdzie kluczowa jest nie sława, lecz pomysł na siebie). Rozwijać będzie się również trend social selling – platformy wprowadzają stopniowo kolejne udogodnienia skupione na ułatwieniu ścieżki zakupowej klienta, jak np. Instagram zaprezentował kilka nowych, wygodnych funkcji, które pozwalając użytkownikom dokonać zakupu bez wychodzenia z aplikacji. Aby doświadczenie klienta podczas tej podróży było jak najlepsze, marki powinny podążyć ze zmianami oferowanymi przez kanały social media, skupiając się na ułatwianiu klientowi przejścia przez ścieżkę customer journey.</p>
<p><cite><strong>Anita Treścińska, Social Media Specialist, Bluerank</strong><br /><strong>Juliusz Gajewski, Social Media Specialist, Bluerank</strong></cite></p>
</blockquote>
</p>
<p><a href="https://bit.ly/3sbx2BY"><strong>Sprawdź ofertę Bluerank w obszarze social media</strong></a></p>
</p>
<hr class="wp-block-separator"/>
</p>
<h2 class="wp-block-heading" id="k4">Reklama programatyczna</h2>
</p>
<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p>W 2020 roku rozpoczęliśmy odliczanie do zaprzestania używania przez przeglądarkę Chrome plików cookie innych firm. Nie był to pionierski krok, gdyż technologie blokowania plików 3rd party stosowali już Apple oraz Mozilla. Jednak skala wykorzystywania przez użytkowników przeglądarki Google oraz konsekwencje idące za wyłączeniem w niej ciastek 3rd party, wzbudzały dreszcz emocji w całej branży cyfrowego marketingu. Technologiczni giganci zjednoczyli siły i rozpoczęło się gorączkowe poszukiwanie Świętego Grala. Pod koniec czerwca Google przyznał, iż wyzwanie, z którym przyszło mu się zmierzyć wymaga zdecydowanie więcej czasu i odroczył wyłączenie obsługi zewnętrznych ciasteczek na drugą połowę 2023. Co tak naprawdę stoi za pomysłem blokowania 3rd party cookie? Główną przyczyną są regulacje które dotyczą m.in. plików cookie i możliwości ich wykorzystania, takie jak General Data Protection Regulation (GDPR) czy California Consumer Privacy Act (CCPA). Jednak równie silnym motywatorem jest rosnąca świadomość użytkowników dotycząca ich prywatności oraz bezpieczeństwa w sieci. Według raportu SmarterHQ 79% konsumentów uważa, że wiedza firm i organizacji na ich temat jest zbyt duża, a aż 86% obawia się o prywatność swoich danych. Pomimo, iż Google przedłużył remont świata cyfrowej reklamy, niektóre z największych światowych marek (w tym Unilever, AB InBev, Diageo, Ferrero, Ikea, L&#8217;Oréal, Mars, Mastercard, P&amp;G, Shell oraz Visa) już koncentrują się na etycznym i sfokusowanym na prywatności podejściu do danych. Uważam, iż właśnie to podejście będzie wyznaczało trendy 2022 w digital marketingu. </p>
<p><cite><strong>Marta Kusowska &#8211; Senior Google Marketing Platform Consultant, <a href="https://bit.ly/3dVcHsp">Full Stack Experts</a></strong></cite></p>
</blockquote>
</p>
<p><strong>Zobacz też nasze podsumowanie video:</strong></p>
</p>
<figure class="wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio">
<div class="wp-block-embed__wrapper">
<iframe loading="lazy" title="Rozprawiamy się z przewidywaniami, czyli podsumowanie roku w marketingu internetowym" width="500" height="281" src="https://www.youtube.com/embed/RAZlBZOeqkw?start=1&#038;feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
</div>
</figure></p>The post <a href="https://www.bluerank.com/blog/bluerank-rozprawia-sie-z-prognozami/">Bluerank rozprawia się z prognozami</a> first appeared on <a href="https://www.bluerank.com">Bluerank</a>.]]></content:encoded>
					
					<wfw:commentRss>https://www.bluerank.com/blog/bluerank-rozprawia-sie-z-prognozami/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Design &#8211; czyli dlaczego visual marketing zwiększy wartość twojej firmy i zbuduje trwałą relację z klientem.</title>
		<link>https://www.bluerank.com/blog/desing-czyli-dlaczego-visual-marketing-zwiekszy-wartosc-twojej-firmy-i-zbuduje-trwala-relacje-z-klientem/</link>
					<comments>https://www.bluerank.com/blog/desing-czyli-dlaczego-visual-marketing-zwiekszy-wartosc-twojej-firmy-i-zbuduje-trwala-relacje-z-klientem/#respond</comments>
		
		<dc:creator><![CDATA[Daria Łuka]]></dc:creator>
		<pubDate>Wed, 18 Aug 2021 17:00:52 +0000</pubDate>
				<category><![CDATA[Creation]]></category>
		<category><![CDATA[UX]]></category>
		<guid isPermaLink="false">https://www.bluerank.pl/?p=17302</guid>

					<description><![CDATA[<p>Zbuduj trwałą relację z klientem dzięki visual marketing. Stwórz pozytywny obraz marki i zyskaj zaufanie użytkowników. Pierwsze wrażenie jest tylko jedno!</p>
The post <a href="https://www.bluerank.com/blog/desing-czyli-dlaczego-visual-marketing-zwiekszy-wartosc-twojej-firmy-i-zbuduje-trwala-relacje-z-klientem/">Design – czyli dlaczego visual marketing zwiększy wartość twojej firmy i zbuduje trwałą relację z klientem.</a> first appeared on <a href="https://www.bluerank.com">Bluerank</a>.]]></description>
										<content:encoded><![CDATA[<p class="has-black-color has-text-color">Czy zastanawiałeś się kiedyś, dlaczego szefowie kuchni przykładają tak dużą wagę do prezencji ich potraw na talerzu? Czasem można odnieść wrażenie, że jest to dla nich ważniejsze niż sam smak dania. <strong>Tak, mistrzowie kuchni wiedzą, że „jemy oczami”. To samo wie dobry projektant.</strong></p>
<p>Spis treści:</p>
<ol class="wp-block-list">
<li><a href="#k1"><strong>Pierwsze wrażenie jest tylko jedno!</strong></a></li>
<li><a href="#k2"><strong>Niech twoja marka rozkwitnie</strong></a></li>
<li><a href="#k3"><strong>Design zaczyna się wcześniej niż myślisz</strong></a></li>
<li><strong><a href="#k4">Jak robią to najlepsi?</a></strong></li>
<li><strong><a href="#k5">Czy design się opłaca?</a></strong></li>
</ol>
<h2 class="has-text-color wp-block-heading" id="k1" style="color:#2458e6"><strong>Pierwsze wrażenie jest tylko jedno!</strong></h2>
<div class="wp-block-media-text alignwide is-stacked-on-mobile">
<figure class="wp-block-media-text__media"><img loading="lazy" decoding="async" width="1024" height="890" src="https://www.bluerank.pl/wp-content/uploads/2021/08/2-1-1024x890.png" alt="" class="wp-image-17335 size-full" srcset="https://www.bluerank.com/wp-content/uploads/2021/08/2-1-1024x890.png 1024w, https://www.bluerank.com/wp-content/uploads/2021/08/2-1-300x261.png 300w, https://www.bluerank.com/wp-content/uploads/2021/08/2-1-768x667.png 768w, https://www.bluerank.com/wp-content/uploads/2021/08/2-1-1536x1335.png 1536w, https://www.bluerank.com/wp-content/uploads/2021/08/2-1-2048x1780.png 2048w, https://www.bluerank.com/wp-content/uploads/2021/08/2-1-58x50.png 58w, https://www.bluerank.com/wp-content/uploads/2021/08/2-1-491x427.png 491w, https://www.bluerank.com/wp-content/uploads/2021/08/2-1-383x333.png 383w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>
<div class="wp-block-media-text__content">
<p class="has-black-color has-text-color">Również w marketingu zainwestowanie w dobrze zaprojektowane doświadczenie jest w obecnych czasach koniecznością. Zapewnia ono szybki wzrost zaufania oraz rozpoznawalności naszej marki. Użytkownicy spędzają coraz więcej czasu online, paradoksalnie mając tego czasu coraz mniej. Jeśli nie napotkają na swojej drodze doświadczeń zaprojektowanych w sposób czytelny i dostosowany do odbiorcy bezlitośnie porzucają naszą stronę bez zamiaru powrotu. Dziś nie szukamy już tylko rozwiązań naszych problemów. Chcemy, aby te rozwiązania były dostarczone w sposób prosty, zrozumiały i user-friendly. Inwestowanie w design to już nie tylko inwestycja w storytelling. To inwestycja w zatrzymanie odbiorcy i zachęcenie go by w ogóle pochylił się nad tym co mamy mu do przekazania. </p>
</div>
</div>
<p>Odbiorcy oceniają Twoją stronę w 3 sekundy. Tyle zajmuje im określenie czy Twój produkt jest godny zaufania i interesujący. Bez dobrze przemyślanego designu, palety barw, odpowiedniej typografii przemawiającej głosem twojej firmy, 3 sekundy mogą okazać się nie wystarczające, aby przekonać do siebie odbiorcę.<strong> To właśnie odpowiedni design przemawiający do emocji użytkownika pozwala utworzyć w jego umyśle pozytywny obraz twojej marki w ułamku sekundy &#8211; wyprzedzając statystyki i oferty reklamowe.</strong></p>
<figure class="wp-block-image size-large is-resized"><img loading="lazy" decoding="async" src="https://www.bluerank.pl/wp-content/uploads/2021/08/3-3-1024x512.png" alt="" class="wp-image-17333" width="818" height="409" srcset="https://www.bluerank.com/wp-content/uploads/2021/08/3-3-1024x512.png 1024w, https://www.bluerank.com/wp-content/uploads/2021/08/3-3-300x150.png 300w, https://www.bluerank.com/wp-content/uploads/2021/08/3-3-768x384.png 768w, https://www.bluerank.com/wp-content/uploads/2021/08/3-3-1536x768.png 1536w, https://www.bluerank.com/wp-content/uploads/2021/08/3-3-2048x1024.png 2048w, https://www.bluerank.com/wp-content/uploads/2021/08/3-3-100x50.png 100w, https://www.bluerank.com/wp-content/uploads/2021/08/3-3-571x286.png 571w, https://www.bluerank.com/wp-content/uploads/2021/08/3-3-525x263.png 525w" sizes="auto, (max-width: 818px) 100vw, 818px" /></figure>
<h2 class="has-text-color wp-block-heading" id="k2" style="color:#2458e6"><strong>Niech twoja marka rozkwitnie</strong></h2>
<div class="wp-block-media-text alignwide is-stacked-on-mobile" style="grid-template-columns:30% auto">
<figure class="wp-block-media-text__media"><img loading="lazy" decoding="async" width="648" height="1024" src="https://www.bluerank.pl/wp-content/uploads/2021/08/4-1-648x1024.png" alt="" class="wp-image-17315 size-full" srcset="https://www.bluerank.com/wp-content/uploads/2021/08/4-1-648x1024.png 648w, https://www.bluerank.com/wp-content/uploads/2021/08/4-1-190x300.png 190w, https://www.bluerank.com/wp-content/uploads/2021/08/4-1-768x1214.png 768w, https://www.bluerank.com/wp-content/uploads/2021/08/4-1-972x1536.png 972w, https://www.bluerank.com/wp-content/uploads/2021/08/4-1-1296x2048.png 1296w, https://www.bluerank.com/wp-content/uploads/2021/08/4-1-32x50.png 32w, https://www.bluerank.com/wp-content/uploads/2021/08/4-1-270x427.png 270w, https://www.bluerank.com/wp-content/uploads/2021/08/4-1-211x333.png 211w" sizes="auto, (max-width: 648px) 100vw, 648px" /></figure>
<div class="wp-block-media-text__content">
<p class="has-black-color has-text-color">Zmiana myślenia z „design jako wydatek” na <strong>„design jako inwestycja” </strong>pozwala nam dostrzec korzyści, które płyną z położenia większego nacisku na proces projektowy. Wraz ze wzrostem aktywności online wzrosła presja na dostarczenie użytkownikowi prostych i precyzyjnych doznań dostosowanych do tempa jego codziennego życia.</p>
<p>Pełne zrozumienie celu w jakim użytkownik odwiedza naszą stronę działa na korzyść zarówno naszą, jak i naszych odbiorców i umożliwia zoptymalizowanie tego doświadczenia dla uzyskania maksymalnej satysfakcji odbiorcy oraz naszej biznesowej korzyści.<br />Firmy stawiające w centrum design nastawiony na odbiorcę lepiej rozumieją swoich klientów i odnoszą większy sukces. <strong>Aż 50% ankietowanych firm raportuje zauważalnie większą lojalność klienta po inwestycji w design.</strong></p>
</div>
</div>
<p>Dlaczego? Design to nastawienie na rozwiązanie problemów klienta oraz zaspokojenie jego potrzeb &#8211; ułożenie elementów w sposób najbardziej dostępny, czytelny i dostosowany do odbiorcy. Design nie jest tylko jedną z faz projektu – powinien występować na każdym etapie przedsięwzięcia, pozwalając osiągnąć lepsze efekty i większą satysfakcję zarówno marce, jak i odbiorcom. Projektowanie to złożony proces, którego najważniejszym ogniwem jest odbiorca. Rolą projektanta jest dostosowanie przekazu wizualnego tak, aby wywołać u niego pożądaną reakcję emocjonalną.</p>
<p>Benefity dobrego zaprojektowania naszego produktu, naszej komunikacji, często nie są bezpośrednie. Przynoszą długofalowe korzyści marce, ponieważ podnoszą jej rozpoznawalność, wpływają na spójność komunikatu, lojalność i satysfakcję klienta, ale też pracowników. To inwestycja, która wzmacnia naszą markę zarówno od zewnątrz, jak i od wewnątrz, sygnalizując przykładanie uwagi do jakości na każdej płaszczyźnie. Jest to inwestycja w poczucie profesjonalizmu. Spójny design naszej firmy podnosi morale i zaangażowanie pracowników. Wywołuje emocje, które zostają utożsamione z firmą i w konsekwencji pozwalają odróżnić ją od konkurencji. W umyśle odbiorcy przyjemne i funkcjonalne doświadczenia związane z naszą firmą zostaną przeniesione na nasz produkt.</p>
<div class="wp-block-media-text alignwide is-stacked-on-mobile has-black-color has-text-color" style="grid-template-columns:49% auto">
<figure class="wp-block-media-text__media"><img loading="lazy" decoding="async" width="1024" height="490" src="https://www.bluerank.pl/wp-content/uploads/2021/08/5-3-1024x490.png" alt="" class="wp-image-17332 size-full" srcset="https://www.bluerank.com/wp-content/uploads/2021/08/5-3-1024x490.png 1024w, https://www.bluerank.com/wp-content/uploads/2021/08/5-3-300x144.png 300w, https://www.bluerank.com/wp-content/uploads/2021/08/5-3-768x368.png 768w, https://www.bluerank.com/wp-content/uploads/2021/08/5-3-1536x735.png 1536w, https://www.bluerank.com/wp-content/uploads/2021/08/5-3-2048x980.png 2048w, https://www.bluerank.com/wp-content/uploads/2021/08/5-3-104x50.png 104w, https://www.bluerank.com/wp-content/uploads/2021/08/5-3-571x273.png 571w, https://www.bluerank.com/wp-content/uploads/2021/08/5-3-525x251.png 525w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>
<div class="wp-block-media-text__content">
<p>Aby odbiorca miał pozytywne doświadczenia z nasza marką musimy najpierw go poznać i zrozumieć a następnie mówić do niego odpowiednim spersonalizowanym językiem. W opracowaniu języka wizualnego dostosowanego do naszego odbiorcy pomaga Graphic Designer.</p>
</div>
</div>
<h2 class="has-text-color wp-block-heading" id="k3" style="color:#2458e6"><strong>Design zaczyna się wcześniej niż myślisz</strong></h2>
<div class="wp-block-media-text alignwide has-media-on-the-right is-stacked-on-mobile" style="grid-template-columns:auto 27%">
<figure class="wp-block-media-text__media"><img loading="lazy" decoding="async" width="844" height="1024" src="https://www.bluerank.pl/wp-content/uploads/2021/08/6-844x1024.png" alt="" class="wp-image-17317 size-full" srcset="https://www.bluerank.com/wp-content/uploads/2021/08/6-844x1024.png 844w, https://www.bluerank.com/wp-content/uploads/2021/08/6-247x300.png 247w, https://www.bluerank.com/wp-content/uploads/2021/08/6-768x931.png 768w, https://www.bluerank.com/wp-content/uploads/2021/08/6-1266x1536.png 1266w, https://www.bluerank.com/wp-content/uploads/2021/08/6-1689x2048.png 1689w, https://www.bluerank.com/wp-content/uploads/2021/08/6-41x50.png 41w, https://www.bluerank.com/wp-content/uploads/2021/08/6-352x427.png 352w, https://www.bluerank.com/wp-content/uploads/2021/08/6-275x333.png 275w" sizes="auto, (max-width: 844px) 100vw, 844px" /></figure>
<div class="wp-block-media-text__content">
<p class="has-black-color has-text-color">Gdy użytkownik odwiedza naszą stronę internetową, mamy zaledwie sekundy na wywarcie pierwszego wrażenia. Ocena naszej firmy dokonuje się w mgnieniu oka &#8211; a czasem nawet szybciej. Biorąc pod uwagę to, że na stronie spędzamy średnio około 20 sekund, <strong>kluczem jest dotarcie do naszego odbiorcy jeszcze zanim zacznie on myśleć o tym co widzi przed oczami</strong>. Trzeba działać na głębszym, podświadomym, emocjonalnym poziomie. Jak tego dokonać?</p>
</div>
</div>
<div style="height:14px" aria-hidden="true" class="wp-block-spacer"></div>
<div class="wp-block-media-text alignwide is-stacked-on-mobile" style="grid-template-columns:23% auto">
<figure class="wp-block-media-text__media"><img loading="lazy" decoding="async" width="777" height="1024" src="https://www.bluerank.pl/wp-content/uploads/2021/08/7-777x1024.png" alt="" class="wp-image-17318 size-full" srcset="https://www.bluerank.com/wp-content/uploads/2021/08/7-777x1024.png 777w, https://www.bluerank.com/wp-content/uploads/2021/08/7-228x300.png 228w, https://www.bluerank.com/wp-content/uploads/2021/08/7-768x1012.png 768w, https://www.bluerank.com/wp-content/uploads/2021/08/7-1166x1536.png 1166w, https://www.bluerank.com/wp-content/uploads/2021/08/7-1554x2048.png 1554w, https://www.bluerank.com/wp-content/uploads/2021/08/7-38x50.png 38w, https://www.bluerank.com/wp-content/uploads/2021/08/7-324x427.png 324w, https://www.bluerank.com/wp-content/uploads/2021/08/7-253x333.png 253w" sizes="auto, (max-width: 777px) 100vw, 777px" /></figure>
<div class="wp-block-media-text__content">
<p class="has-black-color has-text-color">Wyobraź sobie, że wchodzisz do pokoju, w którym znajdują się talerzyki z orzeszkami. Jeden jest niebieski, drugi czerwony. Zostajesz poproszony o spróbowanie orzeszków i zgłaszasz, że te z talerzyka niebieskiego są bardziej słone. Cóż – właśnie w tej chwili zostałeś przechytrzony przez własny mózg, ponieważ smak orzeszków jest w rzeczywistości identyczny. To jedynie nasz umysł odbiera potrawy podane na niebieskim talerzu za bardziej słone. Podobnie sprawa ma się z herbatą, która podana w żółtym pudełku wydaje się bardziej smakowita oraz z czekoladkami, które w zaokrąglonych kostkach wydają się bardziej słodkie. Taka właśnie jest siła neurodesignu udowodniona przez Charles’a Spence’a psychologa eksperymentalnego na Uniwersytecie Oksfordzkim. W badaniach nad oddziaływaniem designu na nasz mózg wykazano, iż nasz umysł zdolny jest do podświadomego przeniesienia wrażeń z jednego zmysłu na drugi powodując, że już niewielkie zmiany w wyglądzie naszego produktu w znaczący sposób wpływają na odczuwanie jego smaku lub na odbiór naszej marki.</p>
</div>
</div>
<p>Zmiana odcienia butelki napoju 7up na bardziej żółtą (o 15%) sprawiła, że badana grupa zgłaszała bardziej odczuwalne nuty cytrynowe w smaku napoju, mimo że jego skład nie został zmieniony. Wykazano również, że zmiana logo z postaci kreskówkowej na zdjęcie twarzy może wpłynąć na poczucie wyższej jakości produktu, a dodanie listka pietruszki do logo potrafi podnieść wrażenie świeżości sprzedawanego produktu. Nawet tak niewielkie zmiany w designie potrafią przynieść straty lub zyski dla firmy. </p>
<p><strong>W rzeczywistości wszystko co nas otacza, czy tego chcemy czy nie, jest w jakiś sposób zaprojektowane. Lepiej lub gorzej, ale oddziałuje na nasze zmysły. Tylko od nas zależy, czy wolimy kontrolować ten proces poprzez zainwestowanie w design, czy pozostawić to sprawie przypadku.</strong></p>
<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="156" src="https://www.bluerank.pl/wp-content/uploads/2021/08/8-1024x156.png" alt="" class="wp-image-17319" srcset="https://www.bluerank.com/wp-content/uploads/2021/08/8-1024x156.png 1024w, https://www.bluerank.com/wp-content/uploads/2021/08/8-300x46.png 300w, https://www.bluerank.com/wp-content/uploads/2021/08/8-768x117.png 768w, https://www.bluerank.com/wp-content/uploads/2021/08/8-1536x235.png 1536w, https://www.bluerank.com/wp-content/uploads/2021/08/8-2048x313.png 2048w, https://www.bluerank.com/wp-content/uploads/2021/08/8-150x23.png 150w, https://www.bluerank.com/wp-content/uploads/2021/08/8-571x87.png 571w, https://www.bluerank.com/wp-content/uploads/2021/08/8-525x80.png 525w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>
</p>
<h2 class="has-text-color wp-block-heading" id="k4" style="color:#2458e6">Jak robią to najlepsi?</h2>
<div class="wp-block-media-text alignwide has-media-on-the-right is-stacked-on-mobile has-black-color has-text-color" style="grid-template-columns:auto 43%">
<figure class="wp-block-media-text__media"><video controls src="https://www.bluerank.pl/wp-content/uploads/2021/08/Comp-1-_1_.mp4"></video></figure>
<div class="wp-block-media-text__content">
<p>Firmy kładące nacisk na design nastawiony na odbiorcę, w domyśle lepiej rozumieją swoich klientów i odnoszą większy sukces. Wplatają one myślenie o designie w każde swoje działanie od researchu począwszy, poprzez strategie, aż po tworzenie contentu. Ikoniczne marki cechuje rozszerzenie myślenia poza transakcje i skupienie na trwałej emocjonalnej relacji z klientem. Są one mistrzami psychologicznego marketingu i wizualnego storytellingu. Latami doskonalą swoją identyfikację tak, aby w spójny sposób przekazywała wartości firmy pozostając jednocześnie na bieżąco z aktualną grupą docelową.</p>
</div>
</div>
<p>Relacja marki z jej brandingiem jest pewnego rodzaju zamkniętym kołem. Dobry branding nadaje marce poczucie profesjonalności, podkreśla jej wartości. Marka natomiast utrzymując jakość swoich usług nadaje początkowo abstrakcyjnym symbolom lub zwykłym kolorom ikoniczną i niepodważalną wartość, sprawiając, że symbole te zapadają w naszą pamięć na zawsze. Aby lepiej zrozumieć znaczenie wizualnej identyfikacji firmy wystarczy prosty eksperyment. Pomyśl o markach takich jak Apple, Adidas, Starbucks, Disney, czy Coca-Cola. Przypomnienie sobie ich logotypów nie powinno sprawić zbyt wielkiego problemu. Zupełnie inaczej jest ze sloganami tych marek. Próba przypomnienia sobie ich jest zdecydowanie trudniejsza, ponieważ to obraz jest wielokrotnie lepiej przyswajalny przez nasz mózg niż tekst.</p>
<h2 class="has-text-color wp-block-heading" id="k5" style="color:#2458e6"><strong>Czy design się opłaca?</strong></h2>
<div class="wp-block-media-text alignwide has-media-on-the-right is-stacked-on-mobile" style="grid-template-columns:auto 31%">
<figure class="wp-block-media-text__media"><img loading="lazy" decoding="async" width="1024" height="991" src="https://www.bluerank.pl/wp-content/uploads/2021/08/9-1024x991.png" alt="" class="wp-image-17321 size-full" srcset="https://www.bluerank.com/wp-content/uploads/2021/08/9-1024x991.png 1024w, https://www.bluerank.com/wp-content/uploads/2021/08/9-300x290.png 300w, https://www.bluerank.com/wp-content/uploads/2021/08/9-768x743.png 768w, https://www.bluerank.com/wp-content/uploads/2021/08/9-1536x1486.png 1536w, https://www.bluerank.com/wp-content/uploads/2021/08/9-2048x1982.png 2048w, https://www.bluerank.com/wp-content/uploads/2021/08/9-52x50.png 52w, https://www.bluerank.com/wp-content/uploads/2021/08/9-441x427.png 441w, https://www.bluerank.com/wp-content/uploads/2021/08/9-344x333.png 344w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>
<div class="wp-block-media-text__content">
<p class="has-black-color has-text-color"><strong>Dobry design wywołuje emocje, wywiera wrażenie, zapada w pamięć.</strong> Ile razy wszedłeś do sklepu prosząc o „nie pamiętam nazwy, ale okładka wyglądała tak i tak, i była niebieska”?<br />Częścią dobrego designu jest utworzenie przekonującego brandingu przyciągającego od pierwszego wejrzenia i budującego reakcję poprzez identyfikowanie się z wartościami firmy.<br />Jednolitość komunikatu wizualnego, odnalezienie swojego stylu i indywidualnego głosu, budowanie zaufania poprzez mówienie językiem wizualnym spójnym z wartościami marki &#8211; efektywny design działający w tandemie z trafnie dobraną komunikacją, to klucz do trwałego zwrócenia uwagi i zatrzymania się w pamięci konsumenta.</p>
</div>
</div>
<div style="height:46px" aria-hidden="true" class="wp-block-spacer"></div>
<div class="wp-block-media-text alignwide is-stacked-on-mobile" style="grid-template-columns:44% auto">
<figure class="wp-block-media-text__media"><img loading="lazy" decoding="async" width="1024" height="595" src="https://www.bluerank.pl/wp-content/uploads/2021/08/10-1024x595.png" alt="" class="wp-image-17322 size-full" srcset="https://www.bluerank.com/wp-content/uploads/2021/08/10-1024x595.png 1024w, https://www.bluerank.com/wp-content/uploads/2021/08/10-300x174.png 300w, https://www.bluerank.com/wp-content/uploads/2021/08/10-768x446.png 768w, https://www.bluerank.com/wp-content/uploads/2021/08/10-1536x893.png 1536w, https://www.bluerank.com/wp-content/uploads/2021/08/10-2048x1190.png 2048w, https://www.bluerank.com/wp-content/uploads/2021/08/10-86x50.png 86w, https://www.bluerank.com/wp-content/uploads/2021/08/10-571x332.png 571w, https://www.bluerank.com/wp-content/uploads/2021/08/10-525x305.png 525w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>
<div class="wp-block-media-text__content">
<p class="has-black-color has-text-color">Dobry projekt jest zapamiętywalny, wywołuje pozytywne przeżycia. W czasach, w których żyjemy coraz szybciej oraz tkwimy w niekończącym się „scrollu” niezwykle ważne jest wyrwanie z niego użytkownika i zatrzymanie jego uwagi. Pomagają w tym infografiki, gify oraz video. Obrazy wysyłają natychmiastowy komunikat mówiący uniwersalnym językiem. <strong>Mądre marki wiedzą, że inwestowanie w design nie kosztuje, a przynosi zyski.</strong></p>
</div>
</div>
<div style="height:35px" aria-hidden="true" class="wp-block-spacer"></div>
<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="328" src="https://www.bluerank.pl/wp-content/uploads/2021/08/11-1-1024x328.png" alt="" class="wp-image-17329" srcset="https://www.bluerank.com/wp-content/uploads/2021/08/11-1-1024x328.png 1024w, https://www.bluerank.com/wp-content/uploads/2021/08/11-1-300x96.png 300w, https://www.bluerank.com/wp-content/uploads/2021/08/11-1-768x246.png 768w, https://www.bluerank.com/wp-content/uploads/2021/08/11-1-1536x492.png 1536w, https://www.bluerank.com/wp-content/uploads/2021/08/11-1-2048x656.png 2048w, https://www.bluerank.com/wp-content/uploads/2021/08/11-1-150x48.png 150w, https://www.bluerank.com/wp-content/uploads/2021/08/11-1-571x183.png 571w, https://www.bluerank.com/wp-content/uploads/2021/08/11-1-525x168.png 525w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>
<p><strong>Zainteresował Cię ten artykuł? Poszukujesz sprawdzonej agencji, która zadba o design Twojej marki? Poznaj nasze usługi <a href="https://www.bluerank.pl/oferta/creation/">Creation</a> i zobacz jak możemy pomóc lub wypełnij <a href="https://www.bluerank.pl/brief/">Brief</a>.</strong></p>
<p class="has-text-color has-small-font-size" style="color:#9ba6af">Źródła:<br />https://www.sweor.com/firstimpressions<br />https://transaction.agency/ecommerce-statistics/38-of-people-will-leave-a-website-if-they-find-the-layout-unattractive/<br />https://uxcam.com/blog/ux-statistics/<br />https://landing.adobe.com/en/na/products/marketing-cloud/350450-forrester-design-led-business-infographic.html?sdid=7WQ465CK&amp;mv=other<br />https://www.forbes.com/sites/danielnewman/2020/06/23/4-actionable-customer-experience-statistics-for-2020/?sh=79b92a221a84mic<br />https://www.nngroup.com/articles/how-long-do-users-stay-on-web-pages/<br />&#8222;Blink: The Power of Thinking Without Thinking&#8221;, Malcolm Gladwell<br />&#8222;Gastrophysics The New Science of Eating&#8221; , Charles Spence<br />&#8222;How To Predict What People Will Buy&#8221;, Lois Cheskin<br />https://shockmarketer.com/call-to-action-color/<br />https://www.t-sciences.com/news/humans-process-visual-data-better<br />https://www.linkedin.com/pulse/20140320051137-22742848-tweets-with-pictures-are-94-more-likely-to-be-retweeted/<br />https://www.omnicoreagency.com/digital-marketing-statistics/<br />https://www.wyzowl.com/video-marketing-statistics/<br />https://www.businessinsider.com/facts-about-coca-cola-2011-6?IR=T</p>
<p></p>The post <a href="https://www.bluerank.com/blog/desing-czyli-dlaczego-visual-marketing-zwiekszy-wartosc-twojej-firmy-i-zbuduje-trwala-relacje-z-klientem/">Design – czyli dlaczego visual marketing zwiększy wartość twojej firmy i zbuduje trwałą relację z klientem.</a> first appeared on <a href="https://www.bluerank.com">Bluerank</a>.]]></content:encoded>
					
					<wfw:commentRss>https://www.bluerank.com/blog/desing-czyli-dlaczego-visual-marketing-zwiekszy-wartosc-twojej-firmy-i-zbuduje-trwala-relacje-z-klientem/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		<enclosure url="https://www.bluerank.pl/wp-content/uploads/2021/08/Comp-1-_1_.mp4" length="1295790" type="video/mp4" />

			</item>
		<item>
		<title>Wszystko o UX writing, czyli jak tworzyć intuicyjne treści, które ludzie będą czytać</title>
		<link>https://www.bluerank.com/blog/wszystko-o-ux-writing-czyli-jak-tworzyc-intuicyjne-tresci-ktore-ludzie-beda-czytac/</link>
					<comments>https://www.bluerank.com/blog/wszystko-o-ux-writing-czyli-jak-tworzyc-intuicyjne-tresci-ktore-ludzie-beda-czytac/#respond</comments>
		
		<dc:creator><![CDATA[Julia Róg]]></dc:creator>
		<pubDate>Wed, 14 Jul 2021 08:41:58 +0000</pubDate>
				<category><![CDATA[Content Marketing]]></category>
		<category><![CDATA[User Experience]]></category>
		<category><![CDATA[UX]]></category>
		<category><![CDATA[content strategy]]></category>
		<category><![CDATA[dostępność cyfrowa]]></category>
		<category><![CDATA[microcopy]]></category>
		<category><![CDATA[UX copy]]></category>
		<category><![CDATA[UX copywriting]]></category>
		<category><![CDATA[UX writer]]></category>
		<category><![CDATA[UX writing]]></category>
		<guid isPermaLink="false">https://www.bluerank.pl/?p=17073</guid>

					<description><![CDATA[<p>Mnogość stron internetowych, produktów, usług i aplikacji sprawia, że potrzebujemy nawigacji – intuicyjnych i użytecznych tekstów, które poprowadzą użytkownika. UX writing to pisanie kompaktowych ...</p>
The post <a href="https://www.bluerank.com/blog/wszystko-o-ux-writing-czyli-jak-tworzyc-intuicyjne-tresci-ktore-ludzie-beda-czytac/">Wszystko o UX writing, czyli jak tworzyć intuicyjne treści, które ludzie będą czytać</a> first appeared on <a href="https://www.bluerank.com">Bluerank</a>.]]></description>
										<content:encoded><![CDATA[</p>
<p>Mnogość stron internetowych, produktów, usług i aplikacji sprawia, że potrzebujemy nawigacji – intuicyjnych i użytecznych tekstów, które poprowadzą użytkownika. UX writing to pisanie kompaktowych treści, które ułatwiają zdobywanie informacji. Dostępność cyfrowa pozwala natomiast korzystać z sieci wszystkim grupom odbiorców. Sprawdź, jak tworzyć UX copy i zadbać o dostępność treści w Internecie.</p>
</p>
<p><strong>Spis treści</strong>:</p>
</p>
<ol class="wp-block-list" type="1">
<li><strong><a href="#k1">UX writing – co to?</a></strong></li>
<li><strong><a href="#k3">Gdzie i jak stosować UX copywriting?</a></strong></li>
<li><strong><a href="#k3">Zasady UX writingu. Co rekomenduje Google?<br /></a><a href="#k4">&#8211; WCAG 2.1.<br /></a>&#8211; <a href="#k5" title="#k5">Prostota</a><br /><a href="#k6">&#8211; Tone of voice, czyli sposób, w jaki mówi marka<br /></a><a href="#k7">&#8211; Style guide &#8211; spójność komunikacji</a></strong></li>
<li><strong><a href="#k8">Dlaczego UX writing jest ważny?</a></strong></li>
</ol>
</p>
</p>
<h2 class="wp-block-heading" id="k1"><strong>UX writing – co to?</strong></h2>
</p>
<p>UX writing to intuicyjne pisanie, które prowadzi użytkownika przez stronę czy aplikację. To technika komunikacji, która <strong>ułatwia przyswajanie wiedzy i realizowanie kluczowych celów na ścieżce konsumenta</strong>. UX writing, określany także jako UXW, UX copywriting czy UX copy, ogranicza ryzyko, że użytkownik opuści stronę, bo treści okażą się dla niego niezrozumiałe.</p>
</p>
<p>Dobre UX copy jest praktycznie niezauważalne, bo wszystkie Twoje działania w danym serwisie przebiegają gładko i bezproblemowo. Wiesz dokładnie, co oznaczają dane przyciski, formularze, podpowiedzi i co zrobić, aby zrealizować swój cel i przykładowo znaleźć interesującą informację. Wniosek? <strong>Lepsze pisanie prowadzi do lepszych doświadczeń użytkownika</strong>.</p>
</p>
<div class="wp-block-image">
<figure class="aligncenter size-large is-resized"><img loading="lazy" decoding="async" src="https://www.bluerank.pl/wp-content/uploads/2021/07/1-1-1024x975.png" alt="" class="wp-image-17074" width="394" height="376" srcset="https://www.bluerank.com/wp-content/uploads/2021/07/1-1-1024x975.png 1024w, https://www.bluerank.com/wp-content/uploads/2021/07/1-1-300x286.png 300w, https://www.bluerank.com/wp-content/uploads/2021/07/1-1-768x731.png 768w, https://www.bluerank.com/wp-content/uploads/2021/07/1-1-1536x1463.png 1536w, https://www.bluerank.com/wp-content/uploads/2021/07/1-1-2048x1950.png 2048w, https://www.bluerank.com/wp-content/uploads/2021/07/1-1-53x50.png 53w, https://www.bluerank.com/wp-content/uploads/2021/07/1-1-448x427.png 448w, https://www.bluerank.com/wp-content/uploads/2021/07/1-1-350x333.png 350w" sizes="auto, (max-width: 394px) 100vw, 394px" /></figure>
</div>
</p>
<p>UX writing jest związany z przyjętą strategią contentową i ma silne punkty styku z UX Research (badania użyteczności, testy A/B) i designem. UX writer często współpracuje z projektantem UX, nanosząc copy bezpośrednio na makiety, co usprawnia prace koncepcyjne i pozwala oszacować odpowiednią ilość i&nbsp;układ tekstu.</p>
</p>
<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:100%">
<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="450" src="https://www.bluerank.pl/wp-content/uploads/2021/07/orange_make_life_easier_ux_writing-1-1024x450.jpg" alt="" class="wp-image-17171" srcset="https://www.bluerank.com/wp-content/uploads/2021/07/orange_make_life_easier_ux_writing-1-1024x450.jpg 1024w, https://www.bluerank.com/wp-content/uploads/2021/07/orange_make_life_easier_ux_writing-1-300x132.jpg 300w, https://www.bluerank.com/wp-content/uploads/2021/07/orange_make_life_easier_ux_writing-1-768x338.jpg 768w, https://www.bluerank.com/wp-content/uploads/2021/07/orange_make_life_easier_ux_writing-1-114x50.jpg 114w, https://www.bluerank.com/wp-content/uploads/2021/07/orange_make_life_easier_ux_writing-1-571x251.jpg 571w, https://www.bluerank.com/wp-content/uploads/2021/07/orange_make_life_easier_ux_writing-1-525x231.jpg 525w, https://www.bluerank.com/wp-content/uploads/2021/07/orange_make_life_easier_ux_writing-1.jpg 1114w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>
</p>
<p>Widzisz różnicę? Po lewej dobre UX copy na stronie <a href="https://flex.orange.pl/">Orange Flex</a>, po prawej brak UX copy na blogu Make Life Easier.</p>
</p>
</div>
</div>
</p>
<div class="wp-block-image">
<figure class="aligncenter size-large is-resized"><img loading="lazy" decoding="async" src="https://www.bluerank.pl/wp-content/uploads/2021/07/3-1024x672.png" alt="" class="wp-image-17080" width="512" height="336" srcset="https://www.bluerank.com/wp-content/uploads/2021/07/3-1024x672.png 1024w, https://www.bluerank.com/wp-content/uploads/2021/07/3-300x197.png 300w, https://www.bluerank.com/wp-content/uploads/2021/07/3-768x504.png 768w, https://www.bluerank.com/wp-content/uploads/2021/07/3-1536x1008.png 1536w, https://www.bluerank.com/wp-content/uploads/2021/07/3-76x50.png 76w, https://www.bluerank.com/wp-content/uploads/2021/07/3-571x375.png 571w, https://www.bluerank.com/wp-content/uploads/2021/07/3-508x333.png 508w, https://www.bluerank.com/wp-content/uploads/2021/07/3.png 1640w" sizes="auto, (max-width: 512px) 100vw, 512px" /></figure>
</div>
</p>
<p>Czy jesteś w stanie szybko znaleźć miejsce, które masz zająć w pociągu? Bilet PKP – dobry przykład na to, jak nie powinien wygląd UX copywriting.</p>
</p>
<h2 class="wp-block-heading" id="k2"><strong>Gdzie i jak stosować UX copywriting?</strong></h2>
</p>
<p>UX writing powinien mieć miejsce wszędzie tam, gdzie masz <strong>do czynienia z masowym odbiorcą</strong>, czyli w internecie, ale nie tylko. Kompaktowe, intuicyjne formy powinny mieć też broszury informacyjne, ulotki, plakaty czy bilety.</p>
</p>
<p>UX writing kojarzony jest przede wszystkim z tekstem w aplikacjach, formularzach i komunikatach błędów. Jest niezbędny, kiedy trzeba <strong>wyjaśnić skomplikowane procedury w zwięzłej i&nbsp;przystępnej formie</strong>. UX copy można podzielić na microcopy i macrocopy.</p>
</p>
<p><strong>Microcopy</strong>, czyli UX writing w krótszej formie:</p>
</p>
<ul class="wp-block-list">
<li>przyciski,</li>
<li>formularze,</li>
<li>paski menu,</li>
<li>FAQ,</li>
<li>komunikaty,</li>
<li>tekst w aplikacjach, który z założenia ma przejrzystą i kompaktową formę.</li>
</ul>
</p>
<p>Czasami trudniej jest napisać skondensowany tekst zawierający 300 wyrazów, przekazując wszystkie kluczowe informacje, niż stworzyć obszerny artykuł, który ma 800 słów. To kwintesencja microcopy, które musi być odpowiednio wyważone i komunikatywne, <strong>by prowadzić użytkownika, a przy okazji realizować zakładane konwersje.</strong></p>
</p>
<p><strong>Macrocopy</strong>, czyli UX writing w dłuższej formie:</p>
</p>
<ul class="wp-block-list">
<li>artykuły,</li>
<li>notki prasowe,</li>
<li>opisy produktów i kategorii,</li>
<li>instrukcje,</li>
<li>umowy.</li>
</ul>
</p>
<p>UX copy to nie tylko aplikacje i formularze. Dłuższe treści, takie jak <strong>artykuły</strong> czy <strong>obszerne instrukcje</strong> <strong>i umowy</strong> również powinny być napisane prostym językiem. Nie od dziś wiadomo o hierarchii treści w&nbsp;artykułach i stosowaniu nagłówków h1, h2, h3, boldowaniu najważniejszych informacji czy używaniu punktorów. Ważna jest też odpowiednia liczba wyrazów w zdaniu i długość akapitów. Wszystko to pozwala odpowiednio uporządkować test, czyniąc go przejrzystszym, skanowalnym, a tym samym user-friendly.</p>
</p>
<div class="wp-block-image">
<figure class="aligncenter size-large is-resized"><img loading="lazy" decoding="async" src="https://www.bluerank.pl/wp-content/uploads/2021/07/2-1-1-1024x771.png" alt="" class="wp-image-17081" width="512" height="386" srcset="https://www.bluerank.com/wp-content/uploads/2021/07/2-1-1-1024x771.png 1024w, https://www.bluerank.com/wp-content/uploads/2021/07/2-1-1-300x226.png 300w, https://www.bluerank.com/wp-content/uploads/2021/07/2-1-1-768x578.png 768w, https://www.bluerank.com/wp-content/uploads/2021/07/2-1-1-1536x1156.png 1536w, https://www.bluerank.com/wp-content/uploads/2021/07/2-1-1-2048x1541.png 2048w, https://www.bluerank.com/wp-content/uploads/2021/07/2-1-1-66x50.png 66w, https://www.bluerank.com/wp-content/uploads/2021/07/2-1-1-567x427.png 567w, https://www.bluerank.com/wp-content/uploads/2021/07/2-1-1-443x333.png 443w" sizes="auto, (max-width: 512px) 100vw, 512px" /></figure>
</div>
</p>
<p>Prostszy język zaczęły stosować urzędy i banki. UX copy sprawdza się także jako zwięzłe podsumowanie not prawnych, co pokazała premiera Cyberpunk 2077. Po lewej stronie znajdują się punkty umowy licencyjnej, a po prawej podsumowanie w bardziej przystępnym, „ludzkim języku’’.</p>
</p>
<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="509" src="https://www.bluerank.pl/wp-content/uploads/2021/07/image-7-1-1024x509.png" alt="" class="wp-image-17121" srcset="https://www.bluerank.com/wp-content/uploads/2021/07/image-7-1-1024x509.png 1024w, https://www.bluerank.com/wp-content/uploads/2021/07/image-7-1-300x149.png 300w, https://www.bluerank.com/wp-content/uploads/2021/07/image-7-1-768x382.png 768w, https://www.bluerank.com/wp-content/uploads/2021/07/image-7-1-1536x763.png 1536w, https://www.bluerank.com/wp-content/uploads/2021/07/image-7-1-101x50.png 101w, https://www.bluerank.com/wp-content/uploads/2021/07/image-7-1-571x284.png 571w, https://www.bluerank.com/wp-content/uploads/2021/07/image-7-1-525x261.png 525w, https://www.bluerank.com/wp-content/uploads/2021/07/image-7-1.png 1799w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /><figcaption>źródło: Cyberpunk 2077 – Umowa użytkownika końcowego</figcaption></figure>
</p>
<p>Chcesz tworzyć micro i macrocopy przyjazne użytkownikom? Sprawdź też: <a href="https://www.bluerank.pl/blog/content-dlaczego-warto-w-niego-zainwestowac-i-czy-lepiej-tworzyc-go-samodzielnie-czy-zlecic-agencji/">Content – dlaczego warto w niego zainwestować i czy lepiej tworzyć go samodzielnie, czy zlecić agencji? &gt;&gt;</a></p>
</p>
<h2 class="wp-block-heading" id="k3"><strong>Zasady UX writingu. Co rekomenduje Google?</strong></h2>
</p>
<p>Teksty tworzone w duchu UX są użyteczne, kompaktowe i proste. Oprócz świetnej jakości, opisywanej wytycznymi <a href="https://www.bluerank.pl/blog/seo-has-to-e-a-t-czyli-jakie-czynniki-wplywaja-na-ocene-jakosci-twojej-strony/">E-A-T</a> (Expertise – Authoritativeness – Trustworthiness), w grę wchodzi sama <strong>prezentacja i układ treści na stronie, ich poznawcza dostępność, a także prosty język, głos marki oraz spójność słownictwa</strong>. Poznaj zasady UX writingu, a zarazem 4 najważniejsze wnioski, które płyną z&nbsp;wytycznych WCAG i rekomendacji Google.</p>
</p>
<h3 class="wp-block-heading" id="k4"><strong>Dostępność cyfrowa – WCAG 2.1.</strong></h3>
</p>
<p>WCAG, czyli Web Content Accessibility Guidelines to zestaw wytycznych opisujących dostępność stron internetowych. Wszystkie strony i aplikacje mobilne podmiotów publicznych muszą być dostępne cyfrowo i nie wykluczać żadnej z grup społecznych, o czym stanowi Ustawa o dostępności cyfrowej z 2012 roku.</p>
</p>
<p><a href="https://www.w3.org/Translations/WCAG21-pl/">Wytyczne WCAG</a> określają, jaką strukturę powinny mieć strony i aplikacje, by były dostępne dla wszystkich, także dla <strong>osób z niepełnosprawnościami wzroku, ruchu, słuchu oraz z&nbsp;niepełnosprawnością intelektualną czy zaburzeniami poznawczymi. </strong>To jednak uniwersalne działania, ułatwiające korzystanie z sieci wszystkim, a nie tylko konkretnym grupom odbiorców.</p>
</p>
<p>Aktualnie obowiązująca wersja WCAG 2.1. bazuje na 4 zasadach: <strong>postrzegalność, zrozumiałość, funkcjonalność i solidność, </strong>określana także jako<strong> kompatybilność</strong>.</p>
</p>
<p>Co zrobić, żeby treści były dostępne cyfrowo? Poniższe wskazówki pomogą Ci dotrzeć do możliwie najszerszej grupy odbiorców i uczynić treści bardziej zrozumiałymi i skanowalnymi.</p>
</p>
<h3 class="has-text-align-center wp-block-heading"><strong>Dostępność cyfrowa – widoczność treści</strong></h3>
</p>
<p><strong>Osoby niedowidzące i niewidome:</strong></p>
</p>
<ul class="wp-block-list">
<li><strong>Stosowanie odpowiednich meta description</strong> (tytuł strony), które zawierają tytuł podstrony, artykułu, a następnie myślnik i nazwę strony.</li>
<li><strong>Struktura nagłówków – tytuły (h1) i nagłówki (h2-h3-…)</strong> kompatybilne z treścią akapitów i zapowiadające ich zawartość. Adekwatna struktura jest rodzajem informującego spisu treści.</li>
<li><strong>ALT Text. </strong>Zdjęcia i grafiki z założenia nie są dostępne, ponieważ mogą być różnie interpretowane i odbierane. Tekst alternatywny tłumaczy zawartość grafiki, dzięki czemu osoba niewidoma poprzez czytnik może dowiedzieć się, co przedstawiają dane obrazy.</li>
<li><strong>Odpowiedni kontrast strony </strong>ułatwia odbiór treści wszystkim, nie tylko osobom z&nbsp;niepełnosprawnościami. WCAG rekomenduje, aby kontrast wynosił od 7 do 1. Natężenie kolorów można sprawdzić na przykład za pomocą Colour Contrast Analyser.</li>
<li><strong>Czytelna czcionka bezszeryfowa o odpowiednim rozmiarze i responsywność</strong>, czyli dopasowanie strony do wielkości ekranu.</li>
<li><strong>Przyciski powiększające tekst (aAA) i druga wersja strony </strong>– kluczowe elementy witryny, takie jak wyszukiwarka muszą być dobrze widoczne. W tym celu można stosować przyciski powiększające tekst czy alternatywną wersję strony, która będzie dostępna cyfrowo dla wszystkich użytkowników.</li>
</ul>
</p>
<p><strong>Osoby niesłyszące:</strong></p>
</p>
<ul class="wp-block-list">
<li><strong>Napisy w materiałach wideo i transkrypcje</strong> w plikach audio, takich jak podcasty.</li>
</ul>
</p>
<p><strong>Osoby z niepełnosprawnościami ruchowymi:</strong></p>
</p>
<ul class="wp-block-list">
<li><strong>Nawigacja po stronie za pomocą klawiatury.</strong> Niektóre osoby ze względu na niepełnosprawność nie mogą używać myszki. Osoby niewidome również korzystają z komputera przy pomocy klawiatury. Strony dostępne cyfrowo muszą mieć możliwość całkowitej nawigacji za pomocą klawiatury i klawiszy TAB, SHIFT+TAB.</li>
</ul>
</p>
<p><strong>Osoby z zaburzeniami funkcji poznawczych:</strong></p>
</p>
<ul class="wp-block-list">
<li><strong>Breadcrumbs </strong>(nawigacja okruszkowa) układające informacje na stronie w logiczną całość. Problemy z pamięcią i uwagą mogą utrudniać korzystanie ze strony – ważne, aby układ treści był intuicyjny, a kroki, które należy wykonać, by zrealizować daną czynność &#8211; opisane zrozumiale.</li>
<li><strong>Komunikaty błędów </strong>uzupełnione o sugerowane rozwiązanie problemu.</li>
<li><strong>Tekst wyrównany do lewej strony</strong>, a nie wyjustowany – ułatwia czytanie osobom z dysleksją.</li>
<li><strong>Zrozumiały tekst </strong>– proste i zwięzłe komunikaty. Narzędzia, takie jak polskie Logios i Jasnopis oraz angielskie Hemingway, korzystają z indeksu FOG. To <strong>indeks czytelności, który określa stopień przystępności tekstu</strong>. Wartości w indeksie mglistości języka FOG oznaczają, ile klas powinien ukończyć czytelnik, by zrozumieć tekst. Poziom trudności jest zależny od charakteru tekstu (instrukcja, tekst B2B, poradnik), ale w przypadku nieskomplikowanych treści, optymalny wynik wynosi 8. Im indeks jest wyższy, tym tekst jest trudniejszy do zrozumienia. Algorytmy narzędzi do prostego języka mogą ułatwiać zadanie, ale nie są idealne, a zarazem nie stanowią zero-jedynkowego wskazania.</li>
</ul>
</p>
<div class="wp-block-image">
<figure class="aligncenter size-large is-resized"><img loading="lazy" decoding="async" src="https://www.bluerank.pl/wp-content/uploads/2021/07/55.png" alt="" class="wp-image-17083" width="477" height="57" srcset="https://www.bluerank.com/wp-content/uploads/2021/07/55.png 954w, https://www.bluerank.com/wp-content/uploads/2021/07/55-300x36.png 300w, https://www.bluerank.com/wp-content/uploads/2021/07/55-768x91.png 768w, https://www.bluerank.com/wp-content/uploads/2021/07/55-150x18.png 150w, https://www.bluerank.com/wp-content/uploads/2021/07/55-571x68.png 571w, https://www.bluerank.com/wp-content/uploads/2021/07/55-525x62.png 525w" sizes="auto, (max-width: 477px) 100vw, 477px" /></figure>
</div>
</p>
<div class="wp-block-image">
<figure class="aligncenter size-large"><img loading="lazy" decoding="async" width="1024" height="282" src="https://www.bluerank.pl/wp-content/uploads/2021/07/3-1-1-1024x282.png" alt="" class="wp-image-17126" srcset="https://www.bluerank.com/wp-content/uploads/2021/07/3-1-1-1024x282.png 1024w, https://www.bluerank.com/wp-content/uploads/2021/07/3-1-1-300x83.png 300w, https://www.bluerank.com/wp-content/uploads/2021/07/3-1-1-768x212.png 768w, https://www.bluerank.com/wp-content/uploads/2021/07/3-1-1-1536x424.png 1536w, https://www.bluerank.com/wp-content/uploads/2021/07/3-1-1-2048x565.png 2048w, https://www.bluerank.com/wp-content/uploads/2021/07/3-1-1-150x41.png 150w, https://www.bluerank.com/wp-content/uploads/2021/07/3-1-1-571x157.png 571w, https://www.bluerank.com/wp-content/uploads/2021/07/3-1-1-525x145.png 525w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>
</div>
</p>
<p>Niedostosowane strony internetowe, niezrozumiałe komunikaty i problemy podczas zamówień online skutecznie powstrzymują użytkowników od sfinalizowania transakcji. Według raportu przygotowanego przez Federację Konsumentów, Polska jest w czołówce państw UE pod względem wykluczenia cyfrowego – 4,5 mln osób nigdy nie korzystało z internetu.</p>
</p>
<h3 class="wp-block-heading" id="k5"><strong>Prostota</strong></h3>
</p>
<p>Treści muszą być zrozumiałe, przejrzyste i napisane prostym językiem. Ale co tak naprawdę oznacza prosty język?</p>
</p>
<p><strong>Zwięzłe komunikaty</strong><br />Tam, gdzie to możliwe stawiaj kropkę, a nie przecinek, by zdania były krótkie, ale jednocześnie wyczerpujące.<br />Według <a href="https://www.nngroup.com/articles/how-little-do-users-read/">badań Nielsen Norman Group</a>, internauci czytają średnio zaledwie około 20-28% tekstu na przeciętnej stronie. Z tego powodu <strong>krótkie zdania (do około 20 wyrazów) i zwięzłe akapity (do 6-7 linijek tekstu)</strong> nabierają szczególnego znaczenia. Pozwalają uporządkować tekst, a dzięki temu użytkownik może wybrać fragmenty, które go interesują.</p>
<p><strong>Zwięzłe komunikaty = łatwiejsze tłumaczenie tekstu</strong><br />Uniwersalne, proste i krótkie treści są praktyczne – łatwiej jest je przetłumaczyć i dokonać lokalizacji strony, czyli dostosowania do języka i kulturowych kontekstów danego kraju. <strong>Niektóre języki, takie jak niemiecki, po przekładzie mogą zwiększyć liczbę znaków o 40%</strong>. Możesz się domyślić, jak bardzo nieczytelna staje się strona po automatycznym tłumaczeniu Google lub profesjonalnym przekładzie biura tłumaczeń.<br />Zwięzłe komunikaty są zatem istotne nie tylko dla lepszego i szybszego zrozumienia zawartości strony, ale także dla jej ewentualnego tłumaczenia.</p>
</p>
<p><strong>Brak żargonu i specjalistycznych określeń</strong><br />Istotne jest <strong>unikanie skomplikowanych pojęć lub wyjaśnianie ich w przystępny sposób</strong>. Obiło Ci się kiedyś o uszy pojęcie <strong>,,klątwa wiedzy’’</strong>? To sytuacja, w której nie jesteś w stanie w prosty sposób wyjaśnić danych zagadnień, bo posiadając większy zestaw informacji, ciężej jest Ci postawić się na miejscu osoby, która ich nie ma. Efekt? Skomplikowane opisy produktów, trudne w&nbsp;odbiorze raporty, zawiłe instrukcje i cała masa nieprzystępnych treści. Buforowanie, renderowanie, uwierzytelnianie – pewnie nie raz zdarzyło Ci się to przeczytać, ale czy nie byłoby łatwiej bez tych określeń?</p>
</p>
<p><strong>Inkluzywność</strong><br />Inkluzywny język to taki, który jest dostępny i zrozumiały dla wszystkich. Jak stosować go w praktyce? Przede wszystkim warto <strong>odchodzić od dominującej formy męskiej</strong> (zamówiłeś, zrobiłeś, sprawdziłeś itp.) i stosować <strong>czas teraźniejszy</strong> (zamawiasz, robisz, sprawdzasz), a także zmieniać wykonawcę czynności (zmówiliśmy, zrobiliśmy, sprawdziliśmy). Warto też stosować <strong>feminatywy</strong>, czyli żeńskie odmiany rzeczowników (psycholożka, ilustratorka, profesorka) lub <strong>neutralne formy</strong> -osobatywy (np. osoba na kierowniczym stanowisku, osoba pracująca, osoba na emeryturze).<br /><strong>Używanie rodzaju męskiego w UI często jest nieadekwatne do kontekstu</strong>, więc dobrym rozwiązaniem jest stawianie na niebinarność, czyli język neutralny płciowo. Komunikaty na stronach o&nbsp;treści: „zapisałeś się’’, „zamówiłeś’’, „wypełniłeś’’ nie są uniwersalne.</p>
</p>
<p><strong>Informowanie</strong><br />Użytkownik powinien doskonale wiedzieć, co wydarzy się na stronie po rozpoczęciu danej akcji – kliknięciu przycisku, otworzeniu zakładki czy rozwinięciu tekstu. W tym celu należy zapewnić <strong>proste i&nbsp;komunikatywne teksty na przyciskach, widoczne i zrozumiałe etykiety przy polach formularza, prowadzenie użytkownika kolorem </strong>czy jasne i dostępne komunikaty błędów z&nbsp;podpowiedziami, jak je naprawić. Pomocne jest też wzbogacanie tekstu infografikami, tabelami i&nbsp;punktorami porządkującymi informacje.</p>
</p>
<div class="wp-block-image">
<figure class="aligncenter size-large is-resized"><img loading="lazy" decoding="async" src="https://www.bluerank.pl/wp-content/uploads/2021/07/4-1-1024x393.png" alt="" class="wp-image-17084" width="768" height="295" srcset="https://www.bluerank.com/wp-content/uploads/2021/07/4-1-1024x393.png 1024w, https://www.bluerank.com/wp-content/uploads/2021/07/4-1-300x115.png 300w, https://www.bluerank.com/wp-content/uploads/2021/07/4-1-768x295.png 768w, https://www.bluerank.com/wp-content/uploads/2021/07/4-1-1536x590.png 1536w, https://www.bluerank.com/wp-content/uploads/2021/07/4-1-2048x787.png 2048w, https://www.bluerank.com/wp-content/uploads/2021/07/4-1-130x50.png 130w, https://www.bluerank.com/wp-content/uploads/2021/07/4-1-571x219.png 571w, https://www.bluerank.com/wp-content/uploads/2021/07/4-1-525x202.png 525w" sizes="auto, (max-width: 768px) 100vw, 768px" /></figure>
</div>
</p>
</p>
<h3 class="wp-block-heading" id="k6"><strong>Tone of voice, czyli sposób, w jaki mówi marka</strong></h3>
</p>
<p>Stosowanie się do dobrych praktyk (dostępność, prosty język, odpowiednie formatowanie tekstu) to podstawowa warstwa UX copy. Sięgając dalej, kluczowa jest <strong>unikalna komunikacja z odbiorcami</strong> – wybór charakterystycznych zwrotów, tonu wypowiedzi, a także nośników i częstości kontaktu.</p>
</p>
<p>Można napisać dobrze skonstruowany, uniwersalny komunikat, ale można też dodać mu charakteru spójnego z wizerunkiem marki.</p>
</p>
<div class="wp-block-image">
<figure class="aligncenter size-large is-resized"><img loading="lazy" decoding="async" src="https://www.bluerank.pl/wp-content/uploads/2021/07/66-1024x512.png" alt="" class="wp-image-17085" width="512" height="256" srcset="https://www.bluerank.com/wp-content/uploads/2021/07/66-1024x512.png 1024w, https://www.bluerank.com/wp-content/uploads/2021/07/66-300x150.png 300w, https://www.bluerank.com/wp-content/uploads/2021/07/66-768x384.png 768w, https://www.bluerank.com/wp-content/uploads/2021/07/66-100x50.png 100w, https://www.bluerank.com/wp-content/uploads/2021/07/66-571x286.png 571w, https://www.bluerank.com/wp-content/uploads/2021/07/66-525x263.png 525w, https://www.bluerank.com/wp-content/uploads/2021/07/66.png 1195w" sizes="auto, (max-width: 512px) 100vw, 512px" /><figcaption><em>Źródło: Google I/O ’17 – How Words Can Make Your Product Stand Out</em></figcaption></figure>
</div>
</p>
<p>Według Google, <strong>głos marki jest stały i stosunkowo niezmienny w czasie</strong>. Ma określone atrybuty (np. pomocny, prosty, świeży), które pojawiają się w komunikacji niezależnie od sytuacji.</p>
</p>
<p>Tonacja marki, czyli <strong>ton wypowiedzi, zmienia się natomiast w zależności od kontekstu</strong>. Ton to dostosowywanie języka do zadania, które aktualnie wykonuje użytkownik i towarzyszących mu emocji (np. podczas tworzenia konta, logowania się do serwisu czy pojawienia się komunikatu błędu). Język może być bardziej pozytywny i emocjonujący podczas inicjowania działań na stronie. Komunikaty błędu i&nbsp;inne niepowodzenia to natomiast nie najlepszy moment na poczucie humoru – należy wtedy zastosować proste, zwięzłe i rzeczowe komunikaty.</p>
</p>
<p>Ton zmienia się w czasie, by jak najlepiej współgrać z akcją, którą wykonuje użytkownik, a jednocześnie jest niezachwianie spójny z głosem marki.</p>
</p>
<p>Dowiedz się więcej o tone of voice i UX writingu z prelekcji Google I/O &gt;&gt;</p>
</p>
<figure class="wp-block-embed aligncenter is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio">
<div class="wp-block-embed__wrapper">
<iframe loading="lazy" title="How Words Can Make Your Product Stand Out (Google I/O &#039;17)" width="500" height="281" src="https://www.youtube.com/embed/DIGfwUt53nI?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
</div><figcaption><em><a href="https://www.youtube.com/watch?v=DIGfwUt53nI">How Words Can Make Your Product Stand Out (Google I/O &#8217;17)</a></em></figcaption></figure>
</p>
</p>
<p><strong>Głos i ton marki są związane z brandingiem</strong>: krojem pisma, key visualami i paletą kolorów. Dobrze skonstruowany przekaz (UXW), spójny z warstwą wizualną i głosem marki, to sposób na udaną komunikację. Zobacz, jak robi to InPost – prosto i klarownie, ale w swoim stylu.</p>
</p>
<div class="wp-block-image">
<figure class="aligncenter size-large is-resized"><img loading="lazy" decoding="async" src="https://www.bluerank.pl/wp-content/uploads/2021/07/77-1024x643.png" alt="" class="wp-image-17086" width="660" height="414" srcset="https://www.bluerank.com/wp-content/uploads/2021/07/77-1024x643.png 1024w, https://www.bluerank.com/wp-content/uploads/2021/07/77-300x188.png 300w, https://www.bluerank.com/wp-content/uploads/2021/07/77-768x483.png 768w, https://www.bluerank.com/wp-content/uploads/2021/07/77-1536x965.png 1536w, https://www.bluerank.com/wp-content/uploads/2021/07/77-80x50.png 80w, https://www.bluerank.com/wp-content/uploads/2021/07/77-571x359.png 571w, https://www.bluerank.com/wp-content/uploads/2021/07/77-525x330.png 525w, https://www.bluerank.com/wp-content/uploads/2021/07/77.png 1980w" sizes="auto, (max-width: 660px) 100vw, 660px" /></figure>
</div>
</p>
</p>
<p><strong>Tone of voice na przykładzie Android App</strong></p>
</p>
<p>Zespół Google, podczas prac nad <a href="https://developers.google.com/style/tone">tone of voice</a> Androida, stworzył głos aplikacji, który był <strong>oczywisty, klarowny, zwięzły i użyteczny</strong>. Idąc dalej, określając ton Androida, dobrano kolejne 3 przymiotniki, które miały charakteryzować markę: <strong>świeży, empatyczny, przystępny</strong>.</p>
</p>
<p>Przeprowadzone badania oraz przymiotniki wyłowione z analizy semantycznej pozwoliły na tworzenie określonej, charakterystycznej komunikacji Androida, która jest zrozumiała i zwięzła, ale jednocześnie wyróżniająca się na tle innych produktów Google.</p>
</p>
<div class="wp-block-image">
<figure class="aligncenter size-large is-resized"><img loading="lazy" decoding="async" src="https://www.bluerank.pl/wp-content/uploads/2021/07/88.png" alt="" class="wp-image-17087" width="324" height="214" srcset="https://www.bluerank.com/wp-content/uploads/2021/07/88.png 817w, https://www.bluerank.com/wp-content/uploads/2021/07/88-300x198.png 300w, https://www.bluerank.com/wp-content/uploads/2021/07/88-768x507.png 768w, https://www.bluerank.com/wp-content/uploads/2021/07/88-76x50.png 76w, https://www.bluerank.com/wp-content/uploads/2021/07/88-571x377.png 571w, https://www.bluerank.com/wp-content/uploads/2021/07/88-505x333.png 505w" sizes="auto, (max-width: 324px) 100vw, 324px" /></figure>
</div>
</p>
</p>
<p><strong>Tone of voice na przykładzie Smarta i Mercedesa</strong></p>
</p>
<p>Mercedes i Smart są własnością tej samej firmy macierzystej, ale głosy marek są zgoła inne, ponieważ są skierowane do bardzo różnych odbiorców. Słownik marki Smart może zawierać: zwinny, ekspresyjny, dynamiczny, zabawny i przyjazny. Słownik marki Mercedes to natomiast: precyzja, luksus, styl, inżynieria i wydajność.</p>
</p>
<h3 class="wp-block-heading" id="k7"><strong>Style guide – spójność komunikacji</strong></h3>
</p>
<p>Style guide to przewodnik redakcyjny określający <strong>dobre praktyki dotyczące pisania i&nbsp;formatowania treści</strong>. Tworzenie słowników semantycznych z preferowanymi przez markę określeniami pozwala ujednolicić komunikację i wyznaczyć jej tory.</p>
</p>
<p>Style guide jako element briefu jest <strong>niezbędny podczas tworzenia contentu</strong> – artykułów blogowych i sponsorowanych, specjalnych akcji promocyjnych, a szczególnie w procesie tworzenia nowych produktów, takich jak aplikacje. Dzięki temu, przykładowo przyciski pozwalające realizować daną akcję będą nazywały się tak samo w całym systemie (np. stosowanie tylko określenia „rozpocznij’’, a nie „kliknij’’). Style guide pozwala zachować spójność, a zarazem charakter marki.</p>
</p>
<p>Przewodnik redakcyjny zawiera również informacje o <strong>typografii, logotypach, kolorach</strong> i innych elementach związanych z wizualną reprezentacją treści.</p>
</p>
<p>Jeśli chcesz sprostać wytycznym Google dotyczącym UX i SEO, skorzystaj z <a href="https://www.bluerank.pl/blog/czym-sa-rozszerzone-audyty-sxo/">Audytu SXO</a> i zoptymalizuj swoją witrynę, by była bardziej przyjazna użytkownikom.</p>
</p>
<div class="wp-block-image">
<figure class="aligncenter size-large is-resized"><img loading="lazy" decoding="async" src="https://www.bluerank.pl/wp-content/uploads/2021/07/5-1-1024x397.png" alt="" class="wp-image-17088" width="768" height="298" srcset="https://www.bluerank.com/wp-content/uploads/2021/07/5-1-1024x397.png 1024w, https://www.bluerank.com/wp-content/uploads/2021/07/5-1-300x116.png 300w, https://www.bluerank.com/wp-content/uploads/2021/07/5-1-768x298.png 768w, https://www.bluerank.com/wp-content/uploads/2021/07/5-1-1536x595.png 1536w, https://www.bluerank.com/wp-content/uploads/2021/07/5-1-2048x794.png 2048w, https://www.bluerank.com/wp-content/uploads/2021/07/5-1-129x50.png 129w, https://www.bluerank.com/wp-content/uploads/2021/07/5-1-571x221.png 571w, https://www.bluerank.com/wp-content/uploads/2021/07/5-1-525x203.png 525w" sizes="auto, (max-width: 768px) 100vw, 768px" /></figure>
</div>
</p>
</p>
<h2 class="wp-block-heading" id="k8"><strong>Dlaczego UX writing jest ważny?</strong></h2>
</p>
<p>UX writing nie kończy się na tworzeniu intuicyjnych, prostych treści i nawigowaniu użytkownika. UX copy jest ważne zarówno dla odbiorców, jak i dla Twojej strony internetowej.</p>
</p>
<ul class="wp-block-list">
<li><strong>Google Page Experience Update 2021</strong></li>
</ul>
</p>
<p><strong>UX writing prowadzi użytkownika przez stronę i eliminuje niepewność</strong></p>
</p>
<p>Google stawia na User Experience – pokazują to czerwcowe aktualizacje algorytmu, które kładą duży nacisk na szybkość ładowania strony, bezpieczeństwo, dostosowanie witryn do urządzeń mobilnych, a&nbsp;przede wszystkim na pozytywne doświadczenia użytkownika. <strong>Sposób konsumpcji treści – layout strony, typografia, kontrasty i UX writing znacząco wpływają na ścieżkę użytkownika</strong>. Mogą pomóc mu wykonać dane zadanie lub wprowadzić w zakłopotanie, niepewność, a w rezultacie doprowadzić do porzucenia koszyka, artykułu blogowego, opuszczenia witryny i znalezienia bardziej przyjaznej strony, na której treści są przystępne i intuicyjne.</p>
</p>
<p>Sprawdź też: <a href="https://www.bluerank.pl/blog/core-web-vitals-podstawowe-wskazniki-internetowe/">Core Web Vitals – podstawowe wskaźniki Internetowe &gt;&gt;</a></p>
</p>
<ul class="wp-block-list">
<li><strong>Dopracowane microcopy i CTA przyczyniają się do wzrostu konwersji</strong></li>
</ul>
</p>
<p>Wiesz, że Android po zmianie przycisku z „dodaj kartę” na „rozpocznij”, odnotował <strong>wzrost liczby kliknięć o 12%</strong>? Dobrze skonstruowane microcopy, czyli teksty na przyciskach, na pasku menu czy w&nbsp;formularzach, może znacząco polepszyć doświadczenia użytkowników i lepiej konwertować. <strong>UX writing tworzy konwersację pomiędzy użytkownikiem a produktem i poprawia user flow w&nbsp;serwisie.</strong></p>
</p>
<ul class="wp-block-list">
<li><strong>Nadawanie unikalnego głosu produktom</strong></li>
</ul>
</p>
<p>Według UX writerów z Google, dobre copy to element podstawowy, a nadanie głosu i tonu marki to element, który pozwala prosperować i wyróżniać się na tle innych. Dzięki UX writing możesz nadać unikalnego głosu i charakteru swoim produktom.</p>
</p>
<ul class="wp-block-list">
<li><strong>Zmiany społeczne – deklaracje banków i urzędów w sprawie prostego języka</strong></li>
</ul>
</p>
<p>UX copywriting i prosty język stają się standardem w aplikacjach i na stronach internetowych. Urzędy zaczęły modyfikować komunikaty na stronach, by były bardziej przystępne i zrozumiałe – przykładem jest ZUS i zmiana komunikatu o zasiłku chorobowym. Powstała także deklaracja banków w sprawie standardów prostego języka, która dotyczy zmiany języka bankowego i tworzenia prostszych, zrozumiałych dla wszystkich komunikatów. Jak widzisz, <strong>UX writing i prosty język znacząco poprawiają doświadczenia użytkownika i tę formę komunikacji można spotkać nie tylko w&nbsp;aplikacjach, ale wszędzie tam, gdzie odbiorca jest masowy</strong>.</p>
</p>
<div class="wp-block-image">
<figure class="aligncenter size-large is-resized"><img loading="lazy" decoding="async" src="https://www.bluerank.pl/wp-content/uploads/2021/07/99-1-724x1024.png" alt="" class="wp-image-17089" width="362" height="512" srcset="https://www.bluerank.com/wp-content/uploads/2021/07/99-1-724x1024.png 724w, https://www.bluerank.com/wp-content/uploads/2021/07/99-1-212x300.png 212w, https://www.bluerank.com/wp-content/uploads/2021/07/99-1-768x1086.png 768w, https://www.bluerank.com/wp-content/uploads/2021/07/99-1-1086x1536.png 1086w, https://www.bluerank.com/wp-content/uploads/2021/07/99-1-35x50.png 35w, https://www.bluerank.com/wp-content/uploads/2021/07/99-1-302x427.png 302w, https://www.bluerank.com/wp-content/uploads/2021/07/99-1-235x333.png 235w, https://www.bluerank.com/wp-content/uploads/2021/07/99-1.png 1240w" sizes="auto, (max-width: 362px) 100vw, 362px" /></figure>
</div>
</p>
<p><strong>Źródła:</strong></p>
</p>
<ul class="wp-block-list">
<li><em>Zarządzanie treścią. Strategie i narzędzia</em>, Meghan Casey</li>
<li><em>Microcopy: The Complete Guide</em>, Kinneret Yifrah</li>
<li>Nielsen Norman Group</li>
<li>WCAG 2.1.</li>
<li>Google I/O ’17 – <a href="https://www.youtube.com/watch?v=DIGfwUt53nI">How Words Can Make Your Product Stand Out</a></li>
<li>Google I/O ’21 – <a href="https://www.youtube.com/watch?v=uIcA4_JJmns&amp;list=RDCMUCcnSNQb0tLVd8uT7gzI8duA&amp;start_radio=1&amp;rv=uIcA4_JJmns&amp;t=0">Material&#8217;s communication principles: Intro to UX Writing | Workshop</a></li>
</ul>The post <a href="https://www.bluerank.com/blog/wszystko-o-ux-writing-czyli-jak-tworzyc-intuicyjne-tresci-ktore-ludzie-beda-czytac/">Wszystko o UX writing, czyli jak tworzyć intuicyjne treści, które ludzie będą czytać</a> first appeared on <a href="https://www.bluerank.com">Bluerank</a>.]]></content:encoded>
					
					<wfw:commentRss>https://www.bluerank.com/blog/wszystko-o-ux-writing-czyli-jak-tworzyc-intuicyjne-tresci-ktore-ludzie-beda-czytac/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
