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 zapewnisz swoim klientom strony internetowej, która naprawdę zrobi na nich wrażenie, stracisz ich znacznie szybciej, niż zajęło ci zdobycie ich zaufania.

Niestety, większość przedsiębiorców wkłada wysiłek i zatrudnia projektantów, którzy są dobrzy w programowaniu, często zapominając o jednej kluczowej cechy – kroju pisma.

Od używanego stylu czcionki, po rozmiar tekstu, który ma każda z wewnętrznych stron witryny, jest to jedna z rzeczy, które będą decydować o tym, czy Twoi klienci pozostaną, będą wchodzić w interakcje i ostatecznie konwertować.

Prawda jest taka, że ​​chociaż czcionki nie wydają się mieć aż takiego wpływu, mają moc, która może wynieść Twoją firmę wysoko w górę lub w dół. To naprawdę proste, jeśli osoba odwiedzająca Twoją witrynę nie chce lub nie może przeczytać opublikowanych przez Ciebie treści, Twoja wiadomość nie zostanie do nich przekazana, a co za tym idzie, nie będziesz w stanie dokonać konwersji. Kilka badań wykazało, że rodzaj krojów czcionek używanych na stronie internetowej wpływa nie tylko na czytelność, ale także 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 całą masą treści a tworzeniem takiej, która ma przyjemny i efektowny wygląd, który poprawia nastrój czytelnika.

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

-Mathew Cartera

Kiedy myślisz o czcionkach, jaka jest pierwsza rzecz, która przychodzi Ci do głowy? 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 inne. Musisz jednak wiedzieć, że to tylko podstawy. Mówiąc o typografii, którą należy zaimplementować na swojej stronie internetowej, musisz wziąć pod uwagę nie tylko kroje czcionek, 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 wskazówek, które możesz wykorzystać do zwiększenia współczynników konwersji własnej witryny. Więc przygotuj 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ą uważane za godne opublikowania w Internecie. Podczas gdy niektórzy zgadzają się, że Gruzja przynosi najwięcej wyników, 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 treść jest trudna do odczytania, ponieważ litery są zbyt blisko siebie lub rozmiar jest za mały, albo natychmiast opuszczą stronę, albo spróbują czytać 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 nie spieszyli się 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, rozumienia i rozumienia wiadomości będzie bezproblemowy. Jeśli wybierzesz czcionkę, która zgadza się z twoimi czytelnikami, ich uwaga pozostanie na informacjach, które podajesz, a nie na czasie potrzebnym na przeczytanie.

Praktyczna wskazówka: nie każda czcionka będzie działać na każdej stronie. Czcionki mają różne osobowości, a to, na które się zdecydujesz, zależy całkowicie od Twojej firmy, rodzaju klientów, których obsługujesz, i wiadomości, którą chcesz przedstawić. Najlepszą rzeczą do zrobienia byłoby przeprowadzenie szeroko zakrojonych badań i przyjrzenie się krojom pisma używanym przez innych w tej samej branży. Wypróbuj i przetestuj kilka typów na różnych platformach, aby mieć pewność, że podejmujesz właściwą decyzję. Pamiętaj, że wybór odpowiedniej czcionki zajmie trochę czasu, ale wszystko będzie tego warte, gdy zobaczysz wzrost współczynników konwersji.

Rozmiary czcionek i ich wpływ

Kiedy mówisz o rozmiarze czcionki, jedną z głównych obaw, które powinieneś mieć, jest czytelność. Czytelność staje się o wiele ważniejsza, ponieważ chcesz mieć pewność, że Twoja wiadomość zostanie odczytana. Nawet jeśli wybrana czcionka nie jest idealna, odpowiedni rozmiar zaoszczędzi Ci czasu, ponieważ przynajmniej odwiedzający nie będzie musiał wytężać wzroku, aby przeczytać treść, którą prezentujesz. Jeśli masz odpowiedni rozmiar czcionki, Twoi klienci będą o wiele bardziej skłonni do przeczytania Twojej wiadomości, interakcji, a nawet rozpowszechniania informacji. Kiedy będziesz w stanie lepiej komunikować się ze swoimi klientami, Twoja marka będzie miała pozytywny wpływ, a to z kolei zwiększy reputację Twojej firmy.

Praktyczna wskazówka: Rozmiar wybranej czcionki 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ą stosowanie rozmiaru od 10 do 14 pikseli dla treści głównej i od 16 do 20 pikseli dla nagłówków lub tytułów. Aby uzyskać najlepsze wyniki, możesz sprawdzić w praktyce rozmiary, które wydają Ci się odpowiednie, a następnie odpowiednio je dostosować, jeśli wydają się nie działać dobrze. Co więcej, jeśli obsługujesz ekrany o różnych rozmiarach (co powinieneś), upewnij się, że czcionka dobrze sobie radzi również po zmniejszeniu rozmiaru na urządzeniach mobilnych.

