Jak czcionka i jej rozmiar mogą poprawić markę Twojej witryny?

Każdy właściciel firmy wie, jak ważna jest przejrzysta, odpowiednio zaprojektowana i dobrze utrzymana strona internetowa. W dzisiejszych czasach, jeśli nie udostępnisz swoim klientom strony internetowej, która naprawdę im zaimponuje, stracisz ich znacznie szybciej niż zdobycie ich zaufania.

Niestety, większość przedsiębiorców wkłada wysiłek i zatrudnia projektantów, którzy są dobrzy w rozwoju, często pomijają jedną kluczową cechę – krój pisma.

Od stylu czcionki, której używasz, po rozmiar tekstu, który ma każda z twoich wewnętrznych stron internetowych, jest to jedna z rzeczy, które będą decydującym czynnikiem o tym, czy Twoi klienci pozostaną, będą wchodzić w interakcje i ostatecznie dokonać konwersji.

Prawda jest taka, że ​​chociaż czcionki nie wydają się tak istotne, mają moc, aby podnieść lub obniżyć Twoją firmę. To naprawdę proste, jeśli odwiedzający Twoją witrynę nie chce lub nie może przeczytać opublikowanych przez Ciebie treści, Twoja wiadomość do nich nie przejdzie, a co za tym idzie, nie będziesz w stanie dokonać konwersji. Kilka badań wykazało, że rodzaj krojów czcionek użytych w witrynie wpływa nie tylko na czytelność, ale także na nastrój, wrażenia użytkownika, a nawet postrzeganą długość artykułu. Dlatego ważne jest, aby Twój projektant rozumiał różnicę między tworzeniem strony internetowej z dużą ilością treści, a tworzeniem takiej, która ma przyjemny i efektowny projekt, który poprawia nastrój czytelnika.

„Tekst to piękna grupa liter, a nie grupa pięknych liter”.

– Mateusz Carter

Kiedy myślisz o czcionkach, jaka jest pierwsza rzecz, która przychodzi ci na myśl? Jeśli jesteś jak większość ludzi, którzy jeszcze nie rozumieją ich znaczenia, prawdopodobnie myślisz o krojach pisma, takich jak Calibri, Comic Sans, Arial, Times New Roman i innych. Musisz jednak wiedzieć, że to tylko podstawy. Mówiąc o typografii, która musi zostać zaimplementowana na Twojej stronie internetowej, musisz wziąć pod uwagę nie tylko kroje pisma, ale także ich rozmiary, kolory, kerning i odstępy.

W tym artykule naszym celem jest nie tylko poinformowanie Cię o wpływie ważnych cech czcionek, ale także przedstawienie praktycznych sugestii, które możesz wykorzystać do zwiększenia współczynników konwersji własnej witryny. Przygotuj się więc na ołówek i notatnik, ponieważ jest to rodzaj informacji, których nie chcesz przegapić.

Kroje pisma i ich wpływ

Jeśli przeczytałeś kilka artykułów na temat czcionek i typografii, wiesz, że istnieje kilka krojów pisma, które są uznawane za godne publikacji w Internecie. Podczas gdy niektórzy zgadzają się, że Gruzja przynosi najlepsze wyniki, inni uważają, że Baskerville zabiera do domu zwycięską chwałę. Ale zanim zaczniemy o tym mówić, omówmy ogólny wpływ krojów pisma na branding Twojej witryny. To jest ta rzecz; jeśli twoja treść jest trudna do odczytania, ponieważ litery są zbyt blisko siebie lub rozmiar jest zbyt mały, wtedy albo odejdą natychmiast, albo spróbują przeczytać jeszcze przez kilka sekund i ostatecznie odejdą, jeśli nadal będzie to dla nich trudne. Nawet jeśli masz bardzo lojalnych klientów, którzy poświęcili swój czas i faktycznie przeczytali całą kopię, będą pamiętać, że zajęło im to zbyt dużo czasu i w końcu ich stracisz.

Krój pisma, który wybierzesz dla swojej witryny, ma kluczowe znaczenie, ponieważ sprawi, że cały proces czytania, zrozumienia i zrozumienia Twojej wiadomości będzie łatwy. Jeśli wybierzesz czcionkę, która jest zgodna z twoimi czytelnikami, ich uwaga pozostanie na informacjach, które podajesz, a nie na tym, ile czasu zajęło przeczytanie.

Praktyczna wskazówka: nie każda czcionka będzie działać na każdej stronie internetowej. Czcionki mają różne osobowości, a ten, na który się zdecydujesz, zależy wyłącznie od Twojej firmy, rodzaju klientów, którym obsługujesz, i przekazu, który chcesz przedstawić. Najlepiej byłoby przeprowadzić dogłębne badania i przyjrzeć się krojom pisma używanym przez inne firmy z tej samej branży. Wypróbuj i przetestuj kilka typów na różnych platformach, aby wiedzieć, że podejmujesz właściwą decyzję. Pamiętaj, że wybór odpowiedniej czcionki zajmie trochę czasu, ale wszystko się opłaci, gdy zauważysz wzrost współczynników konwersji.

Rozmiary czcionek i ich wpływ

