Landing page o wysokiej konwersji zawierają mniej elementów. Badania Princeton nad płynnością przetwarzania wyjaśniają dlaczego: mózg odczytuje łatwość przetwarzania jako sygnał wiarygodności, a każdy dodatkowy element obciąża budżet poznawczy potrzebny do domknięcia konwersji przez CTA.
Każdy blog o konwersji doradza: więcej dowodów społecznych, więcej funkcji, więcej wariantów. Strony, które rzeczywiście konwertują, robią odwrotnie.
Jeśli landing page nie osiąga wyników, a pierwszym odruchem jest dodanie bloku z rekomendacjami, tabeli porównawczej i nowego wariantu hero, ten odruch jest błędny. Artykuł mapuje dziewięć zasad poznawczych rządzących konwersją landing page, analizuje, jak Stripe stosuje je rygorystyczniej niż większość analizowanych stron, i przedstawia listę elementów do usunięcia, której webvise używa podczas audytów stron klientów. Po lekturze wiadomo będzie, co usunąć, nie co dodać.
- Płynność przetwarzania to zmienna nadrzędna. Badania Princeton wykazały, że mózg utożsamia łatwość czytania z wiarygodnością, niezależnie od treści. Proste strony konwertują, bo wydają się godne zaufania.
- Pamięć robocza pomieści mniej więcej cztery elementy. Więcej niż cztery informacje w jednej sekcji obniża zarówno rozumienie, jak i konwersję.
- Efekt pozycji seryjnej decyduje. Odwiedzający zapamiętują pierwszą i ostatnią rzecz na stronie. Najsilniejsze twierdzenie powinno znaleźć się na górze, najsilniejszy dowód na dole.
- Awersja do straty działa dwa razy silniej. "Przestań tracić 50 000 USD miesięcznie na odejścia klientów" wyprzedza "Dodaj 50 000 USD miesięcznie do przychodów". Ta sama matematyka, inna konwersja.
- Stripe wygląda powściągliwie, bo każdy element jest strategiczny. CTA, siatka logo i duże liczby-kotwice pełnią dokładnie jedną funkcję. Wszystko, co nie przynosiło efektu, zostało usunięte.
Dlaczego dodawanie kolejnych elementów do landing page zwykle obniża konwersję
Płynność przetwarzania to odkrycie Princeton, które ma nieprzyjemne implikacje dla większości startupowych landing page. Mózg traktuje łatwość przetwarzania jako wskaźnik zastępczy wiarygodności, niezależnie od jakości treści.
Klasyczne badanie: akcje z wymawialnym kodem giełdowym w krótkim terminie osiągały lepsze wyniki niż identyczne akcje z kodem trudnym do wymówienia. Kod wydawał się łatwiejszy, a ta płynność zmieniała krótkoterminowe zachowania zakupowe.
Przełożone na stronę: każda dodatkowa sekcja, każdy punktor z funkcją, każdy wariant hero i każda odznaka zaufania obciążają obciążenie poznawcze czytelnika. Pamięć robocza pomieści jednocześnie około czterech elementów. Po przekroczeniu tego limitu czytelnik zapamiętuje mniej i mniej ufa stronie, bo tarcie poznawcze rejestruje się jako tarcie w stosunku do samej oferty.
Większość stron narusza tę zasadę przypadkowo. Założyciel ma piętnaście rzeczy do powiedzenia o produkcie. Zespół upiera się, że sekcja z funkcjami musi wymienić dziewięć możliwości, żeby być sprawiedliwą wobec wszystkich. Strona jest publikowana z przeciążeniem poznawczym wbudowanym od pierwszego dnia.
Jeśli strona nie konwertuje, a kolejnym ruchem ma być nowy wariant hero, webvise pomoże zdecydować, co usunąć, zanim zostanie zapłacone za kolejny redesign.
Dziewięć zasad poznawczych, które większość stron stosuje tylko częściowo
Dziewięć udokumentowanych zasad psychologicznych rządzi konwersją landing page. Większość stron aktywnie stosuje trzy lub cztery i narusza pozostałe, nie zdając sobie z tego sprawy. Właściwe pytanie brzmi: czy strona zastosowała je świadomie, czy przypadkowo.
| # | Zasada | Co kontroluje | Częste naruszenie |
|---|---|---|---|
| 1 | Efekt pozycji seryjnej | Co odwiedzający zapamiętują | Słabe twierdzenie na górze, silne twierdzenie zakopane w środku strony |
| 2 | Efekt von Restorffa | Co zostaje kliknięte | CTA w tej samej palecie co reszta strony |
| 3 | Teoria obciążenia poznawczego | Czy informacja jest przyswajana | Osiem lub więcej punktorów z funkcjami w jednej sekcji |
| 4 | Kaskadowanie dowodów społecznych | Jak zaufanie narasta | Jedna rekomendacja zakopana poniżej linii widoczności |
| 5 | Efekt zakotwiczenia | Jak oceniane są liczby | Największa liczba ukryta w sekcji wartości |
| 6 | Skłonność do domknięcia | Czy przewijanie dociera do końca | Brak narracji wizualnej, brak poczucia postępu |
| 7 | Awersja do straty | Siła przyciągania nagłówka | Nagłówki skoncentrowane na zysku na stronie rozwiązującej problemy |
| 8 | Efekt halo | Postrzegana jakość premium | Dopracowany hero, amatorskie środkowe sekcje |
| 9 | Redukcja wyboru | Szanse na konwersję | Dwa lub trzy główne CTA konkurujące o to samo kliknięcie |
Każdy landing page dotyka tych obszarów, niezależnie od tego, czy projektant o nich myślał. Tanie zyski wynikają z zasad aktualnie naruszanych, nie z tych, które są już dobrze stosowane.
Landing page Stripe jest strategiczny, nie dekoracyjny.
Strona główna Stripe to jeden z najczęściej kopiowanych landing page, często źle rozumiany przez naśladowców. Projektanci nazywają go "czystym" lub "eleganckim". Oba określenia omijają faktyczną inżynierię kryjącą się pod spodem.
Von Restorff: CTA musi wyróżniać się wizualnie
Główny przycisk CTA umieszczony jest na niebieskim tle gradientowym i używa kontrastującego koloru, który niemal sprawia wrażenie nie na miejscu. Oko nie może go zignorować, bo przycisk łamie wzorzec wizualny. Większość imitacji kopiuje gradient, ale stosuje CTA w tej samej palecie, co neutralizuje kontrast wizualny, na którym opiera się oryginał.
Zakotwiczenie: pierwsza liczba kształtuje odbiór każdej kolejnej
"Ponad 1 bln USD w transakcjach. Używane przez 3,5 mln firm." Każda liczba widoczna niżej na stronie jest oceniana w odniesieniu do tych kotwic. Plan za 500 USD miesięcznie na stronie otwierającej się liczbą 1 bln wydaje się proporcjonalny, niemal tani. Startupy bez dużych liczb zakotwiczają inaczej: zamiast rozmiaru bazy klientów warto podać rozmiar rozwiązywanego problemu.
Obciążenie poznawcze: loga omijają czytający mózg
Siatka logo zastępuje tekstową listę klientów. Wizualne rozpoznanie znanej marki całkowicie omija pamięć roboczą. Czytelnik rozpoznaje logo Amazon zamiast je przetwarzać. Tekstowa lista tych samych firm zajęłaby cztery lub pięć z czterech dostępnych slotów poznawczych czytelnika.
Pozycja seryjna: najsilniejsze twierdzenie na górze, najsilniejszy dowód na dole
Najsilniejsze twierdzenie na górze. Najsilniejszy element dowodowy na dole. Środek strony zawiera funkcje i wyjaśnienia, bo czytelnik jest wtedy w trybie nauki i i tak nie zapamięta szczegółów. Większość stron odwraca tę kolejność: zaczyna od słabej korzyści i zakopuje cytat, który wszyscy by zapamiętali.
Ogólny efekt jest sednem. Strona wygląda prosto, bo każdy element, który nie prowadził do jednego konkretnego działania, został usunięty. Płynność przetwarzania plus bezwzględna redukcja wyboru. Wszystko inne to jedynie wsparcie.
Anatomia 13 sekcji z 4000 marek i 8000 stron
Oliver Kenyon spędził trzynaście lat na optymalizacji współczynnika konwersji, pracując z 4000 marek i 8000 landing page. Jego kolejność strukturalna pochodzi z kilku tysięcy testów A/B.
| # | Sekcja | Zadanie |
|---|---|---|
| 1 | Hero + pasek dowodów | Najsilniejsze twierdzenie z natychmiastową wiarygodnością |
| 2 | Stan przed i po | Zmiana stanu, którą produkt dostarcza |
| 3 | Korzyści | Skoncentrowane na wynikach, wizualne, nie na funkcjach |
| 4 | Funkcje | Skanowalny poziom pod korzyściami |
| 5 | Środkowe CTA + dowód | Ponowne przedstawienie działania po przyswojeniu wartości |
| 6 | Co jest w zestawie | Konkretna lista usuwająca niejednoznaczności |
| 7 | Dowody społeczne | Warstwowe rekomendacje, case studies, wzmianki prasowe |
| 8 | Materiały wideo lub UGC | Ruchomy dowód, twarze i głosy zamiast tekstu |
| 9 | Tabela porównawcza | Zestawienie z alternatywami lub brakiem działania |
| 10 | FAQ | Odpowiedzi na zastrzeżenia, które skłaniają do opuszczenia strony |
| 11 | Pasek zdjęć | Końcowa kotwica wizualna |
| 12 | Końcowe CTA | Emocjonalne zamknięcie, zaangażowanie z drugim wiatrem |
Każda sekcja pełni jedno zadanie, przybliżając odwiedzającego o krok do działania. Pominięcie sekcji oznacza pozostawienie konkretnego zastrzeżenia bez odpowiedzi. Zmiana kolejności sekcji niszczy narrację. Marki przepalające budżety na reklamy to często te, które poprawiły strukturę przez scalenie, zamianę lub usunięcie sekcji, które zasługują na swoje miejsce.
Wzorzec ten pojawia się na prawie każdym audycie klienta w webvise. Strona SaaS zaczynająca od funkcji zamiast od stanu przed i po. Strona konsultingowa ukrywająca dowody społeczne pod tabelą porównawczą. Strona produktowa bez FAQ, co oznacza, że każde nieodpowiedziane zastrzeżenie staje się bouncem.
Nagłówki oparte na awersji do straty przyciągają dwa razy silniej niż nagłówki skupione na zysku
Awersja do straty jest mierzalna. Teoria perspektywy Kahnemana i Tversky'ego wykazała, że awersja do straty jest mniej więcej dwa razy silniejszym motywatorem niż równoważny zysk (Tversky i Kahneman, 1992). To właśnie ten stosunek sprawia, że nagłówki sformułowane w kategoriach straty konwertują lepiej niż nagłówki skupione na zysku przy identycznej podstawowej matematyce.
Dwa przepisane warianty, ten sam produkt, inna krzywa konwersji:
- Rama zysku: "Dodaj 50 000 USD miesięcznie do przychodów dzięki lepszej optymalizacji lejka."
- Rama straty: "Przestań tracić 50 000 USD miesięcznie przez nieszczelności w lejku, których nie widać."
- Rama zysku: "Zaoszczędź 15 godzin tygodniowo dzięki zautomatyzowanemu raportowaniu."
- Rama straty: "Zespół marnuje 15 godzin tygodniowo na ręczne raporty, których nikt nie czyta."
Wersja oparta na stracie działa, bo zakorzeniona jest w stanie, w którym czytelnik już się znajduje. Wersja oparta na zysku prosi o wyobrażenie sobie stanu, którego jeszcze nie osiągnięto. Pierwsza jest konkretna. Druga jest aspiracyjna, a aspiracja to słabszy motywator niż chęć odzyskania tego, co utracone.
Pokusa formułowania komunikatu w kategoriach zysku pochodzi od założycieli. Założyciele rzadko chcą zarzucać potencjalnym klientom marnowanie pieniędzy, ale potencjalny klient już marnuje pieniądze na problem, który produkt rozwiązuje. Nazwanie tego wprost jest uczciwe i konwertuje.
To bezpośrednio koresponduje z siedmioma zasadami copywritingu na landing page stosowanymi w pracy z klientami. Nagłówki oparte na ramie straty to zasada pierwsza.
Co usunąć jako pierwsze podczas audytu własnej strony
Większość audytów strony generuje listę rzeczy do dodania. Lepszym ruchem jest niemal zawsze odejmowanie. Poniżej lista elementów do usunięcia, z której webvise korzysta podczas przejmowania istniejącej strony klienta.
- Drugorzędne CTA konkurujące z głównym. Jeśli "Zarezerwuj demo" i "Zacznij teraz" mają oba kolor hero, należy wybrać jedno. Pozostałe wyciszyć lub usunąć.
- Tekstowe listy logo klientów. Zastąpić siatką logo. Wizualne rozpoznanie omija obciążenie poznawcze, które narzuca tekst.
- Sekcje z funkcjami przekraczające cztery punktory. Trzy do czterech kluczowych funkcji zwykle osiąga lepsze wyniki niż dłuższe listy w testach A/B; dodatkowe funkcje rozmywają pierwsze.
- Nagłówki skoncentrowane na zysku. Przepisać na ramę straty. Zmierzyć wzrost przez kolejne cztery tygodnie.
- Rekomendacje w środku strony bez zdjęć. Sam tekst cytatu wypada gorzej niż cytat z twarzą i logo firmy o znaczący margines.
- Dekoracyjne separatory sekcji i ilustracje, które nie wnoszą żadnego argumentu. Płynność przetwarzania penalizuje każdy element, który nie przynosi efektu.
- Pełnoekranowe filmy hero opóźniające pierwsze twierdzenie. Na zatrzymanie przewijania przypada mniej więcej pół sekundy. Nie warto jej poświęcać na pętlę wideo.
Strony przestają konwertować, bo przez rok zespół dodawał elementy zamiast je usuwać. Rozwiązaniem jest zazwyczaj przegląd z usuwaniem, nie pełny redesign, a taki przegląd kosztuje mniej więcej dziesięć razy mniej. Jeśli ktoś inny ma przeprowadzić ten przegląd, webvise audytuje strony klientów pod kątem dziewięciu zasad i dostarcza priorytetową listę elementów do usunięcia.
Efekt halo wyjaśnia, dlaczego jeden dopracowany element dźwiga całą stronę
Efekt halo: jeśli jeden element strony wygląda premium, odwiedzający zakładają, że cała firma jest premium. Emocje poprzedzają rozumowanie. Czytelnik nie przeprowadza świadomego audytu typografii. Absorbuje ją i odpowiednio kalibruje swoje zaufanie.
Dlatego inwestowanie w jakość obrazu hero, płynne animacje i dopracowaną typografię procentuje w stopniu większym niż widoczna poprawa. Perfekcyjny pikselowo hero podnosi postrzeganą jakość środkowych sekcji, nawet jeśli te sekcje pozostały niezmienione.
Odwrotność jest równie prawdziwa, i bardziej dotkliwa. Dopracowany hero, po którym następują amatorskie środkowe sekcje, sygnalizuje, że staranność była marketingiem, a produkt jest wciąż niedopracowany. Efekt halo to linia kredytowa. Amatorski środek strony wzywa do jej spłaty.
To praktyczny powód, dla którego webvise celuje w wyniki 90+ w Lighthouse dla landing page (konkretne wyniki zależą od wagi treści), treści przefiltrowanej przez redakcyjny proces anti-slop oraz perfekcyjnych pod względem pikseli systemów projektowych w każdej sekcji. Górna część strony wystawia czek, który reszta strony musi zrealizować. Jeśli środek traci na jakości, sygnał premium z hero rozpada się w czasie rzeczywistym.
Kontraintucyjny wniosek
Landing page konwertuje, gdy każdy element zasługuje na swoje miejsce i nic poza tym nie jest dopuszczane na stronę.
Płynność przetwarzania mówi, że prostota jest odbierana jako zaufanie. Teoria obciążenia poznawczego mówi, że więcej niż cztery elementy w sekcji są tracone, a efekt pozycji seryjnej mówi, że środek i tak jest zapominany. Awersja do straty mówi, że nagłówki skupione na zysku pozostawiają na stole dwukrotnie większy potencjał przyciągania. Prawo Hicka i badania nad redukcją wyboru sugerują, że drugie główne CTA istotnie obniża klikalność pierwszego.
Każde z tych odkryć wskazuje ten sam kierunek. Odejmuj. Strony, które konwertują, usunęły elementy, które nie przynosiły efektu. Jeśli kolejnym ruchem na niedziałającej stronie ma być nowy wariant hero, warto zmienić plan i pozwolić, by webvise przeprowadził audyt strony pod kątem dziewięciu zasad i wskazał, co usunąć jako pierwsze.