Kolor czcionki i Twoja witryna

Jeśli chcesz, aby Twoja wiadomość dotarła do odwiedzających w najlepszy możliwy sposób, nie tylko musisz 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, ma to duży wpływ, zwłaszcza jeśli masz szczególnie wesołą stronę internetową. Psychologia kolorów to cały obszar badań i można się z niej wiele nauczyć. Jednak podczas wdrażania kolorów, zwłaszcza w czcionkach, pamiętaj, aby nie przesadzić, ponieważ skończy się to śmiesznie. Kolory, które wybierzesz, powinny nie tylko podkreślać podstawowe wartości Twojej firmy, ale także wzmacniać osobowość, z którą łączą się klienci. Jeśli ostatecznie wybierzesz niewłaściwy kolor czcionki, będą one działać przeciwko Tobie i Twojej firmie.

Kolejną cechą, o której warto wspomnieć, jest kontrast. Kontrast twojego 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ś upewnić się, że istnieje 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óre powinny być lub zostały już zintegrowane 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. Eksperci zalecają, aby przy wyborze koloru pomyśleć o tym 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 zrelaksować i uspokoić zmysły. Ale znowu pamiętaj, aby nie przesadzić, ponieważ większość treści wygląda dobrze i jest czytelna na czarno, w zależności od koloru tła.

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

Nagłówki, których używasz do treści, są niezwykle ważne nie tylko pod względem rzeczywistych 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 przejdą dalej i będą szukać czegoś bardziej interesującego do przeczytania. Istnieją określone wzorce sposobu, 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 gościa nagłówkiem, jego szanse na przeczytanie spadną jeszcze bardziej. Teraz pamiętaj, że zarówno czcionka, jak i kolor użyty w nagłówku zadecydują, 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 (używając jednej dla nagłówka, a drugiej dla głównej treści), upewnij się, że rzeczywiście dobrze razem wyglądają. Parowanie może być czasami trudne, ponieważ musisz upewnić się, że większość elementów czcionek pasuje do siebie, aby nie różniły się zbytnio od siebie. W takim przypadku czcionka nagłówka musi uzupełniać tekst główny. Z drugiej strony, jeśli używasz tego samego kroju pisma, możesz eksperymentować z różnymi rozmiarami i odstępami między wierszami, aby ulepszyć nagłówek. Ten sam krój pisma nie tylko zapewni wizualną harmonię czytelnikowi, ale także zmniejszy liczbę czcionek, które należy załadować, zwiększając w ten sposób ogólny czas ładowania i wydajność.

Długość linii i jej znaczenie

Większość osób tworzących stronę internetową bierze pod uwagę czcionkę, rozmiar, kolor i kontrast użytego tekstu. Jednak to, czego im brakuje, to długość linii. Długość linii odpowiada za zwiększenie lub zmniejszenie ogólnej czytelności i odnosi się do liczby słów lub znaków obecnych 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żego wysiłku. Z drugiej strony, jeśli linie są zbyt krótkie, przepływ zdań zostanie przerwany, a odwiedzający straci zainteresowanie.

Praktyczna wskazówka: Jedna z teorii zaproponowana przez Usability Institute Baymard głosi, że powinieneś wybrać czcionkę, która wykorzystuje 50-75 znaków (ze spacjami) na linię, ponieważ zapewnia to optymalną czytelność. Możesz także użyć Kalkulatora Typografii Złotego Podziału, aby określić idealną długość linii w zależności od ekranu używanego do czytania 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 kerowana, a odstęp między każdą parą znaków będzie podobny. 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. Nieskupianie się na kerningu będzie cię kosztować, ponieważ często jest to najważniejsza rzecz, która odróżnia profesjonalną pracę od pracy wykonanej przez amatorów lub niedoszłych projektantów.

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

Wniosek

Dla właścicieli firm, którzy chcą poprawić markę swojej witryny i przyciągnąć więcej klientów, kluczowym aspektem, o którym należy pamiętać, jest użycie krojów pisma, które uzupełniają kopię. Jeśli robisz wszystko dobrze, wpłynie to również na emocje, nastrój i działanie 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. będzie 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.

„Zdecydowałem się wziąć udział w zajęciach z kaligrafii, aby dowiedzieć się, jak to zrobić (nauczyć się kaligrafii). Dowiedziałem się o krojach szeryfowych i bezszeryfowych, 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’a Jobsa