Projektowanie stron internetowych e-sklepów: tworzenie argumentów za typografią

Szybkie ładowanie? Sprawdzone! Prosta nawigacja? Sprawdzone! Przekonujące przyciski wezwania do działania? Sprawdzone! Wysokiej jakości obrazy produktów? Sprawdzone! Potężna zawartość produktu? Sprawdzone! Bezpieczny proces wymeldowania? Sprawdzone!

Typografia? Naprawdę?! Czy typografia ma znaczenie? – Pytanie, które pojawiłoby się w głowach wielu przedsiębiorców eCommerce, którzy są gotowi uruchomić swój sklep online.

Odpowiedź brzmi „TAK" – a ten artykuł Ci to udowodni!

Idealnie byłoby, gdyby nowi przedsiębiorcy e-sklepu byli pełni zapału i entuzjazmu, aby przekształcić swój sklep stacjonarny w dochodowy biznes internetowy. W pośpiechu, aby zobaczyć, jak ich strony internetowe zaczynają działać, wielu z tych przedsiębiorców może po prostu skupić się na większych i szerszych kwestiach; ignorując niektóre małe, ale bardzo wpływowe elementy projektu, takie jak typografia.

Ale faktem jest, że typografia jest jednym z najważniejszych elementów projektowania stron internetowych, który, jeśli zostanie zignorowany, może źle wpłynąć na przychody.

Przejdźmy więc do sedna typografii, aby zrozumieć jej znaczenie i wpływ na sprzedaż w e-sklepie:

Typografia: co to właściwie jest?

Oto definicja Wiki :

„Typografia to sztuka i technika układania czcionek w taki sposób, aby język pisany był czytelny, czytelny i atrakcyjny podczas wyświetlania. Rozmieszczenie czcionek obejmuje wybór krojów pisma, rozmiarów punktów, długości linii, odstępów między wierszami (wiodące) i odstępów między literami (śledzenie) oraz dostosowanie odstępu między parami liter (kerning).

Wpływ typografii na wrażenia użytkownika

Typografia przemawia do Twoich gości.

Ludzie patrzą na Twoją stronę główną jako całość, skanując tekst, rodzaj czcionki, rozmiar liter i długość linii. Teraz, jeśli uznają, że Twoja treść nie jest czytelna, natychmiast opuszczą witrynę i przejdą do witryny konkurencji. To nie jest świadoma decyzja. Ale projekt strony internetowej (który obejmuje typ, rozmiar czcionki, kolor i spacje) zachęca ich do tego.

Przeprowadzono badanie, które dowodzi, że kroje pisma mają ogromny wpływ na sposób, w jaki przetwarzamy informacje. Jedno z badań zostało przeprowadzone przez zdobywcę Oscara, dokumentalistę Errola Morrisa i zatytułowane „Jesteś optymistą czy pesymistą?” W tym interesującym badaniu odkrył, że czytelnicy są bardziej skłonni zaufać oświadczeniu, jeśli zostało napisane czcionką Baskerville, niż przedstawioną jakąkolwiek inną czcionką, taką jak Georgia, Comic Sans, Computer Modern, Helvetica lub Trebuchet.

Z tego badania jasno wynika, że ​​samo posiadanie stron bogatych w słowa kluczowe lub wysokiej jakości treści (opisy produktów, zdjęcia produktów i filmy o produktach) nie wystarczy do generowania sprzedaży; ale równie ważne jest, aby mieć odpowiedni rodzaj i rozmiar czcionki w swoim sklepie internetowym.

Wybór odpowiedniej typografii zapewni odwiedzającym wyjątkowe wrażenia użytkownika. Pomoże Ci to przykuć uwagę gościa na dłużej; upewnienie się, że odwiedzający są w pełni skoncentrowani na oferowanych przez Ciebie produktach/usługach. Skupiona uwaga pomoże Ci zwiększyć sprzedaż.

Wpływ typografii na rankingi Google

Algo ranking wyszukiwania Google bierze pod uwagę prawie 200 sygnałów, aby uszeregować witrynę. Typografia obecnie nie zyskała miejsca na tej liście czynników rankingowych. Tak więc wybór odpowiedniego kroju i rozmiaru czcionki nie pomoże bezpośrednio w uzyskaniu wysokiej pozycji w SERP.

