Jak wyraźne i niejawne wskazówki wizualne pomagają zwiększyć konwersje

Dowody wskazują, że jeśli chodzi o zakresy uwagi, masz większą szansę na utrzymanie mojego 10-miesięcznego dziecka na stronie docelowej po kliknięciu niż Twoi użytkownicy.

Tak, dobrze to przeczytałeś.

Przeciętny czas uwagi internauty wynosi około 6-8 sekund, natomiast 10-miesięczny okres uwagi to około 60-120 sekund. Oznacza to, że mój syn będzie koncentrował się na swojej grzechotce dłużej niż Twoi odwiedzający skupią się na Twojej stronie docelowej po kliknięciu.

Jaki jest tego sens, możesz zapytać? Utrzymanie uwagi odwiedzających na stronie docelowej po kliknięciu na tyle długo, aby można było dokonać konwersji, jest wyzwaniem.

Konwersje stają się coraz trudniejsze, jeśli Twoja strona jest źle zaprojektowana, ponieważ 94% pierwszych wyświetleń online jest związanych z projektowaniem. Na przykład angażujący nagłówek byłby płaski, gdyby strona była zaśmiecona, a odwiedzający nie mogliby odróżnić jednego elementu od drugiego. To samo dotyczy wszystkich innych elementów strony.

Projektowanie stron docelowych po kliknięciu odgrywa kluczową rolę w utrzymaniu zaangażowania odwiedzających, a biała przestrzeń i kontrastowy przycisk CTA nie są jedynymi narzędziami projektowymi, których marketerzy mogą używać do generowania konwersji.

Wskazówki wizualne pomagają również ogromnie zwiększyć liczbę konwersji strony docelowej po kliknięciu.

Czym są wskazówki wizualne?

Wskazówki wizualne lub kierunkowe to narzędzie do projektowania UX, które dosłownie wskazuje odwiedzającym kierunek elementów, które są integralną częścią Twojego celu konwersji (takich jak CTA). Wskazówki pomagają odwiedzającym poruszać się po Twojej stronie i utrzymywać wizualną hierarchię.

Istnieją dwa podstawowe rodzaje wskazówek wizualnych:

Wyraźne wskazówki wizualne

Tego rodzaju wskazówki są bezpośrednie i można je łatwo wskazać na stronie. Używanie strzałek, linii, wskazujących palców i ludzkiej linii wzroku to kilka sposobów na użycie wyraźnych wskazówek wizualnych na stronach docelowych po kliknięciu.

Niejawne wskazówki wizualne

Te wskazówki są subtelne i często pozostają niezauważone przez odwiedzających. Dość dobrze jednak wykonują swoją pracę polegającą na podkreśleniu poszczególnych elementów. Niektóre z najczęściej używanych ukrytych wskazówek wizualnych na stronach docelowych po kliknięciu obejmują odstępy, kontrast kolorów i hermetyzację.

Zobaczmy, jak wykorzystać oba typy wizualnych wskazówek na stronach docelowych po kliknięciu, aby utrzymać uwagę użytkowników na stronie wystarczająco długo, aby dokonać konwersji.

Jak używać wyraźnych wskazówek wizualnych na stronach docelowych po kliknięciu

Wyraźne wskazówki wizualne szybko wpływają na to, gdzie odwiedzający patrzy na stronę. Możesz używać strzałek jako wskazówek wizualnych na swoich stronach i kierować odwiedzających do miejsca, w którym chcesz, aby przeszli na stronie.

Outbrain używa strzałki i koła powiększającego, aby zwrócić uwagę odwiedzających na obraz, w jaki sposób serwis promuje historie:

Możesz także zaprojektować kierunkowe strzałki wskazujące jako interaktywny element strony i pomóc odwiedzającym nawigować do różnych sekcji strony, tak jak robi to Lumosity:

A co robi Boardvantage:

Strzałki mogą być również używane do kierowania odwiedzających poniżej zagięcia strony. Nasza strona docelowa na Facebook Ads po kliknięciu wykorzystuje następującą technikę:

Uderzająco używa animowanej, kierunkowej strzałki odbijającej się po lewej stronie ich formy, aby zachęcić odwiedzających do zwrócenia na nią większej uwagi:

Korzystanie z linii wzroku służy również jako użyteczna, jednoznaczna wskazówka kierunku ze względu na deiktyczne spojrzenie.

Spojrzenie deiktyczne to błąd poznawczy, który dyktuje, że kiedy widzimy, że ktoś na coś patrzy, nasz mózg reaguje odruchowo i zaczynamy patrzeć również na ten obiekt. Błąd poznawczy pozwala wpływać na to, gdzie odwiedzający skupią się na stronie.

