Jak projektować niezawodne linki i CTA

Czy kiedykolwiek spojrzałeś na statystyki swojej witryny i zastanawiałeś się: „Dlaczego ludzie nie idą tam, gdzie chcę?”

Dlaczego nie odwiedzają stron Twoich produktów? Dlaczego nie robią żadnych zakupów?

W tym poście podzielę się kilkoma poradami ekspertów, które pomogą Ci kontrolować postępy odwiedzających w Twojej witrynie.

Rozpoznaj problem

Najpierw musimy określić, jaki może być problem. Przydatne narzędzia, takie jak Google Analytics, mogą dostarczyć wiele informacji statystycznych na temat Twojej witryny, ale odkryłem, że więcej narzędzi wizualnych, takich jak Crazy Egg, Heatmap.com i Inspectlet, może naprawdę pomóc Ci dokładnie określić, gdzie występują problemy w Twojej witrynie. kłamstwo witryny.

Posiadanie wizualnego układu odniesienia, takiego jak mapa cieplna, może natychmiast pokazać, co przyciąga uwagę odbiorców. Jest to szczególnie przydatne w połączeniu z mapą przewijania, która może powiedzieć, jak daleko są użytkownicy Twojej strony! Czasami problemy można szybko i łatwo naprawić, ale czasami nie jest to tak jasne. Mamy nadzieję, że te wskazówki pomogą Ci ulepszyć witrynę i osiągnąć więcej celów.

Rozwiązania

Przejrzystość

Choć brzmi to głupio, czasami problem może być tak prosty, jak klienci, którzy na pierwszy rzut oka nie wiedzą, co stanowi łącze, a co nie. Chociaż może się to wydawać oczywiste dla Ciebie i innych, musimy pamiętać, że każdy działa inaczej i może postrzegać Twoją witrynę inaczej niż Ty.

Na przykład obrazy promocyjne w Twojej witrynie mogą utrudnić określenie, gdzie użytkownicy powinni kliknąć. Jest to bardzo powszechny problem na stronach takich jak downloads.cnet i filehippo.com:

Download.cnet.com jest tak samo zły jak filehippo. Czy zauważyłeś najpierw link do pobrania lub duży, jasny, pomarańczowy i niebieski baner u góry strony? W tym przypadku po prostu zaprowadzi Cię na stronę firmy, ale inna może zaprowadzić Cię w dowolne miejsce.

Jak mogli to naprawić? Proste wyjaśnienie tego problemu natychmiast rozwiązałoby ten problem. Muszą oddzielić swoje linki od reklam, które próbują wprowadzić ludzi w błąd. Jednym ze sposobów może być dodanie dużej, rażącej ramki wokół tytułu i następującego po nim linku do pobrania, a nawet pełnego koloru tła i odstępów w celu dalszego podkreślenia tytułu i linku do pobrania. Nawet coś tak prostego, jak strzałka wskazująca link do pobrania, zdziałałoby cuda! Po prostu wszystko, aby ich link szybko wyróżnił się spośród innych, a tym samym zredukował wszelkie „pominięte kliknięcia”.

Styl

Inną kwestią może być stylizacja linków i wezwań do działania. Teraz nie ma dobra ani zła, jeśli chodzi o stylizację. Wszystko zależy od tego, co działa z Twoim projektem i witryną, co według Ciebie wygląda najlepiej, a także od tego, co działa najlepiej dla Twoich odbiorców.

Powiedziawszy to, być może zauważyłeś w ciągu ostatnich kilku lat duży wzrost liczby dużych, jasnych przycisków w ogromnych oceanach „białej przestrzeni”. Jest bardzo dobry powód tego trendu. Badania i statystyki pokazują, że odwiedzający chętniej korzystają z tego rodzaju linków, być może bardziej niż inne warianty:

Ale dlaczego tak jest? Dlaczego, jako użytkownicy, ciągnie nas do witryn z niewielką liczbą elementów, z którymi można wchodzić w interakcję, a nie do witryny z mnóstwem dróg i linków do odkrycia?

To proste: nie tylko pozbywa się bałaganu, ale stylizacja sprawia, że ​​jest bardzo jasne i oczywiste, co jest, a czego nie można kliknąć. CTA oraz przyciski Zarejestruj się / Zaloguj się przyciągają naszą uwagę i zachęcają do kliknięcia.

Ale czy to oznacza, że ​​wszystkie nasze linki powinny być dużymi, jasnymi przyciskami?

Ani trochę. Chcemy tylko podkreślić nasze „wezwania do działania”, czyli nasze linki, z którymi chcemy, aby nasi odwiedzający wchodzili w interakcję – coś, co naszym zdaniem przyniesie korzyści im i nam w jakiś sposób, takie jak strona promocyjna sprzedaży lub najnowsze wiadomości fabuła.

Wracając do przykładu PayPal, można używać zwykłych łączy tekstowych w przypadku bardziej standardowych lub mniej ważnych łączy, o ile są one nadal bardzo wyraźnymi łączami do czegoś. W dawnych czasach było to zawsze oznaczane podkreślonym tekstem i nadal możemy z niego korzystać, o ile pasuje do projektu – choć niektórzy uważają, że podkreślone linki mają niewiele miejsca w nowoczesnym designie.

