Dlaczego typografia może stworzyć lub zepsuć twoją witrynę?

To jest wpis współtwórcy gościa. Poglądy i opinie zawarte w tej treści są wyłącznie poglądami autora, a nie cybernaira.

Kiedy próbujesz rozbić elementy, które są najważniejsze przy tworzeniu Twojej witryny, zwykle przychodzą na myśl dwie rzeczy: projekt i treść. Nie ma wątpliwości, że są gwiazdami serialu. Ale tak jak w przypadku każdej gwiazdy, w celu uzupełnienia obrazu, w dużym stopniu zależą od pomniejszych pierwiastków.

Jednym z tych, na które zwraca się bardzo mało uwagi, jest typografia. I to jest dość dziwne, ponieważ jest integralną częścią zarówno projektu, jak i treści. Odgrywa również kluczową rolę we współczynniku konwersji wszystkich podbijających.

Może być trudno sobie wyobrazić, jak to możliwe, ale pod koniec tego artykułu trudno będzie sobie wyobrazić, jak radziłeś sobie tak długo, nie wiedząc nic o zasadach typografii.

Jednak nie czuj się z tym źle. Większość właścicieli witryn i, co gorsza, sprzedawców internetowych, idzie na tym samym wózku.

Jest wysoce prawdopodobne, że tyle samo czasu i wysiłku poświęcili na optymalizację swoich stron pod kątem SEO i konwersji, nie biorąc pod uwagę elementu typografii. Jednak jego psychologiczny wpływ został udowodniony naukowo.

Jeśli zrobiłeś wszystko, co w Twojej witrynie, a Twoje konwersje nadal nie spełniają oczekiwań, przyczyną mogą być podjęte (lub niepodjęte) decyzje dotyczące typografii.

Definicja typografii.

Zanim przejdziesz dalej, powinieneś najpierw wiedzieć, czym jest typografia. Najprościej mówiąc, typografia to projekt twojego tekstu. Ma to związek z wyglądem, zajmowaną przestrzenią i sposobem skanowania.

Kiedy użytkownik otwiera stronę w Twojej witrynie, pierwszą rzeczą, jaką robi, jest skanowanie strony bez czytania czegokolwiek. Tworzą wrażenie na temat tej strony na podstawie tego, jak wygląda, aw większości przypadków dotyczy to tego, jak wygląda tekst. Rozważ tę stronę:

Porównaj to z tym:

Czy zauważasz różnicę w typografii?

Chociaż druga witryna może być dla Ciebie bardziej użyteczna niż pierwsza, prawdopodobnie ją zamkniesz.

Czemu?

Bo tak trudno to zeskanować.

Pierwszy z nich jest znacznie łatwiejszy do zeskanowania, więc jest bardziej prawdopodobne, że będziesz miał dobre wrażenie o nim (a drugie złe), nie wiedząc nic o żadnej z witryn.

Ponieważ druga strona dokonała złego wyboru w zakresie projektowania i typografii, wszelkie bryłki mądrości, które mogą znajdować się na stronie, prawdopodobnie pozostaną nieodkryte przez większość odwiedzających, a to oznacza niską konwersję.

Teraz możesz pomyśleć, że typografia dotyczy tylko wybranych czcionek. To tylko jedna część równania. Oczywiście czcionka jest ważna, ale odnosi się tylko do określonego stylu kroju pisma.

Sam krój pisma to grupa czcionek, które mają wspólne cechy, więc lepiej wykorzystasz swój czas na studiowanie efektów kroju pisma niż konkretnej czcionki.

Bardzo znanym przykładem jest Arial, który jest krojem pisma, a nie czcionką. To samo dotyczy Times i Garamond, które mają szeroką gamę różnych czcionek.

Oprócz kroju i czcionki należy również wziąć pod uwagę

• Długość linii
• Leading – odstępy między wierszami
• Kerning – spacje między literami lub znakami
• Śledzenie – jednolite odstępy między literami

Wszystkie te elementy (a przynajmniej powinny) gromadzą się celowo w Twojej witrynie, a aby to zrobić, musisz znać rolę i wpływ typografii.

Rola typografii

Głównym celem studiowania typografii jest promowanie czytelności w sensie dosłownym, a nie całościowym. Tekst ułożony zbyt blisko siebie, zbyt długi, zbyt mały, zbyt zakręcony lub o zbyt małym kontraście jest po prostu trudny do odczytania.

