15 zasad projektowania stron internetowych, które zwiększą współczynnik konwersji
Wiele czynników ma bezpośredni wpływ na konwersję Twojej witryny. Najważniejszym z nich jest jednak projektowanie stron internetowych.
Pierwsze wrażenie, jakie otrzymujemy, jest wizualne i decydujące. Dlatego jeśli chcesz poprawić współczynnik konwersji w swojej witrynie, projektowanie stron internetowych jest pierwszym miejscem, od którego należy zacząć.
W tym artykule zebraliśmy podstawowe zasady i wskazówki, które pomogą Ci w tym zadaniu.
Upewnij się, że Twój projekt strony internetowej jest responsywny i dostosowany do urządzeń mobilnych
Udział ruchu mobilnego rośnie i będzie rósł w 2020 roku. Badania sugerują, że większość użytkowników odmówi interakcji z marką, jeśli nie będzie możliwe wykonanie niezbędnej czynności z urządzenia mobilnego. Dlatego przed wprowadzeniem zmian w projekcie swojej witryny, aby uzyskać więcej konwersji, upewnij się, że witryna poprawnie wyświetla się na urządzeniach mobilnych, a użytkownicy nie napotykają przeszkód na swojej drodze.
Jak to zrobić? Wszystko będzie zależeć od sposobu, w jaki stworzysz swoją witrynę. Na przykład strony na WordPressie i innych popularnych CMS-ach będą responsywne od momentu ich powstania. Jednak dodatkowy test użyteczności nie będzie nadmierny.
Daj mniej możliwości wyboru zgodnie z prawem Hicka
To prawo sugeruje, że mniejsza liczba wyborów zwiększa szybkość podejmowania decyzji i odwrotnie. Na przykład, jeśli użyjesz trzech wezwań do działania na raz na stronie głównej, np. zarejestruj się w serwisie, uzyskaj rabat i pobierz e-booka, to użytkownikowi trudno będzie zdecydować, którą akcję wykonać jako pierwszą. Znacznie rozsądniej będzie ułożyć te wezwania do działania w logicznej kolejności – tak, jak zostały wymienione i oferują użytkownikowi następną akcję po poprzedniej.
To samo dotyczy liczby produktów wyświetlanych na stronie. Nie należy pokazywać użytkownikowi wszystkich możliwych produktów pasujących do jego zapytania – lepiej pokazać pięć najbardziej odpowiednich opcji i pozwolić na kontynuację wyszukiwania za pomocą filtrów.
Dodaj pełnoekranową bramę witryny
Pomyśl o możliwości wyświetlenia pełnoekranowego formularza kontaktowego w momencie, gdy użytkownik przewinął stronę główną do określonego miejsca. Po pierwsze, pełnoekranowy formularz skupi całą uwagę użytkownika i nie pozwoli rozproszyć się innymi elementami serwisu, a po drugie, chodzi tylko o możliwości wyboru, o których mówiliśmy wcześniej. Użytkownik otrzymuje więc tylko dwie opcje. Pierwszym z nich jest zamknięcie formularza kontaktowego i kontynuowanie interakcji z witryną. Drugim jest podanie Ci jego adresu e-mail w zamian za Twoją ofertę.
Umieść najważniejsze punkty na skrzyżowaniach
Zapewne znasz jedną z głównych zasad fotografii – zasadę trójpodziału. Zgodnie z tą zasadą dwie linie wizualnie dzielą ekran w pionie iw poziomie, co daje dziewięć kwadratów. Cztery punkty przecięcia linii na środku ekranu są więc w centrum uwagi użytkownika, dlatego najważniejsze informacje, takie jak wezwanie do działania, powinny znaleźć się właśnie tutaj.
Zoptymalizuj szybkość ładowania swojej witryny
Ten element jest bezpośrednio związany z projektem, ponieważ Twoja strona może być przeciążona ciężkimi obrazami, które spowalniają ładowanie Twojej witryny. Usuń wszystko, co niepotrzebne i zoptymalizuj kluczowe obrazy. Według statystyk optymalna prędkość ładowania strony wynosi od dwóch do pięciu sekund. I w tym przypadku musisz dążyć do niższego wskaźnika, ponieważ 40% użytkowników deklaruje, że zamknie stronę, która ładuje się dłużej niż trzy sekundy, co oznacza, że za każdym razem, gdy strona zwolni, stracisz potencjalnego leada.
Użyj ujemnej przestrzeni, aby uzyskać pozytywne wyniki
Jan Tschichold mówi, że przestrzeń negatywną należy postrzegać jako element aktywny, a nie pasywne tło. Istnieje związek między dystansem a uwagą. Większy dystans przyciąga uwagę, a brak innych elementów silniej wyróżnia istniejące elementy. Projektanci mogą używać tej właściwości przestrzeni do podkreślania ważnych elementów. Dodanie spacji do określonego segmentu treści powoduje, że użytkownik zwraca uwagę na ten obszar po prostu dlatego, że na ekranie nie ma już nic, co mogłoby przyciągnąć uwagę. Jak widać na poniższym przykładzie, Google jest wielkim zwolennikiem białych znaków w swoich projektach. Pomaga to od razu zrozumieć cel tego projektu: skupienie się na głównym celu strony.
Wybierz odpowiednie kolory, aby stworzyć właściwe skojarzenia
Niestety nie ma uniwersalnej porady, które kolory konwertują lepiej. Wszystko będzie zależeć od specyfiki Twojego biznesu. Na przykład kolory biały i niebieski powodują poczucie stabilności i niezawodności. Dlatego PayPal używa tej kombinacji do tworzenia prawidłowych powiązań.
Jeśli nie masz pewności, czy Twoje kolory działają poprawnie, po prostu wróć do początków psychologii kolorów w marketingu, a także ponownie zbadaj wartości swojej firmy i znajdź idealne dopasowanie.
Poza tym są różne opinie na temat koloru przycisków, które konwertują gorzej lub lepiej. Właściwy kolor guzika to stara filozoficzna kwestia. Ktoś twierdzi, że najwyższą konwersję osiąga się za pomocą czerwonych przycisków. Inni mówią o zielonym lub niebieskim. Prawidłowa odpowiedź brzmi tak (podobnie jak wiele innych odpowiedzi w marketingu i projektowaniu): „To trzeba przetestować”. Dlatego wybierz kolor przycisku, który będzie kontrastował z podstawowymi kolorami projektu i wykonaj kilka testów, aby zrozumieć, który kolor konwertuje lepiej.
Użyj jednego dużego obrazu zamiast kilku małych
Poprawny obraz może powiedzieć więcej niż kilka akapitów tekstu. Dlatego wykorzystaj moc percepcji wizualnej i emocji w projektowaniu swojej witryny. Możesz na przykład ustawić obraz jako tło swojej witryny, a następnie umieścić wszystkie elementy w taki sposób, aby były zgodne z podstawowymi zasadami projektowania stron internetowych. A przy okazji, przyczynia się również do lepszych konwersji.
Również takie podejście promuje prostotę i minimalizm, który jest trendem ostatnich lat, a odpowiednio dobrany obraz wywołuje niezbędne emocje i skojarzenia. I odwrotnie, jak już powiedzieliśmy, zbyt duża liczba obrazów komplikuje wybór i rozprasza uwagę użytkownika.
Pozbądź się wszystkiego, co nie jest związane z projektem
Innymi słowy, dąż do maksymalnej prostoty. We współczesnym nadmiarze szumu informacyjnego prostota i przejrzystość stały się prawdziwym niedoborem. Badania wykazały, że 76% użytkowników uważa prostotę za główny czynnik decydujący o projektowaniu stron internetowych. I tutaj trzeba umiejętnie zachować równowagę między prostotą, minimalizmem, ale jednocześnie funkcjonalnością – bo prostota to także możliwość znalezienia tego, czego potrzebuje użytkownik, za pomocą kilku kliknięć.
Używaj twarzy i innych dowodów społecznych
Niestety Internet jest pełen fałszywych recenzji i nie wątp, że Twoi użytkownicy również o tym wiedzą. Dlatego zamiast zmuszać ich do szukania opinii na temat Twoich produktów lub usług (które mogą być napisane przez konkurencję, aby podważyć Twój biznes), musisz od razu dać im taką możliwość.
Dlatego zastanów się nad projektem strony w taki sposób, abyś mógł umieścić kilka prawdziwych recenzji (a jeszcze lepiej karuzelę) pod koniec strony. I pamiętaj, aby użyć zdjęć żywych ludzi (najlepiej prawdziwych klientów), aby stworzyć wrażenie mocnych dowodów społecznych.
Uprość swoją nawigację
Prawdopodobnie widziałeś witryny, które zawierają milion kategorii i po prostu niemożliwe jest wybranie odpowiedniej sekcji za pierwszym razem. A jeśli wcześniej użytkownicy nadal poświęcali czas na takie wyszukiwanie, dziś chcą zobaczyć, czego potrzebują, bez dodatkowych działań.
Dlatego przemyśl swoje podejście do poruszania się po stronie, zmniejsz liczbę kategorii, usuń wszystkie niepotrzebne i pozostaw tylko najważniejsze sekcje. Jak już powiedzieliśmy, pełen wachlarz możliwości utrudnia podjęcie decyzji lub generalnie zmusza użytkownika do opuszczenia strony i odłożenia zadania na później.
Zintegruj liczniki osiągnięć
To sztuczka psychologiczna, która uruchamia podświadomą reakcję – ludzie wierzą w statystyki. A to kolejna okazja do zwiększenia konwersji poprzez budowanie zaufania i stwarzanie wrażenia rzetelności. Ale jest jeden kluczowy punkt. Pamiętasz, jak rozmawialiśmy o zasadzie trójpodziału i strategicznych punktach przecięcia? To są właśnie miejsca, w których musisz umieścić swoje statystyki, aby znalazły się w centrum uwagi i percepcji.
Stwórz wrażenie sztucznego deficytu
Marketerzy nie zgadzają się co do tej taktyki sprzedaży, ale w przypadku szybkiej i sezonowej sprzedaży takie podejście jest nadal odpowiednie. Dlatego jeśli masz ofertę sezonową, promocyjną lub testujesz zainteresowanie nowym produktem, warto stworzyć iluzję niedoboru i odzwierciedlić to za pomocą designu. Na przykład możesz ustawić minutnik i ponownie zwrócić uwagę odwiedzającego na liczby.
Jednak tutaj nadal musisz odpowiednio ustawić przyciski wezwania do działania. I w tym przypadku lepiej to zrobić zgodnie ze schematem Z.
Uwaga użytkownika przesuwa się wzdłuż górnej poziomej, ukośnie w dół i przechodzi do informacji na dole. W lewym górnym rogu umieść logo, poziomo – nagłówki. Prawy dolny róg to idealne miejsce na wezwanie do działania.
Zmniejsz liczbę niezbędnych kroków
Można słusznie zauważyć, że jest to odpowiedzialność projektanta UX, ale w praktyce tak jest tylko w przypadku, gdy projektant sieci i UX muszą współpracować, aby uzyskać jeden wynik. Projekt UX to kolejny czynnik, który ma bezpośredni wpływ na konwersje, a im mniej kroków dzieli użytkownika od docelowej akcji, tym większe prawdopodobieństwo jej wykonania.
Dlatego musisz jeszcze raz upewnić się, że informacje lub produkt, którego potrzebuje, znajdują się nie dalej niż trzy kliknięcia.
Upewnij się, że Twoje wezwanie do działania znajduje się we właściwym miejscu
Aby poprawić konwersję swojej witryny, wykorzystaj zasadę trójpodziału i schemat Z, umieszczając wezwania do działania. Możesz poprawić postrzeganie wezwania do działania, jeśli je zduplikujesz – na przecięciu linii oraz w prawym górnym rogu strony, gdzie kończy się górna linia litery Z. W ten sposób uwaga użytkownika najpierw zatrzyma się w prawym górnym rogu, następnie ześlizgnie się ukośnie w dół i spocznie bezpośrednio w strategicznym punkcie przecięcia linii po lewej stronie.
Zminimalizuj wprowadzanie danych przez użytkownika
Współcześni użytkownicy są bardzo niecierpliwi i już o tym mówiliśmy w akapicie dotyczącym szybkości ładowania strony. Ogromny formularz do wypełnienia może zabić konwersję, ponieważ nikt nie chce tracić czasu, zwłaszcza z urządzenia mobilnego. Dlatego przejrzyj formularz rejestracyjny i pozostaw tylko trzy linie – na imię i nazwisko, adres e-mail i hasło, a także dodaj możliwość rejestracji przez Google i Facebook.
Wniosek
Jak widać, na konwersje może wpływać wiele trików. Jednak najważniejszą rzeczą do zapamiętania jest to, że każde nowe podejście powinno być testowane na użytkownikach. Każda firma i każda grupa docelowa jest specyficzna; w związku z tym nie może być szablonowych instrukcji dotyczących tego, czego użyć w projekcie, aby zwiększyć liczbę konwersji. Ponadto design jest pierwszym, ale nie ostatnim czynnikiem, który konwertuje (lub nie konwertuje), io tym też trzeba pamiętać.