Używanie tekstu do zwiększania konwersji – jak typografia w projektowaniu stron internetowych może zwiększyć sprzedaż

Jako marketer cyfrowy konwersja jest jedną z głównych rzeczy, które będziesz śledzić w swoich kampaniach. Prawdopodobnie zastanawiasz się nad wieloma różnymi sposobami jak optymalizować konwersje na konkretnej stronie. Jest jednak jedna rzecz, która często jest pomijana przez wielu tak zwanych hakerów wzrostu, a mianowicie używanie tekstu w celu zwiększenia konwersji.

Tak, dobrze to słyszałeś! Kopia tekstowa jest podstawą każdej strategii content marketingu. Jest to forma treści, którą najczęściej widzisz w Internecie, ale jest ona również ściśle powiązana z atrakcyjnością wizualną. W końcu, jeśli tekst nie wygląda dobrze, jak możesz oczekiwać, że strona zostanie przekonwertowana zgodnie z oczekiwaniami?

W tym poście omówimy typografię, jej główne elementy i sposoby, w jakie możesz to zrobić Wykorzystaj skuteczną typografię, aby zwiększyć sprzedaż w dłuższej perspektywie!

Co to jest typografia?

Zanim zagłębimy się w działanie tekstu w celu zwiększenia konwersji, musimy dowiedzieć się, czym jest typografia. Aby wszystko było proste, możesz rozważyć typografię jako miejsce spotkania sztuki i tekstu.

Typografia została wprowadzona do większości świata żywego w połowie XV wieku przez Johannesa Gutenberga i jego ruchomą czcionkę. W świecie komputerów typografia zaczęła zyskiwać na znaczeniu dzięki Steve’owi Jobsowi i jego pierwszemu Macowi.

Kiedy na świecie pojawił się Internet, znaczenie typografii eksplodowało. Stało się jednym z najważniejszych elementów projektowania stron internetowych, jak to tylko możliwe pomóż wyróżnić swoją witrynę potencjalnym użytkownikom.

Najważniejsze elementy typografii

Wiele osób nadal myli typografię z czcionkami, co jest dość częstym zjawiskiem. W tej części, która rozszerza definicję typografii, omówimy sześć podstawowych elementów typografii:

• Krój pisma - Większość ludzi myli krój pisma z czcionką, chociaż nie są to te same rzeczy. Rozważ krój pisma jako rodzinę, która tworzy pojedyncze znaki, litery i cyfry o tym samym wzorze. Arial, Times New Roman i Comic Sans to kroje pisma, a nie czcionki, jak wielu mogłoby pomyśleć.
• Czcionka - Zatem jeśli krój pisma jest rodziną, czcionki są jej członkami. Mówiąc ściślej, czcionka to styl kroju pisma, który ma określony rozmiar, wagę i szerokość. Na przykład Arial to krój pisma; a 16-punktowa czcionka Arial Bold. Zasadniczo czcionki to sposób na dostarczenie określonej formy artystycznej zwanej krojem pisma.
• Długość linii – Jest to odległość zajmowana przez tekst znajdujący się pomiędzy prawym i lewym marginesem w tym samym wierszu. Idealnie byłoby, gdyby długość linii nie była ani za krótka, ani za długa, ponieważ może to sprawić, że czytanie treści będzie znacznie trudniejsze, niż jest to pożądane.
• wiodący – Jest to odległość w pionie pomiędzy każdą linią tekstu. W większości przypadków chcesz zwiększyć lead, aby był bardziej zrozumiały dla użytkowników.
• Kerning – Jest to odstęp pomiędzy każdym znakiem lub literą. Zazwyczaj kerning najlepiej pozostawić na wartościach domyślnych, ale można go dodatkowo dostosować, aby sprawdzić, co najlepiej sprawdza się w przypadku Twojej witryny.
• Śledzenie – Ten element kroju pisma, nazywany również odstępem między literami, dotyczy określonej liczby znaków i liter.

Dlaczego typografia jest ważna w projektowaniu stron internetowych?

Pierwsze wrażenie jest ważne w naszym życiu osobistym, podobnie jak w świecie Internetu. Badania przeprowadzone przez Taylor & Francis Online wykazały, że tak zajmuje 05 sekundy aby użytkownicy mogli wyrobić sobie opinię na temat konkretnej witryny internetowej.