Musisz tylko zadać sobie pytanie, co byś zrobił, gdy skonfrontujesz się z blokiem tekstu, którego nie możesz łatwo przeczytać. Większość ludzi po prostu by to zostawiła.

W niektórych przypadkach i tak możesz spróbować przeczytać, ale są szanse, że nie zrozumiesz, co czytasz, lub nie przeczytasz do końca. Jest również bardzo prawdopodobne, że jedynym na wynos jest to, że było więcej kłopotów, niż było warto.

Rolą typografii jest upewnienie się, że wiadomość dociera do czytelnika. Może to być informacja lub reklama. To naprawdę nie ma znaczenia.

Liczy się to, że wszystkie Twoje wysiłki, aby przyciągnąć ludzi do Twojej witryny, w końcu się opłacają, a dobra typografia zapewnia, że ​​Twoi odwiedzający przynajmniej zrozumieją, co masz do powiedzenia.

Prowadząc ich.

Być może wiesz, że użytkownicy online mają tendencję do czytania w przewidywalny sposób. Jedno badanie pokazuje, że podąża za wzorem F, a inne pokazuje, że znajduje się powyżej fałdy. Możesz wykorzystać tę wiedzę, aby umieścić „ważny” tekst na ścieżce czytelnika, chociaż może to powodować pewne problemy projektowe i techniczne.

Dużo łatwiejszą i elastyczniejszą opcją jest tworzenie wizualnej hierarchii za pomocą typografii.

W efekcie prowadzisz czytelnika do „ważnych” sekcji tekstu, używając odpowiedniego rozmiaru, stylu i koloru tekstu. W tym celu musisz wiedzieć, jak ludzie postrzegają i organizują informacje wizualne, a teoria Gestalt rozbija je za Ciebie.

Mówiąc prościej, teoria mówi, że ludzie mają tendencję do gromadzenia informacji wizualnych w grupach w kategoriach podobieństwa, bliskości, kontynuacji, zamknięcia oraz figury i podłoża. Aby zwrócić uwagę na pewne elementy na swojej stronie, musisz zwrócić na nie uwagę czytelnika.

Na przykład, jeśli chcesz zwrócić uwagę na link „Pobierz” w swojej kopii, możesz wykorzystać teorię podobieństwa Gestalt, czyniąc go innym kolorem lub czcionką.

Możesz również użyć bliskości, umieszczając słowo „Pobierz” w osobnym wierszu. Inną strategią jest użycie kontynuacji za pomocą zakrzywionej strzałki, aby wskazać słowo, które muszą kliknąć.

Kształtowanie postrzegania.

Do tej pory omawialiśmy, w jaki sposób typografia może kierować czytelnika do niektórych elementów na Twojej stronie, ale nie zastanawialiśmy się jeszcze, jak może wpłynąć na zachowanie czytelnika podczas podejmowania decyzji. Jest to kluczowe, ponieważ konwersja zależy w znacznym stopniu

Jest to kluczowe, ponieważ konwersja zależy w znacznym stopniu od percepcji czytelnika. Jak zapewne możesz sobie wyobrazić, pozytywne postrzeganie jest tym, co chcesz nawrócić.

Jak się okazuje, wybrany przez Ciebie krój pisma ma wymierny wpływ na postrzeganie treści przez czytelnika. Niedawne badanie wykazało, że użycie różnych krojów pisma wywołało różne reakcje emocjonalne w przypadku tej samej treści.

Kiedy oświadczenie zostało przedstawione pismem Baskerville, duża liczba osób uwierzyła w to oświadczenie.

Jednak po przedstawieniu tego samego stwierdzenia pisanym krojem pisma Comic Sans duża liczba osób się z nim nie zgodziła. Wydaje się, że krój pisma wpłynął na postrzeganą wiarygodność wypowiedzi.

To dość proste, jak to możliwe. Rozważ następujące stwierdzenie:

Nie znając nazwy kroju któregokolwiek z nich, który z nich uważasz za bardziej autorytatywny?

Nie oznacza to, że krój pisma taki jak Comic Sans nie ma miejsca w projektowaniu stron internetowych i że wszyscy powinniśmy używać Baskerville jako naszego kroju pisma. Chodzi o to, że Twoja typografia odzwierciedla osobowość Twojej witryny i rynek docelowy.

