Jak używać kroju i rozmiaru czcionki, aby poprawić współczynniki konwersji?

Krój pisma jest jedną z najbardziej niedocenianych cech, które projektanci często zaniedbują podczas projektowania strony internetowej. Dobry projektant zna znaczenie typografii i jej wpływ na widza. Badania wykazały, że wybrany rodzaj typografii może poprawiać lub zmniejszać wrażenia użytkownika i nastrój widza. Jeśli odwiedzający uzna, że ​​Twoje treści są zbyt trudne do odczytania lub nieatrakcyjne, prawdopodobnie opuści witrynę; co z kolei zmniejszy współczynniki konwersji. Idealny wybór czcionki może poprawić wrażenia użytkownika, a także może odzwierciedlać wizję i cele Twojej firmy. Celem nie powinno być tylko stworzenie strony internetowej z wysokiej jakości treścią, ale stworzenie takiej, która będzie miała atrakcyjną wizualnie, wysokiej jakości treść.

Jak wybrać idealną czcionkę i błędy, których należy unikać:

Wybór odpowiedniej typografii obejmuje wybór odpowiedniego rodzaju czcionki, odpowiedniego rozmiaru czcionki, idealnego koloru, odstępów między wierszami i kerningu. Chociaż typografia może wydawać się nieistotna w porównaniu z innymi aspektami projektowania stron internetowych, odgrywa ona kluczową rolę w zwiększaniu współczynników konwersji. Przy wyborze odpowiedniej typografii należy wziąć pod uwagę pewne względy.

Powiązany post: Nadaj swojej witrynie lifting czcionek

1. Wybierz czcionkę dla grupy docelowej i taką, która reprezentuje tożsamość Twojej marki

Jeśli nie znasz koncepcji czcionek, prawdopodobnie uważasz, że czcionki takie jak Calibri, Arial itp. są zaprojektowane dla określonego kontekstu. Musisz zacząć myśleć nieszablonowo i przejść do wyboru czcionki na podstawie grupy docelowej i tożsamości marki. Każda czcionka ma swoją własną osobowość. Czy twoją grupą docelową są milenialsi, czy próbujesz zbliżyć się do nieco bardziej dojrzałej kategorii pokoleń? Czy Twoja witryna jest tworzona dla konkretnej płci? Czy czcionka pasuje do rodzaju prowadzonej przez Ciebie działalności? Są to pytania, które musisz sobie zadać, zanim zdecydujesz się na czcionkę.

• Nowoczesna/współczesna czcionka

Te czcionki mają zwykle minimalistyczny i schludny wygląd. Ich piękno tkwi w ich prostocie. Postacie są często albo bardzo cienkie, albo odważne, jak Lombok.

Pobierz go z serwisu Behance .

Powiązany post: Jak dostosować witrynę WordPress, dodając niestandardowy CSS

• Tradycyjna czcionka

Te czcionki dają bardziej tradycyjny klimat, ponieważ istnieją od dłuższego czasu. Oznaczają wygodę i niezawodność, reprezentowane przez czcionki Georgia, New Time Roman itp. Jeśli chcesz, aby Twoja witryna miała staromodną i klasyczną osobowość, powinieneś wybrać te czcionki. Czcionki takie jak Athene i Barbaro również mogą służyć do tego celu.

Pobierz Ateny w Behance .

Pobierz Barbaro na 1001 czcionek .

• Wyrafinowanie i wdzięk

Czcionki, które zwykle mają wiele łuków i krzywych, są często używane w witrynach związanych z urodą lub romantyzmem. Na przykład skrypt Castro emanuje romantyczną atmosferą, podczas gdy czcionki takie jak Vanity są idealne do tworzenia witryn związanych z urodą.

Pobierz Ateny w Dribble .

• Pogrubione czcionki

Dobrze zdefiniowane czcionki z mocnymi i pogrubionymi znakami są zwykle używane do tworzenia odważnych wypowiedzi i natychmiastowego przyciągania uwagi użytkownika. Dobrymi przykładami są czcionki takie jak Consequences i Nevis.

Pobierz Konsekwencje w Fontspace .

Pobierz Nevis z Fontspace .

• Spersonalizowane czcionki

Zawsze możesz zdecydować się na niestandardową czcionkę, stworzoną specjalnie, aby naprawdę uchwycić istotę Twojej firmy. Pomoże Ci stworzyć własną, wyróżniającą się tożsamość marki.

2. Czytelność