Typografia jest niezbędna, ponieważ jest jednym z podstawowych elementów projektu Twojej strony internetowej. Pomyśl o tym: jeśli ludzie nie mogą przeczytać tekstu na Twojej stronie, ponieważ słowa są zbyt blisko siebie lub rozmiar tekstu jest za mały, najprawdopodobniej opuszczą Twoją witrynę niezadowoloną.

Kiedy zastosujesz słabą typografię na swojej stronie, najprawdopodobniej współczynnik konwersji spadnie, a to ostatnia rzecz, której potrzebujesz na talerzu. Nawet jeśli Twoi potencjalni klienci pozostaną na Twojej stronie internetowej, która ma słabą typografię, najprawdopodobniej nie zapamiętają wiadomości, którą chciałeś im przekazać, ale wysiłek, jaki wymagało ich przeczytanie.

Z powyższych powodów, stosując efektywną typografię zwiększenie konwersji jest niezbędne. Dzięki skutecznej typografii możesz zoptymalizować proces zrozumienia informacji, które wyświetlasz na swojej stronie. Jeśli dobrze sformatujesz tekst na swojej stronie internetowej, cała uwaga zostanie skupiona na treści, a nie na walce o jej zrozumienie.

As większość ludzi skanuje zawartość Internetu, używanie tekstu i prowadzenie użytkowników za pomocą odpowiedniej typografii do punktu działania to właściwy sposób na zwiększenie konwersji!

Praktyczne wskazówki dotyczące używania tekstu w celu zwiększenia konwersji

Teraz, gdy nauczyłeś się już czegoś więcej o typografii i tym, jak pomaga ona wyróżnić Twoje treści internetowe, oto kilka wskazówek, jak z niej korzystać aby przyspieszyć rozwój Twojej witryny!

Pamiętaj o rozmiarze czcionki!

Źródło pliku: researchgate

Rozmiar czcionki ma ogromne znaczenie dla zatrzymania użytkowników i dalszego zwiększania współczynników konwersji! Tak, nasze mózgi rzeczywiście przetwarzają obrazy dziesiątki tysięcy razy szybciej niż tekst, więc każdy sposób na skrócenie czasu procesji za pomocą tekstu jest mile widziany!

Weźmy na przykład an badanie eye-trackingowe sprawdzające, jak rozmiar i rodzaj czcionki wpływają na czytanie w Internecie. Używając większych czcionek, cały tekst na stronach internetowych jest zwykle czytany znacznie szybciej.

Jeśli więc masz witrynę zawierającą dużo tekstu, nie męcz użytkowników – zwiększ rozmiar czcionki! Tak, każda czcionka jest inna, ale tutaj panuje konsensus dotyczący rozmiarów czcionek dla witryn zawierających dużo tekstu:

• 16px – jest to minimum w przypadku stron zawierających dużo tekstu, więc nie schodź poniżej tej liczby! Zasadniczo ten rozmiar czcionki to rozmiar, który przeglądarki miały domyślnie wyświetlać, więc nie ma wątpliwości, dlaczego jest to minimum.
• 18px – jest to złoty średni rozmiar czcionki dla stron zawierających dużo tekstu, dzięki któremu ludzie mniej męczą oczy, patrząc na monitor.
• 20px i więcej – chociaż początkowo może wydawać się zbyt duży, niektóre witryny internetowe działają jeszcze lepiej przy takim rozmiarze czcionki. Brać Średni, dla przykładu. Używają czcionki o rozmiarze 21 pikseli, aby miliony historii były bardziej czytelne dla szerszej publiczności.

Ponadto większe rozmiary czcionek zwykle tworzą silniejsze więzi emocjonalne. Może to jest krok, który musisz wykonać, aby użytkownicy kliknęli przycisk CTA, który zakończył się konwersją?

Nie nadużywaj stylów czcionek!

Źródło pliku: Tealfeed

Style czcionek zazwyczaj obejmują: pogrubienie, italski, i podkreśl. Możesz użyć tych trzech, aby podkreślić określone słowa lub zdania. Mimo to powinieneś unikać ich nadmiernego używania, ponieważ jest to jeden z najczęstszych błędów edycyjnych, jakie spotykamy we wszystkich treściach internetowych.

Nie nadużywaj stylów czcionek w całych akapitach. Zamiast tego użyj ich, aby wskazać słowa, które chcesz najbardziej rezonować z użytkownikami. Nie chcesz znaleźć się w sytuacji, w której będziesz w niewłaściwy sposób wykorzystywać tekst do zwiększania konwersji.