Jeśli masz do czynienia z prezesami i innymi dyrektorami w branżach zaawansowanych technologii, formalny krój pisma, taki jak Baskerville, może sprawić, że Twoja witryna będzie wyglądać profesjonalnie.

Z drugiej strony, jeśli dbasz o dzieci lub ich rodziców, Comic Sans może uderzyć w odpowiednią nutę zabawy i życzliwości.

Jeśli obsługujesz różne rynki, istnieje wiele opcji, które znajdują się gdzieś pomiędzy tymi dwoma. Musisz dowiedzieć się, co jest dla Ciebie najlepsze.

Ułatwienie czytania.

Następną rzeczą, którą musisz się dowiedzieć, jest to, jak duży jest wystarczająco duży, aby zapewnić czytelność. Zakładając, że Twoja strona jest możliwa do zeskanowania, następnym problemem jest upewnienie się, że użytkownik może jak najłatwiej odczytać Twoje treści, a rozmiar ma znaczenie. Nie ma na to twardej i szybkiej reguły, ale

Nie ma na to twardej i szybkiej reguły, ale badanie przeprowadzone na Uniwersytecie Stanowym Wichita obejmujące 8 najpopularniejszych krojów pisma używanych w Internecie wykazało, że najbardziej czytelnymi krojami pisma były Arial o rozmiarze 14 punktów i Courier o rozmiarze 12 punktów. Najbardziej nieczytelne

Najbardziej nieczytelny był Comic Sans (znowu), choć mimo to został uznany za preferowaną czcionkę wraz z Arialem i Verdaną.

Jeśli wolisz inny krój pisma niż te zawarte w badaniu, musisz przeprowadzić własne badania, jeśli chodzi o określenie najbardziej czytelnego rozmiaru czcionki dla twoich treści. Aby rozpocząć, możesz postępować zgodnie ze wskazówkami zawartymi w tym artykule. (Ostrzeżenie: w grę wchodzi trochę matematyki!)

Zanim jednak wyruszysz na własną rękę, powinieneś wiedzieć, że toczy się spora debata na temat tego, który jest lepszym krojem pisma, szeryfowym lub bezszeryfowym.

Przykładem kroju pisma szeryfowego jest Times, a kroju pisma bezszeryfowego to Arial. Ogólnie rzecz biorąc, kroje pisma bezszeryfowego są łatwiejsze do odczytania w dowolnym rozmiarze w porównaniu z krojami pisma szeryfowego, głównie dlatego, że są prostsze.

Poprawa nastroju i funkcji poznawczych.

Wreszcie, co nie mniej ważne, typografia ma znaczący wpływ na nastrój i zrozumienie czytelników, co pokazuje to badanie. W streszczeniu autorzy doszli do wniosku, że „dobra typografia wywołuje dobry nastrój” i że wpływa to na ich sprawność poznawczą.

Innymi słowy, jeśli czytanie tekstu jest dla Ciebie łatwe, jest większe prawdopodobieństwo, że poczujesz się dobrze i łatwiej zrozumiesz, co czytasz. Prawdopodobnie wiesz to intuicyjnie, ale fajnie jest, gdy jest to policzone.

Chodzi jednak o coś więcej niż tylko akademickiego.

Dla Twoich współczynników konwersji kluczowe jest, aby Twoi czytelnicy byli w dobrym nastroju, kiedy czytają Twoją kopię, ponieważ jest bardziej prawdopodobne, że będą podatni na Twoje wezwania do działania, cokolwiek by się nie wydarzyło.

Jeśli dobra typografia Ci to zapewni, dlaczego nie zrobisz wszystkiego, aby im to dać?

Wniosek.

Jak powiedział mówca motywacyjny Steve Backley: „Pierwszy krok jest najważniejszy. Jest to najistotniejsze i najskuteczniejsze, ponieważ zainicjuje kierunek, który wybrałeś.” Zrobiłeś kluczowy pierwszy krok w zrozumieniu, dlaczego typografia jest ważna dla Twojej witryny.

Dało ci kierunek na następny krok, którym jest zastosowanie w praktyce wszystkiego, czego się nauczyłeś.

O Michie Victoriano:

Jestem analitykiem i działem badań marketingowych z ponad 6-letnim doświadczeniem w marketingu, badaniach, analityce i marketingu internetowym; z 2 letnim doświadczeniem w Search Engine Optimization. Na chwilę obecną freelancer. Lubi grać w gry wideo, koszykówkę i za bardzo kocha kawę.