Ta szczególna wskazówka wizualna nie tylko sprawia, że ​​odwiedzający może zajrzeć tam, gdzie chcesz, ale także dodaje stronie ludzkiego uroku i dodaje emocji do Twojej oferty. Sygnały wizualne są tak wpływowe i przekonujące, że kandydatka na prezydenta Hillary Clinton używa linii wzroku na swoich stronach kampanii.

Oczy Clinton są pełne emocji, gdy patrzy na swój formularz darowizny:

Na tej stronie chętnie przegląda formularz i zachęca do przyłączenia się do oficjalnej kampanii:

iCIMS idzie o krok dalej, podwajając wskazówki wizualne, wykorzystując zarówno linię wzroku, jak i wskazując, aby zachęcić odwiedzających do konwersji:

Więc która wskazówka wizualna działa lepiej? Strzałki, wskazujące, linia wzroku?

Badania przeprowadzone przez CXL pokazują, że jeśli chodzi o wyraźne wskazówki wizualne, strzała przewyższa linię wzroku człowieka:

Aby uzyskać te wyniki, głównymi źródłami gromadzenia danych były badania eye-trackingowe i mapy cieplne:

Słowo ostrzeżenia. Tylko dlatego, że strzałka działała lepiej na tej konkretnej stronie docelowej po kliknięciu, nie oznacza to, że strzałki zawsze będą niezawodnym sposobem maksymalizacji konwersji. Podobnie jak w przypadku każdego innego elementu strony docelowej po kliknięciu, zalecamy przetestowanie wizualnych wskazówek A/B, aby ustalić, czy te badania są prawdziwe dla Twoich ofert.

Jak używać ukrytych wskazówek wizualnych na stronach docelowych po kliknięciu

Niejawne wskazówki wizualne nie są tak proste jak strzałki i wskazywanie. Te elementy projektu nie wskazują bezpośrednio na konkretny obiekt. Opierają się raczej na bardziej subtelnym podejściu do przekonania użytkowników do osiągnięcia celu konwersji.

Korzystanie z białej przestrzeni wokół elementu jest świetnym wizualnym sygnałem, który skłania odwiedzających do skupienia się na tym konkretnym elemencie. Czy zauważyłeś różnicę, jaką białe znaki robią na czytelności tekstu po prawej stronie w porównaniu z tekstem po lewej stronie?

Ta „negatywna przestrzeń” pomaga usunąć bałagan ze strony, automatycznie podświetlając ważne elementy strony. Strona docelowa DocuSign po kliknięciu wykorzystuje dużo pustej przestrzeni wokół elementów, aby ułatwić odwiedzającym skupienie się na zrzucie ekranu laptopa i formularzu. Dodatkowo zawierają strzałkę wskazującą na formularz przechwytywania ołowiu:

Enkapsulacja umożliwia oprawienie punktu skupienia na stronie, tj. użycie ramek lub kolorów, aby otoczyć dowolny element strony docelowej po kliknięciu i zwrócić na niego uwagę. Technika ta pomaga również uporządkować stronę i skłonić odwiedzających do skupienia się na jednym konkretnym elemencie. Ta technika projektowania pomaga również ustalić wizualną hierarchię na stronie i prowadzi wzrok potencjalnego klienta do pożądanego celu.

Formularz na stronie docelowej po kliknięciu Offerpop jest otoczony pomarańczowym kolorem z czarnym konturem, co pomaga mu się wyróżnić:

Używanie kontrastujących kolorów elementów strony docelowej po kliknięciu służy również jako wskazówka wizualna, ponieważ kontrast przyciąga uwagę odwiedzających do określonego miejsca. Pomarańczowy przycisk wezwania do działania na stronie docelowej HelloFresh po kliknięciu zwraca się do odwiedzających:

Jak wykorzystujesz marketing wizualny do generowania konwersji?

Marketing wizualny nie polega tylko na używaniu filmów i gifów na stronach, używanie wizualnych wskazówek na stronach docelowych po kliknięciu jest skutecznym sposobem na przekonanie odwiedzających do działania.

Nie licz na to, że użytkownicy skupią uwagę, aby uzyskać konwersje. Weź sprawy w swoje ręce i poprowadź odwiedzających do celu konwersji za pomocą wizualnych wskazówek — zarówno wyraźnych, jak i ukrytych. Możesz tworzyć przyjazne dla projektantów strony docelowe po kliknięciu z wizualnymi wskazówkami, które dziś przyciągają uwagę. Po prostu zarejestruj się na demo Instapage Enterprise.