Dostosuj odpowiednio odstępy między wierszami!

Mówimy tutaj o prowadzeniu. To taka mała rzecz, a jednak niezbędna, jeśli chodzi o wykorzystanie tekstu w celu zwiększenia konwersji. Jeśli masz odbiorców z częściowym wzrokiem, mogą oni mieć trudności ze znalezieniem początku następnego wiersza tekstu.

Dlatego powszechną praktyką jest rozmieszczanie linii co najmniej 25 do 30% rozmiaru czcionki. Dzięki temu sprawisz, że Twój tekst będzie czytelny dla praktycznie każdego czytelnika!

Ponadto zawsze powinieneś zwracać uwagę na siebie dodaj odpowiednią przestrzeń między akapitami. Zasadniczo chcesz pogrupować akapity, aby dopasować je do wiadomości, którą chcesz przekazać w kilku zdaniach. W ten sposób, Twoje treści będą bardziej czytelne do Twojej grupy docelowej.

Chcesz także zwrócić uwagę na hierarchia wizualna Twojego typu. Można to zrobić poprzez odpowiednie ustawienie tagów nagłówka, ale to nie wszystko, co możesz zrobić. Jednym z najlepszych sposobów prawidłowego wykorzystania hierarchii wizualnej jest powiększenie najważniejszych wiadomości objętych tekstem. Ostatecznie chcesz poprowadzić użytkowników tak, aby mogli przeczytać informacje w określonej kolejności, która ma sens. Dzięki temu ogólna treść będzie miała większe znaczenie.

Wraz ze wszystkimi ww. wykorzystaj białe znaki aby skupić się na obszarach, na które chcesz zwrócić uwagę odbiorców. W ten sposób pozwolisz swojemu projektowi odetchnąć i zapewnisz kontekst tam, gdzie jest on najbardziej potrzebny.

Unikaj wierszy wdów, słów osieroconych i dzielenia wyrazów

Wdowy i sieroty to dość powszechne terminy w składach. Mają bardzo podobny charakter, ale wiele osób myli je ze sobą. Wdowy wskazuje wiersz tekstu kończący akapit, który znajduje się samotnie na początku strony. Sierota to linia otwierająca akapit, która znajduje się na końcu określonej strony. Obydwa mogą pogorszyć czytelność tekstu, szczególnie w przypadku projektowania stron internetowych.

Cóż, naprawienie tych dwóch problemów nie jest takie trudne i wszystko sprowadza się do powyższej wskazówki. Możesz albo przepisać akapit, aby dopasować go do całości, albo dostosować interlinię i odstępy, aby utworzyć węższe akapity.

Ponadto dzielenie wyrazów jest dość częstym zjawiskiem w projektowaniu stron internetowych i może zmienić lub zepsuć całą typografię w Twojej witrynie. Zasadniczo dzielenie wyrazów polega na użyciu myślnika w celu podzielenia słowa (na przykład: przyjazne psom). Problem pojawia się w sytuacjach, gdy trzeba użyć myślnika, aby oddzielić słowo od końca linii. Zamiast tego po prostu przeciągnij dane słowo do nowej linii, aby całkowicie nie zepsuć czytelności!

Nie przeocz wyrównania tekstu!

Wyrównanie tekstu często jest pomijany, jeśli chodzi o tekst w projektowaniu stron internetowych. Ale jeśli zrobisz to dobrze, zdziała cuda, jeśli chodzi o przetwarzanie informacji. Oto kilka wskazówek, których należy przestrzegać, jeśli chodzi o wyrównywanie tekstu w projektowaniu stron internetowych:

• Unikaj centrowania akapitów. Chociaż niektórzy twierdzą, że wyśrodkowanie całych akapitów może wydawać się bardziej artystyczne, to, co robią, jest całkowitym przeciwieństwem. Ponieważ większość z nas w społeczeństwach zachodnich uczy się czytać od lewej do prawej, w naszej naturze leży podróżowanie do początku każdej linijki. Wyśrodkowanie akapitu utrudnia naszemu mózgowi przetwarzanie wszystkich informacji.
• Wyśrodkuj tylko wtedy, gdy chcesz podkreślić wiadomość. Mimo to wyśrodkowanie akapitu jest więcej niż mile widziane, jeśli Twoim celem jest skupienie się na określonym fragmencie tekstu. Tworzy kontrast, który natychmiast przekazuje wiadomość czytelnikom. Centrowanie tekstu jest również przydatne w przypadku nagłówków i cytatów.