Kiedy mówisz o rozmiarze czcionki, jednym z głównych problemów, które powinieneś mieć, jest czytelność. Czytelność staje się o wiele ważniejsza, ponieważ chcesz mieć pewność, że Twoja wiadomość zostanie dostrzeżona. Nawet jeśli wybrana czcionka nie jest idealna, odpowiedni rozmiar pozwoli Ci zaoszczędzić, ponieważ przynajmniej odwiedzający nie będzie musiał męczyć oczu, aby przeczytać prezentowaną treść. Jeśli masz odpowiedni rozmiar czcionki, Twoi klienci będą o wiele bardziej skłonni przeczytać Twoją wiadomość, wchodzić w interakcje, a nawet rozpowszechniać informacje. Kiedy będziesz w stanie lepiej komunikować się ze swoimi klientami, Twój branding będzie miał pozytywny wpływ, a to z kolei zwiększy reputację Twojej firmy.

Praktyczna wskazówka: Rozmiar, w jakim wybierzesz czcionkę do prezentacji, zależy od kontekstu projektowego witryny. Podczas gdy wizytówka może wymagać bardzo małego rozmiaru, plakat wydarzenia będzie wymagał znacznie większego. Ale ponieważ mówimy konkretnie o projektowaniu stron internetowych, musisz rozważyć, czy publikujesz na urządzenia mobilne, czy na ogólne ekrany. Z reguły eksperci zalecają używanie od 10 do 14 pikseli w treści treści i od 16 do 20 pikseli w nagłówkach lub tytułach. Aby uzyskać najlepsze wyniki, możesz przećwiczyć sprawdzanie rozmiarów, które są dla Ciebie odpowiednie, a następnie odpowiednio dostosować, jeśli wydają się nie działać dobrze. Co więcej, jeśli obsługujesz różne rozmiary ekranu (co powinieneś), upewnij się, że czcionka działa również dobrze, gdy rozmiar jest zmniejszony na urządzeniach mobilnych.

Kolor czcionki i Twoja strona internetowa

Jeśli chcesz jak najlepiej dotrzeć ze swoją wiadomością do odwiedzających, musisz nie tylko wziąć pod uwagę dobór słów, ale także sposób ich prezentacji. Teraz, mimo że kolor czcionki może nie wydawać się tak wielkim problemem, jest to coś, co ma duży wpływ, zwłaszcza jeśli masz szczególnie ciekawą witrynę. Psychologia kolorów to cała dziedzina nauki i można się z niej wiele nauczyć. Jednak wdrażając kolor, zwłaszcza w czcionkach, pamiętaj, aby nie przesadzać, ponieważ w końcu będzie to wyglądało śmiesznie. Wybrane przez Ciebie kolory powinny nie tylko wzmocnić podstawowe wartości Twojej firmy, ale także wzmocnić podstawową osobowość, z którą łączą się klienci. Jeśli wybierzesz niewłaściwy kolor czcionki, będą one działać przeciwko Tobie i Twojej firmie.

Kolejną cechą, o której warto tutaj wspomnieć, jest kontrast. Kontrast tekstu lub strony to różnica w ciemności, która występuje między tłem a tekstem. Chociaż nie chcesz używać starych technik, takich jak umieszczanie czerwonego tekstu na zielonym tle, powinieneś zadbać o dobry kontrast między tekstem a tłem, aby zwiększyć czytelność.

Praktyczna wskazówka: Po pierwsze, zanim zdecydujesz się na kolor czcionki, musisz bardzo dokładnie przemyśleć kolory i czcionkę, która powinna być lub była już zintegrowana z Twoją marką i jej logo. Na przykład, kiedy myślisz o Coca-Coli, prawdopodobnie wyczarujesz bardzo charakterystyczną kręconą czcionkę wraz z czerwonym kolorem. Wybierając kolor, eksperci zalecają, aby myśleć o nim jak o kolorowaniu pokoju w domu. Jeśli chcesz, aby Twoi odwiedzający czuli się ciepło i przytulnie podczas czytania bloga, użyj matowych czerwieni i pomarańczy, ponieważ mają one na celu odprężenie i uspokojenie zmysłów. Ale znowu pamiętaj, aby nie przesadzać, ponieważ większość treści wygląda dobrze i jest czytelna w czerni, w zależności od koloru tła.

Czcionki nagłówków i co powinieneś wiedzieć

Nagłówki, których używasz w swoich treściach, są niezwykle ważne nie tylko pod względem samych słów, ale także sposobu ich prezentacji. Kilka badań wykazało, że jeśli nie użyjesz chwytliwych i przyciągających uwagę nagłówków, Twoi goście będą szukać czegoś ciekawszego do przeczytania. Istnieją pewne wzorce w sposobie, w jaki ludzie czytają sieć i dzięki temu dowiesz się, że większość treści jest po prostu skanowana. Tak więc, jeśli nie przyciągniesz uwagi odwiedzającego za pomocą nagłówka, jego szanse na przeczytanie zmniejszą się jeszcze bardziej. Teraz pamiętaj, że zarówno czcionka, jak i kolor, którego użyjesz w nagłówku, zadecydują o tym, czy odwiedzający będzie chciał go przeczytać. Tak więc, chociaż nie chcesz zacząć używać Comic Sans tylko po to, by przyciągnąć uwagę, powinieneś zachować czytelność.