Jednak wszyscy projektanci stron internetowych e-sklepów są bardzo świadomi faktu, że zapewnienie odwiedzającym dobrego doświadczenia użytkownika pomoże im uzyskać wyższą pozycję w Google w porównaniu ze stronami, które zapewniają słabe wrażenia w sieci. Z powyższego punktu wynika jasno, że typografia odgrywa ważną rolę w zapewnianiu użytkownikom dobrego doświadczenia użytkownika. Więc teraz równanie to:

Oto podejście Steve’a Jobsa do typografii

Oto, co Steve Jobs, słusznie znany jako ojciec chrzestny czcionek, powiedział o typografii w jednym z najbardziej inspirujących przemówień inauguracyjnych, jakie wygłosił na Uniwersytecie Stanforda:

Czynniki, które należy wziąć pod uwagę przed wyborem typografii

Teraz, gdy wiemy już, jaki wpływ ma typografia na współczynniki konwersji, przejdźmy do szczegółów, aby zrozumieć, w jaki sposób możesz podejmować decyzje związane z typografią:

Nie ma jednego przepisu na typografię, który sprawdziłby się we wszystkich e-sklepach. Zależy to od kilku krytycznych czynników, takich jak grupa docelowa, wizerunek Twojej marki, branża, w której działa Twoja firma, czy jest to firma B2B czy B2C, produkty/usługi, które chcesz sprzedawać oraz wiadomość, którą chcesz przekazać odwiedzającym. Krytyczna ocena wszystkich tych czynników pomoże Ci wybrać odpowiednią typografię dla Twojej firmy.

Na przykład firma B2B musi wybrać czcionki takie jak bezszeryfowe, które pomogą jej zdobyć szacunek i zaufanie w przestrzeni cyfrowej. Na przykład Yapstone, dostawca usług płatności online, używa kroju pisma Gotham, co nadaje marce wizerunek godny zaufania. Gotham zostało nawet wykorzystane w materiałach kampanii Baracka Obamy w wyborach prezydenckich w 2008 roku.

Źródło: Yapstone.com

Z drugiej strony sklep internetowy sprzedający artykuły dla dzieci, takie jak ubrania lub zabawki, musi wybierać czcionki, które dają zabawny i zabawny charakter. Zobacz, jak childrensplace podbija nasze serca swoją typografią:

Źródło: Childrensplace.com

Kolejnym ważnym czynnikiem, który należy wziąć pod uwagę, są odbiorcy mobilni. Ponieważ coraz więcej osób przenosi się do m-commerce, musisz pamiętać o odbiorcach mobilnych, zanim skupisz się na typografii.

Krótko mówiąc, po dokładnej analizie powyższych czynników, wybierz typografię, która dobrze pasuje do wizerunku Twojej marki.

Elementy typografii

Oczywiste jest, że typografia poprawia wrażenia użytkownika. Wyszczególniłem tutaj kilka elementów typografii, aby poprawić rankingi organiczne Twojej witryny i wrażenia użytkowników:

Kolor:

Kolor to jeden z najważniejszych elementów typografii. Właściwy kolor przyciąga uwagę odwiedzających, a jednocześnie zła kolorystyka strony głównej zwiększy współczynnik odrzuceń Twojej witryny.

Wiele popularnych stron internetowych, takich jak Skype, WordPress, Twitter, LinkedIn, używa niebieskiego koloru na swojej stronie głównej. Jednym z głównych powodów jest to, że niebieski kolor symbolizuje wiarygodność i uczciwość. Dlatego tak ważne jest, aby projektanci stron internetowych mieli dogłębne zrozumienie psychologii kolorów i jej wpływu na konwersje e-commerce. W eksperymencie Monetate odkrył, że niebieskie wezwania do działania przewyższają pomarańczowe wezwania do działania o 9%.

Źródło: Monetate.com

Jednak widzieliśmy, jak Amazon, największy sprzedawca e-commerce na świecie, ma pomarańczowe wezwania do działania na swoich stronach produktów. Dlatego wskazane jest, aby nie przeprowadzać żadnych uogólnionych eksperymentów i wybrać najlepszy kolor, który pasuje do wizerunku Twojej marki i konwertuje.

Długość linii i odstępy między wierszami:

Zbyt długie lub zbyt krótkie linie nie będą wyglądać estetycznie. Średnia długość linii to 45-90 znaków ze spacjami.

Odstępy między wierszami to odległość między dwoma wierszami tekstu. Zalecany odstęp między wierszami wynosi od 120% do 145% wielkości czcionki.