Połącz kroje pisma, które wyglądają świetnie razem!

Źródło pliku: Creative Bloq

Kiedy używasz tylko jednego krój w całej witrynie może być nieco nudno. Nie oznacza to jednak, że powinieneś używać dziesięciu różnych krojów pisma na swojej stronie internetowej. Prostota jest tutaj kluczowa, ale nie bój się trochę poeksperymentować. W końcu chcesz, aby Twoje treści wyglądały tak atrakcyjnie, jak to tylko możliwe, prawda?

Jedną z zasad parowania krojów pisma na stronach internetowych jest używanie nie więcej niż dwóch lub trzech krojów jednocześnie. Obecnie dzięki usługom takim jak Google Fonts można renderować więcej krojów pisma niż kiedykolwiek wcześniej. Choć może to być nieco przytłaczające, oto lista 36 idealnych par czcionek aby Cię zainspirować!

Dzięki ogromnej liczbie opcji wyboru krojów pisma i czcionek możesz jeszcze bardziej dostosować tekst, aby promieniował wyjątkową osobowością Twojej firmy. Chcesz wyglądać kreatywnie czy tradycyjnie? Dzięki odpowiedniemu wyborowi kroju pisma możesz uzyskać oba te odcienie i wiele więcej. Nie przeocz tego, ponieważ jest to jeden z najlepszych sposobów wykorzystania tekstu w celu zwiększenia konwersji!

Wiedz, kiedy odpowiednio rozróżniać czcionki bezszeryfowe i szeryfowe!

Ściśle powiązane z powyższym punktem są dwa główne typy: bezszeryfowy i szeryfowy. Niektórzy opowiadaliby się za jednym, inni za drugim. Najważniejsze jest to, że nie ma konkretnych badań sugerujących, że Sans-Serif jest lepszy niż Serif i odwrotnie. Nie oznacza to jednak, że należy przestrzegać pewnych konwencji:

• Znak bezszeryfowy jest łatwiejszy do odczytania i jest lepszy w przypadku kopii głównej – jeśli chodzi o treści internetowe, czcionki bezszeryfowe sprawdzają się tutaj najlepiej. Dzieje się tak dlatego, że ten typ jest prosty i wymaga od użytkowników mniej czasu na odszyfrowanie wiadomości, którą próbujesz przekazać.
• Szeryf jest lepszy w przypadku nagłówków – mimo że szeryf jest bardziej złożony niż bezszeryf, właśnie dlatego chcesz go używać w swoich nagłówkach. Serif emanuje charakterem i chcesz, aby ta postać przedstawiała główne punkty Twoich treści online.

 

Kiedy zrównoważysz te dwa typy, możesz stworzyć interesującą wizualnie treść, która przyciągnie więcej użytkowników do przeczytania całej treści i przeprowadzenia konwersji, na którą czekasz!

Wybierz typ pasujący do Twojej wiadomości

Według badania „Ludzie rzeczywiście łączą kroje pisma z różnymi osobowościami”. badanie przeprowadzone przez Evę R. Brumberger. Większość cech kroju pisma można podzielić na trzy kategorie: bezpośredniość, elegancję i przyjazność.

Zgodnie z powyższym punktem rozważ jaki rodzaj wiadomości chcesz przekazać z Twoją stroną internetową i brandingiem. Chcesz brzmieć profesjonalnie czy żartobliwie? A może chcesz brzmieć kreatywnie i zabawnie? Ustaw odpowiednio krój pisma, a przyciągniesz odpowiednich ludzi.

Jedną z dziedzin biznesu internetowego, w której jest to przydatne, jest e-mail marketingu. Na podstawie badanie od 2019, za każdego dolara wydanego na marketing e-mailowy średni zwrot z inwestycji wynosi 1 dolary! To ogromna liczba i naprawdę nic dziwnego, że wiele firm działających w Internecie koncentruje się na strategiach marketingu e-mailowego, aby przyciągnąć nowych klientów.

Dlatego e-mail marketing to bardzo konkurencyjna dziedzina, w której liczy się każdy najdrobniejszy szczegół. Jednym ze świetnych sposobów na wyróżnienie się wśród klientów jest zastosowanie odpowiedniej typografii, zgodnej z komunikatem, który chcesz wysłać!