Praktyczna wskazówka: jeśli łączysz czcionki w pary (jeden do nagłówka, a drugi do głównej treści), upewnij się, że rzeczywiście dobrze razem wyglądają. Parowanie może czasami być trudne, ponieważ musisz upewnić się, że większość elementów czcionek jest dopasowana, aby nie różniły się zbytnio od siebie. W takim przypadku czcionka nagłówka musi uzupełniać treść. Z drugiej strony, jeśli używasz tego samego kroju pisma, możesz poeksperymentować z różnymi rozmiarami i odstępami między wierszami, aby ulepszyć nagłówek. Ten sam krój czcionki nie tylko zapewni czytelnikowi harmonię wizualną, ale także zmniejszy liczbę czcionek, które trzeba załadować, co zwiększa ogólny czas ładowania i wydajność.

Długość linii i jej znaczenie

Większość osób tworzących stronę internetową weźmie pod uwagę czcionkę, rozmiar, kolor i kontrast użytego tekstu. Jednak brakuje im długości linii. Długość linii odpowiada za zwiększenie lub zmniejszenie ogólnej czytelności i odnosi się do liczby słów lub znaków znajdujących się w każdej poziomej linii. Na czytelność wpływa krótkość lub długość zdań. Jeśli wybrana czcionka sprawia, że ​​linie wydają się zbyt długie, oczy odwiedzającego będą musiały przebyć dużą odległość, co zniechęci go do czytania, ponieważ będzie to wymagało dużo wysiłku. Z drugiej strony, jeśli wiersze są zbyt krótkie, ciąg zdań zostanie przerwany, a odwiedzający straci zainteresowanie.

Praktyczna wskazówka: Jedną z teorii zaproponowanych przez Usability Institute Baymard jest to, że powinieneś wybrać czcionkę, która używa 50-75 znaków (ze spacjami) w wierszu, ponieważ zapewnia to optymalną czytelność. Możesz również użyć kalkulatora typograficznego Golden Ratio, aby określić idealną długość linii w zależności od ekranu używanego do odczytywania treści.

Kerning i dlaczego to ma znaczenie

Według Wikipedii „Kerning to proces dostosowywania odstępów między znakami w czcionce proporcjonalnej, zwykle w celu uzyskania zadowalającego wizualnie rezultatu”. Jeśli używasz dobrej czcionki, będzie ona dobrze kerningowana, a odstępy między każdą parą znaków będą podobne. Jeśli masz projektanta, który ustawia krój pisma w programie graficznym, takim jak Photoshop, będzie mógł zmieniać odstępy między literami i wprowadzać poprawki, aż czcionka i kerning będą wyglądać idealnie. Nie skupianie się na kerningu będzie cię kosztować, ponieważ często jest to największa pojedyncza rzecz, która odróżnia pracę zawodową od tej, którą wykonują amatorzy lub niedoszli projektanci.

Praktyczna wskazówka: Jeśli chcesz, aby Twoja witryna wyglądała profesjonalnie, ilość miejsca między każdą literą musi być równa. Jeśli projektujesz krój pisma, pamiętaj o zintegrowaniu kerningu, ponieważ czytelność wzrośnie, jeśli między literami będzie ciągłość przestrzenna. Z drugiej strony, jeśli używasz czcionek, które już istnieją, nie musisz się tym martwić, ponieważ wszystkie te czcionki będą zawierać informacje o odstępach.

Wniosek

Dla właścicieli firm, którzy chcą poprawić branding swojej witryny i przyciągnąć więcej klientów, kluczowym aspektem do zapamiętania jest użycie krojów pisma, które uzupełniają tekst. Jeśli robisz wszystko dobrze, wpłynie to również na emocje, nastrój i działanie twojego czytelnika. To z kolei zwiększy prawdopodobieństwo, że przekształcą się w lojalnego klienta. Pamiętaj, że jednym z najlepszych sposobów przetestowania czcionki, jej rozmiaru, koloru itp. jest przetestowanie jej i zobaczenie, jakie przyniesie rezultaty. Poświęć też temu całemu procesowi trochę czasu i nie podzielaj uwagi, ponieważ jeśli chcesz perfekcji, będę musiał na to zapracować.

Na koniec zostawiam was z tym inspirującym cytatem Steve'a Jobsa, który jest przede wszystkim odpowiedzialny za to, dlaczego tak wiele uwagi poświęcamy dziś czcionkom.

„Postanowiłem wziąć udział w zajęciach z kaligrafii, aby nauczyć się tego (nauczyć się kaligrafii). Dowiedziałem się o czcionkach Serif i Sans-Serif, o różnicowaniu odstępów między różnymi kombinacjami liter, o tym, co sprawia, że ​​świetna typografia jest świetna. To było piękne. Historyczny. Artystycznie subtelny w sposób, którego nauka nigdy nie jest w stanie uchwycić”.

- Steve Jobs