Przyciski to jeden z elementów, które wprost wpływają na to, jak podnieść konwersję na stronie.
Większość stron traci zyski przez te same trzy błędy w projektowaniu przycisków. Poniżej tłumaczę, dlaczego Twoje przyciski są ignorowane i jak to naprawić, żeby zaczęły realnie prowadzić klienta do działania.
Zasada 1: Kolor ma znaczenie i nie chodzi o gust
To, jaki kolor ma Twój przycisk, nie jest kwestią estetyki, tylko biologii. Ludzkie oko najszybciej wyłapuje czerwień i żółć. Te barwy od tysięcy lat kojarzą nam się z czymś, co wymaga uwagi, jak znak stopu czy światło ostrzegawcze. Mózg reaguje na nie, zanim świadomie pomyślisz, że coś widzisz.
Jeśli Twój przycisk „Kup teraz" zlewa się z tłem albo ma kolor identyczny jak reszta strony, nikt go nie zauważy. Nie dlatego, że jest brzydki, tylko dlatego, że nie wybija się z otoczenia. Kolor przycisku na stronie ma więc jedno zadanie: zatrzymać wzrok. Użyj barwy, która krzyczy „tu kliknij", zamiast takiej, która grzecznie wtapia się w projekt.
To nie znaczy, że masz oblepić stronę czerwienią. Chodzi o to, żeby najważniejszy przycisk miał kolor, którego nie używasz nigdzie indziej. Wtedy automatycznie staje się punktem, do którego biegnie wzrok.
Zasada 2: Moc kontrastu, czyli widać mnie z kilometra
Sam kolor to nie wszystko. Nawet najładniejszy przycisk nie zadziała, jeśli nie ma kontrastu względem tła. Jeśli masz jasną stronę, przycisk musi być ciemny i wyrazisty. Jeśli tło jest ciemne, przycisk powinien być jasny. Liczy się różnica, bo to ona sprawia, że element wyskakuje z układu.
Najlepsze przyciski to takie, które odcinają się od reszty strony. Dzięki temu klient nie musi szukać, gdzie kliknąć. On to po prostu widzi od razu, w pierwszej sekundzie, bez wysiłku. A im mniej wysiłku wymaga znalezienie przycisku, tym większa szansa, że zostanie kliknięty.
Kontrast przycisku CTA łatwo sprawdzić samemu. Zmruż oczy patrząc na swoją stronę albo zrób z niej czarno-biały zrzut ekranu. Jeśli przycisk dalej wyraźnie widać, masz dobry kontrast. Jeśli wtapia się w resztę, czas go poprawić.
Zasada 3: Ważny przycisk musi wyglądać inaczej niż pozostałe
Wyobraź sobie, że wchodzisz do pokoju pełnego ludzi, którzy krzyczą jednocześnie. Nie usłyszysz nikogo. Tak samo działa strona, na której wszystkie przyciski wyglądają identycznie. Klient czuje się zagubiony, bo nic nie podpowiada mu, co jest naprawdę ważne.
Tu wchodzi hierarchia wizualna. Najważniejszy, sprzedażowy przycisk musi wyróżniać się kształtem albo kolorem na tle pozostałych. Mniej istotne akcje, jak „dowiedz się więcej" czy „wróć", powinny być wyraźnie skromniejsze. Dzięki temu klient od razu wie, co jest Twoim głównym celem, i podświadomie idzie właśnie tam.
Zasada jest prosta. Jeden ekran, jeden główny przycisk, który dominuje. Reszta schodzi na drugi plan. Kiedy wszystko jest tak samo ważne, nic nie jest ważne, a klient zamiast kliknąć, zaczyna się wahać.
Jak to złożyć w całość
Te trzy zasady działają razem. Wybierz dla głównego przycisku kolor, który przyciąga wzrok i którego nie używasz gdzie indziej. Zadbaj o mocny kontrast względem tła. I upewnij się, że ten jeden przycisk wygląda inaczej niż wszystkie pozostałe akcje na stronie. Tyle wystarczy, żeby przycisk przestał być ignorowany i zaczął prowadzić klienta dokładnie tam, gdzie chcesz. Brak wyraźnego przycisku to zresztą jeden z klasycznych błędów, które niszczą skuteczność strony.