Ponieważ jednak coraz więcej firm korzysta z marketingu e-mailowego w celu przyciągnięcia odpowiedniego rodzaju odbiorców, skalowanie jest ważniejsze niż kiedykolwiek. Ponadto, jeśli Twoja lista e-mailowa jest pełna różnych osób, takich jak profesjonaliści i zwykli konsumenci, ręczne tworzenie szablonów będzie w najlepszym wypadku czasochłonne.

Na szczęście jest ich dziesiątki bezpłatne usługi marketingu e-mailowego które pomogą Ci zaoszczędzić czas na zadaniach operacyjnych oraz umożliwią dalsze planowanie i tworzenie strategii rozwoju Twojej firmy! Większość z nich oferuje szablony wiadomości e-mail, automatyzację wiadomości e-mail i raporty umożliwiające śledzenie kampanii e-mail marketingu.

Wykorzystaj kontrast na swoją korzyść

Źródło pliku: 3.7 wzory

Jak myślisz, dlaczego znaki drogowe są tak widoczne dla wszystkich ludzi? Wyróżniają się na tle reszty otoczenia, sprawiając, że zakładamy, że te elementy są ważne. To główny powód, dla którego w pierwszej kolejności przyglądamy się takim elementom.

To samo można zastosować do projektowania stron internetowych. Używanie tekstu w celu zwiększenia konwersji czasami może być tak proste, jak wykorzystując kontrast na swoją korzyść. Zasadniczo chcesz tutaj zrobić zwiększyć czytelność aby Twoi użytkownicy zatrzymaj się dłużej na swoich treściach.

Jednym z typowych sposobów jest stworzenie odpowiedniego kontrastu pomiędzy tekstem a tłem. Trwa debata pomiędzy dwoma rodzajami kontrastu:

• Biały tekst na ciemnym tle
• Czarny tekst na białym tle

Chociaż biały tekst na ciemnym tle (lub „tryb ciemny”) ma swoje zalety, badania pokazują, że czarny tekst na jasnym tle (lub „tryb jasny”) prowadzi w większości przypadków do lepszej wydajności.

Mimo to „tryb ciemny” może przynieść korzyści użytkownikom, którzy czytają Twoje treści w warunkach słabego oświetlenia. Dlaczego więc nie włączyć obu trybów kontrastu tekstu i sprawdzić, co stanie się z konwersjami?

Weź pod uwagę wiek swoich użytkowników

Według Statistydemografia użytkowników Internetu przedstawia się następująco:

• 18 do 24 – Wzrost o 18
• 25 do 34 – Wzrost o 32
• 35 do 44 – Wzrost o 19
• 45 do 54 – Wzrost o 14
• 55 do 64 – Wzrost o 10
• 65 lat i więcej – Wzrost o 7

Teraz weź pod uwagę fakt z CDC że około 12 milionów osób w wieku 40 lat i więcej ma wadę wzroku. Zasadniczo, jeśli nie zoptymalizujesz tekstu w swoich treściach online tak, aby był czytelny dla osób z wadami wzroku, stracisz 50% użytkowników Internetu.

 

Typografia to tylko wierzchołek góry lodowej!

Oczywiście użycie tekstu i typografii nie będzie jedynymi rzeczami, które zwiększą konwersję w Twoim przypadku. Być może będziesz musiał całkowicie zmienić przeznaczenie treści lub wybrać lepsze słowa kluczowe, dla których możesz łatwiej uzyskać ranking.

Chodzi o to, kreatywność w optymalizacji konwersji co będzie? wyróżni Cię na tle konkurencji w końcu. A rzeczą, która może Cię wyróżnić, może być po prostu dopracowanie typografii!

Jeśli nie możesz zrobić tego sam, zawsze możesz znajdź projektantów stron internetowych online, aby przekształcić zawartość internetową w wizualne arcydzieło. W końcu ludzie cenią obecnie treści wizualne bardziej niż zwykły tekst.

O autorze

Pasją Roberta od zawsze były narzędzia internetowe, które ułatwiają życie. Dlatego założył Tester narzędzi strony internetowej, gdzie znajdziesz recenzje i tutoriale dotyczące najlepszych na świecie twórców stron internetowych i platform e-commerce.

Źródło: https://blog.2checkout.com/how-typography-in-web-design-can-boost-sales/