Celem Twojej witryny powinno być dotarcie do klientów za pośrednictwem treści, ale może to być trudne do zrobienia, jeśli treść nie jest czytelna. Jeśli treść Twojej witryny jest zbyt trudna do odczytania, użytkownicy chętniej ją opuszczą. Może to przyczynić się do wyższych współczynników odrzuceń i spadku współczynników konwersji. Poniżej wymieniono niektóre czynniki wpływające na czytelność treści:

• Projekt

Chociaż kreatywne czcionki mogą dodać energii Twojej witrynie, nigdy nie należy z tym przesadzać. Nie powinieneś robić czcionki tak ekstrawaganckiej, że jej rozszyfrowanie staje się prawie niemożliwe. Czasami mniej znaczy więcej; więc nie komplikuj zbytnio sprawy, czyniąc treść zbyt trudną do odczytania dla odwiedzających. Nigdy nie rezygnuj z czytelności!

Korzystanie z czcionek o jeden za dużo wzorów spowoduje bałagan i niechlujny wygląd. Staraj się unikać tego błędu, ponieważ może to wprowadzić w błąd odwiedzającego i przyczynić się do ogólnego negatywnego wrażenia. Podczas tworzenia strony internetowej trzymaj się jednej lub kilku czcionek.

• Rozmiar

Coś potencjalnie tak nieistotnego, jak rozmiar czcionki, może nadal odgrywać ogromną rolę w dokładnym przedstawianiu wizji i tożsamości Twojej marki odwiedzającym witrynę. Rozmiar czcionki, który ma zostać zaimplementowany, nie powinien być zbyt mały, aby nie obciążać oczu widza, ani zbyt duży, aby zajmował większość obszaru strony. Bardziej prawdopodobne jest, że będziesz mieć lepszą platformę do interakcji z odwiedzającymi, jeśli rozmiar czcionki jest czytelny. Co więcej, będą lepiej przygotowani do zrozumienia Twojego przekazu. W dzisiejszych czasach ludzie uzyskują dostęp do Internetu za pośrednictwem różnych urządzeń (smartfonów, laptopów, tabletów itp.). Musisz więc wybrać rozmiar czcionki zgodny z różnymi interfejsami.

• Znaczenie odstępów między wierszami i kerningu

Czynniki takie jak odstępy między wierszami i kerning pomagają widzowi dostrzec przybliżoną długość treści. Jeśli treść wydaje się zbyt długa lub jej czytanie jest zbyt kłopotliwe, odwiedzający najprawdopodobniej opuści stronę. Ponadto, jeśli odstęp między znakami lub wierszami jest zbyt szeroki lub niewystarczający, użytkownik może napotkać trudności w czytaniu artykułu. Kerning i odstępy między wierszami muszą być równe każdemu wierszowi/znakowi; w przeciwnym razie Twoja witryna może mieć nieprofesjonalny charakter.

Powiązany post: Kilka sposobów, aby Twoja witryna była łatwo dostępna

3. Schemat kolorów

Przy wyborze kolorystyki należy wziąć pod uwagę grupę docelową i jej preferencje. Pomyśl o docelowej grupie wiekowej, płci i niszy; następnie wybierz odpowiedni schemat kolorów. Badania wykazały, że samice zazwyczaj preferują jasne, stonowane kolory, podczas gdy samce przyciągają jaśniejsze i ciemniejsze kolory. W zależności od tych (i innych podobnych) czynników, wybierz odpowiedni kolor czcionki. Musisz wybrać dominujący kolor logo swojej marki i kilka innych kolorów na stronie internetowej, które pasują do dominującego koloru.

Dodanie koloru może naprawdę rozjaśnić twoją stronę internetową, ale nigdy nie możesz dodawać zbyt wielu kolorów, aby stała się nie do odróżnienia bałaganem jasnych odcieni. Kolory powinny być ze sobą w harmonii, a nie tworzyć bałaganu. W tym miejscu ponownie mogą okazać się korzystne kroki z białymi przestrzeniami. Odstępy bieli to kluczowy aspekt, który często nie ma należytego znaczenia. Jeśli zostanie to zrobione poprawnie, może zwiększyć ogólną czytelność i dodać finezji Twojej witrynie.

Wniosek

Koncentrowanie się na drobnych szczegółach, takich jak czcionka, jej rozmiar i kolor, może wydawać się stratą czasu i zasobów, ale na pewno przyniesie to poprawę, zwiększając współczynniki konwersji. Każdy krój pisma ma swoją własną osobowość, a każdy kolor opowiada inną historię. Razem mają zdolność wpływania na nastrój i emocje widza. Jest to więc sposób na przekształcenie przypadkowego gościa w potencjalnego klienta przy minimalnym wysiłku.