Biała przestrzeń:

Białe znaki nadają elegancki wygląd układowi witryny. Strona produktu, która jest zaśmiecona wszystkimi informacjami o produkcie, takimi jak opis produktu, zdjęcia, filmy i wezwania do działania, będzie konwertować mniej w porównaniu do strony produktu z uporządkowanymi informacjami o produkcie. Ponadto ułatwia kupującym online znalezienie pożądanych informacji o produkcie.

Odpowiednio wykorzystaj białe znaki, aby strony produktów były oszałamiające wizualnie.

Rozmiar i typ czcionki:

Czcionki odgrywają ważną rolę w czytelności treści. Trudne do odczytania kroje pisma odwrócą odwiedzających. Alternatywnie, odpowiednie kroje pisma przekonają odwiedzających do podjęcia pożądanej akcji.

Wybierz ten, który jest czytelny, kompatybilny ze wszystkimi przeglądarkami i rozmiarami ekranów oraz taki, który najlepiej pasuje do wizerunku Twojej marki. Nie używaj więcej niż 2 krojów pisma. Wybierz jeden krój pisma dla nagłówków, a inny dla opisu produktu.

Małe lub małe czcionki pochłaniają więcej czasu na czytanie i dlatego mogą natychmiast zniechęcić odwiedzających witrynę. Upewnij się więc, że rozmiar czcionki jest wystarczająco duży, aby odwiedzający mogli z łatwością przeczytać treść.

Chociaż nie ma idealnego rozmiaru czcionki ani kroju pisma dla projektów eCommerce, praktyczną zasadą jest wybór takiego, który zapewnia czytelność, pasuje do wizerunku Twojej marki i jest zgodny z produktami, które sprzedajesz.

Na przykład, który z poniższych 3 krojów pisma, Twoim zdaniem, sprawi wrażenie rzetelnego i godnego zaufania internetowego sklepu medycznego?

Nietrudno się domyślić, że projektanci stron internetowych e-sklepów medycznych wybiorą czcionkę Arial.

Oceń wydajność swojej typografii

Ustawiłeś krój pisma, rozmiar czcionki, kolory wezwań do działania i wszystkie inne elementy projektu typografii. Ale czy to działa w przypadku Twojej witryny eCommerce?

Najlepszym sposobem sprawdzenia, czy wybrana typografia działa w Twoim e-sklepie, jest wykonanie testów podziału A/B. Bardzo wielu właścicieli sklepów internetowych twierdzi, że nie ma czasu na testy typograficzne. Czy to nie jest tak, jakbyś powiedział: „Nie mam czasu zatankować, bo jestem zajęty jazdą”? (Analogia zaczerpnięta z bestsellerowej książki Robina Sharmy – „Mnich, który sprzedał swoje ferrari”) W końcu zapłacisz za to cenę; a dotkniętymi danymi byłyby – liczba odwiedzających, współczynnik odrzuceń i współczynnik konwersji.

Z drugiej strony, testowanie pozwoli Ci dowiedzieć się, czy wybór kolorów, rodzaju czcionki, rozmiaru czcionki, kroju pisma i spacji ma pożądany wpływ na sprzedaż, czy nie. Eksperymentuj i zobacz, co działa najlepiej dla Twojej grupy docelowej!

Podsumowanie

Typografia jest kluczowym składnikiem przepisu na projektowanie stron internetowych eCommerce. Przedsiębiorca eCommerce, który wydał tysiące dolarów na wynajęcie drogiej agencji rozwoju w celu opracowania najnowocześniejszej platformy eCommerce, może zakończyć się niepowodzeniem, jeśli ten podstawowy i kluczowy element projektu zostanie zignorowany.

Musi być na tyle prosty, aby był czytelny, a jednocześnie na tyle przekonujący, aby przekonać grupę docelową do surfowania i dłuższego pozostania na stronie.

Solidna typografia zbuduje silną tożsamość marki, przyciągnie nowych użytkowników i zachęci klientów do ponownego odwiedzenia Twojej witryny; zwiększając w ten sposób sprzedaż i zyski Twojej firmy.

Czy wysyłasz właściwą wiadomość swoim potencjalnym klientom za pomocą typografii? Jakich krojów pisma używasz w swojej firmie, aby uzyskać maksymalną liczbę konwersji? Podziel się z nami swoimi pomysłami lub pytaniami w komentarzach poniżej.