Na przykład spójrz na tekst pod łączem PayPal „Dowiedz się więcej” „Nie jesteś klientem PayPal? Zaczynaj. ” Poprzez proste ośmielenie tych dwóch ostatnich słów zwraca się uwagę odwiedzających i subtelnie zachęca do interakcji. „Ten tekst jest inny” – myślą. „Czy coś tam jest? Dlaczego ten kawałek jest pogrubiony, a reszta nie? To zachęca użytkownika do najechania na nią i odkrycia, że ​​jest to link!

To prosta różnica, ale w świecie, w którym musimy walczyć o każdą sekundę uwagi użytkownika, jest to różnica, która może skutkować kliknięciem i może być tak łatwa do wdrożenia. Zobacz, co najlepiej sprawdza się w Twojej witrynie i Twojej klienteli.

Lokalizacja na ekranie

Użytkownicy mają tak mało czasu na przeszukiwanie witryny w poszukiwaniu linku, a więcej zmarnowanego czasu spowoduje, że więcej osób opuści Twoją witrynę. Jak więc możemy tego uniknąć? Ponownie robimy to po prostu tak, aby użytkownicy mogli jak najłatwiej zidentyfikować linki.

Scrollmapy mogą być tutaj ogromną pomocą. Z mojego doświadczenia wynika, że ​​prawie wszyscy odwiedzający stronę zobaczą samą górę strony, ale mniej niż 20% osób przewinie się na sam dół – nawet niżej w przypadku dłuższych stron. Jednak ponad 80% zobaczy pierwsze 50% strony.

Rozmiary ekranu odgrywają w tym dużą rolę, obok rozdzielczości ekranu i rozmiaru urządzenia. Oznacza to jednak, że wszystko, co znajduje się poniżej dolnej części ekranu, prawdopodobnie pozostanie niewidoczne dla odwiedzających. Dlatego najlepiej byłoby, gdyby nasze cenne CTA znajdowały się wysoko na stronie. Problem rozwiązany, prawda?

Jest to dobra rzecz do rozważenia jako zasada kciuka i działa szczególnie dobrze w przypadku pojedynczych produktów i promocji. Ale co na przykład, gdy porównujesz wyniki wyszukiwania produktu? Będziesz miał wiele obiektów walczących o uwagę gości.

W tym miejscu musisz połączyć w swoim projekcie trzy elementy: przejrzystość, styl i lokalizację. Kluczową rzeczą do zapamiętania jest to, że jeśli na ekranie pojawi się zbyt dużo informacji, użytkownik szybko straci zainteresowanie. Jeśli masz dużo produktów do wyświetlenia, chcesz podać im minimum informacji, na jakie możesz sobie pozwolić – najlepiej tytuł, cenę i wezwanie do działania „Więcej informacji / kup teraz”.

Od Ciebie zależy, co jeszcze uwzględnić. Ale dobre przykłady projektowania znajdziesz w dużych supermarketach, takich jak Tesco:

Proste wyszukiwanie hasła „chleb” daje setki różnych produktów, ale Tesco dało im dużo miejsca na oddech i uprościło proces zakupów do „Ilości?” i dodaj".

Możesz również zauważyć, że przyciski są zgodne ze wszystkimi zasadami: są przejrzyste, atrakcyjnie rozmieszczone i wystylizowane oraz logicznie pojawiają się na siatce, pod produktem i dowolnym jego opisem.

Poszukaj innych przykładów, aby zobaczyć, co robią duże witryny e-commerce, jeśli chodzi o prezentowanie wielu CTA, możesz być zaskoczony tym, co znajdziesz!

streszczenie

Mam nadzieję, że ten blog dał ci wgląd w proste sztuczki, które mogą naprawdę pomóc zwiększyć sukces Twojej witryny. Podsumowując, podczas tworzenia linków i wezwań do działania należy pamiętać:

• Przejrzystość . Upewnij się, że Twoje wezwania do działania wyróżniają się na tle innych elementów strony, zwłaszcza jeśli pojawią się inne linki i przyciski, które mogą wprowadzać w błąd. Powinieneś być w stanie natychmiast odróżnić prawdziwe od fałszywego.

• Styl. Ludzi przyciągają duże, jasne przyciski, a my przyciągają nas duże pola tekstowe, które przykuwają naszą uwagę. Im mniej wysiłku użytkownik musi włożyć w zidentyfikowanie linku lub przycisku, tym większe jest prawdopodobieństwo, że je kliknie. Dotyczy to mniejszych, mniej ważnych linków – nigdy nie chcesz stracić linku w tekście lub na obrazie, więc ustal ścisłe wytyczne dotyczące sposobu projektowania linków i CTA. Używaj pogrubionych czcionek, różnych kolorów lub czegoś innego, aby wyróżnić i odróżnić klikalne elementy od tych, które nie są klikalne. Tylko upewnij się, że są one używane konsekwentnie. Podobnie upewnij się, że żaden z twoich obrazów nie zawiera tych elementów, chyba że masz naprawdę dobry powód.

• Lokalizacja, lokalizacja, lokalizacja . Miejsce, w którym umieszczasz linki i CTA, ma znaczenie. Jeśli Twój bardzo cenny i ważny link „Kup teraz” nie pojawia się u kogoś w części widocznej na ekranie, istnieje mniej niż 50% szans, że klient go kliknie, ponieważ mniej niż 50% użytkowników przewinie się tak daleko.

Mam nadzieję, że ta rada pomoże! Nie zapomnij zawsze przeszukiwać i sprawdzać, co robią inni, aby rozwiązać ten problem, i porównywać ich witrynę z Twoją, aby zobaczyć, gdzie i jak można jeszcze ulepszyć Twoją witrynę.