Przy opracowywaniu landingu/strony należy pamiętać, że dla kształtowania najważniejszego pierwszego wrażenia odwiedzającym wystarczy tylko zerknąć na stronę. Zaledwie kilka sekund potrzebuje użytkownik, aby zdecydować, czy ma pozostać na stronie lub kontynuować wyszukiwanie i przejść do konkurencji.
Nic przyjemnego, kiedy ciężka praca marketingowca i projektanta zostaje niezauważona. Jak tego uniknąć? Upewnij się, że Twoja oferta przechodzi blink-test (tak zwany "test na mruganie"), i zrobi natychmiastowe wrażenie na użytkowniku.
Masz tylko 3-5 sekund, aby wzbudzić zainteresowanie odwiedzających. Na pierwszy rzut oka to zadanie niezwykle trudne, ale w rzeczywistości istnieje kilka prostych wskazówek, które pomogą przeprowadzić niezbędne testy, naprawić błędy i zwiększyć konwersję.
12 sposobów poprawy pierwszego wrażenia
1. Prędkość ładowania landingu
Ilość treści na stronie wpływa na szybkość ładowania, to znaczy — na głębokość oglądania. Według wielu badań, nowocześni użytkownicy sklepów internetowych gotowi są czekać na pobieranie mniej niż 2 sekundy w porównaniu z 4 sekundy w 2006 roku. Po upływie 3 sekund Twoja strona straci około 40% odwiedzających.
Zdjęcia, skrypty i pliki multimedialne poważnie zwiększają czas ładowania, więc staraj się umiarkowanie korzystać z tych elementów. Do sprawdzenia prędkości ładowania nadają się darmowe narzędzia, takie jak Page Speed od Google lub YSlow od Yahoo.
Co do zdjęć, to na ich ładowanie głównie wpływa format pliku. Poniżej kilka wskazówek dotyczących optymalizacji rozmiaru zdjęć:
- należy używać formatu GIF do zdjęć z małą ilością kolorów, na przykład, logo;
- format JPEG jest dobry dla nasyconych kolorów i bogatych w szczegóły obrazków, takich jak zdjęcia;
- dla obrazów o wysokiej jakości należy używać PNG.
Ponadto, można używać zdjęcia w wysokiej rozdzielczości, wstępnie zmniejszając ich rozmiar — ten sposób pozwala utrzymać wysoką prędkość pobierania landingu bez strat w jakości.
2. Udany projekt
Stwórz atrakcyjny i przejrzysty design. Zdjęcia muszą być zgodne z główną tematyką strony i nie mylić użytkowników. Pamiętaj, że najlepsze rozwiązania projektowe są bezużyteczne, jeśli nie są w stanie szybko przekazać istotę oferty..
Kreatywność w projektowaniu jest bardzo ważna: pozwala wyróżnić się na tle konkurencji, "zaczepia” uwagę, zachęcając odwiedzających do szczegółowego przeglądania. Ale upewnij się, że struktura stron docelowych pozostaje prosta i zrozumiała, a odwiedzający łatwo znajdzie potrzebne informacje.
Przeanalizuj stronę pod kątem rozpraszających elementów, bez których można się obejść — strona główna powinna składać się z jednej lub dwóch kolumn z niezbędnymi informacjami.
Elegancki przykład od Apple:
3. Nagłówki, maksymalnie przekazujące istotę Twojej oferty
Wiadomo, że 8 z 10 odwiedzających czyta nagłówek strony docelowej, ale tylko 2 osoby studiują pierwszy akapit. Dlatego niezwykle ważne jest, aby tytuł najbardziej odzwierciedlał najważniejsze treści na stronie. Powinien być zwięzły i treściwy: Wyjaśnij Swoją wyższość nad konkurencją i zalety pracy z Tobą w 2 słowach.
Dobry przykład podaje firma świadcząca usługi zdalnego nauczania treehouse: bezpośrednio nad przyciskiem СТА zaznaczono, co otrzyma użytkownik po zakończeniu kursów, i jakie korzyści daje mu przyswojony materiał (twórz własne strony internetowe, aplikacje mobilne...)
4. Łatwa nawigacja
Nawigacja na stronie powinna być zrozumiała i prosta w użyciu. Prawidłowo wykonane menu wyraźnie przekazuje treść i podstawową ideę wszystkich stron docelowych, zapewniając intuicyjny interfejs i dobre odczucie użytkownika.
5. Wykorzystanie informacyjnych obrazów
Odpowiednio dobrany obraz jest wart tysiąca słów, więc powinien zawierać jak najwięcej informacji o zakresie działalności firmy. Uważaj na korzystanie z banalnych, nie informacyjnych zdjęć — zdjęcia powinny być wyjątkowe.
Zdjęcia prawdziwych klientów lub pracowników firmy robią większe wrażenie, niż standardowe zdjęcia z banków zdjęć.
Porównaj 2 opcje. Zdjęcie z banku:
Prawdziwi ludzie podczas eventu korporacyjnego:
Co wygląda lepiej? Oczywiście, drugie zdjęcie.
6. Łatwa treść
Pamiętaj - odwiedzający nie chce czytać powieść lub epopeję, aby zrozumieć istotę Twojej propozycji. Użytkownicy Internetu zazwyczaj nie spędzają dużo czasu na czytaniu, więc treść powinna przekazać istotę w kilku słowach i być łatwa w zrozumieniu dla czytelnika.
Oto kilka wskazówek dla osiągnięcia takiego wyniku:
- zrezygnuj z żargonu i specjalistycznego słownictwa. Rozmowy z klientami w ich języku — tylko tak zrozumieją Cię;
- pokaż, że odbiorca jest dla Ciebie ważny. Zaimki "Ty" i "Twój" przyniosą więcej korzyści, niż "my" i "nasz";
- kontaktuj się z grupą docelową w typowej dla niej formie komunikacji.
7. Odpowiednie informacje
Odwiedzający witrynę lub stronę docelową muszą widzieć tekst, odpowiedni do wyszukiwania lub treści reklamy kontekstowej, marketingowcy nazywają to "zasadą dokładnego wejścia". Nawet jeżeli informacja, o której mowa we fragmencie lub kampanii reklamowej znajduje się w odległości kilku kliknięć, może to spowodować nieufność i wysoki współczynnik odrzuceń.
Przykład od Zappos. Osoba wpisze słowo kluczowe "black flats" i otrzymuje następujące:
Po przejściu poprzez reklamę kontekstową użytkownik widzi całkiem odpowiednią stronę docelową produktu:
8. Lokalizacja ważnych informacji
Większość użytkowników spędza 80% czasu na stronie, przeglądając zawartość nad "linią zgięcia" i tylko nieliczni przewijają do końca. Aby zachować uwagę użytkowników i zwiększyć konwersję, spróbuj ulokować główne informacje u góry strony (nagłówek, header).
Na przykład, jak to robi HootSuite:
9. Nie przesadzaj z wezwaniami do działania
Zbyt duża liczba elementów СТА na jednej stronie na pewno zmyli użytkownika, spowoduje przeciążenie poznawcze i zachęci go do zamknięcia zakładki przeglądarki.
Zostaw najważniejsze informacje i niezbędne СТА, nie przeładowując odbiorców nadmiarem treści. Najlepiej żeby na stronie było tylko jedno wezwanie do działania, jednak jeśli jesteś zmuszony do korzystania z długiego landingu footcloth, to należy umieszczać СТА z założeniem — jedno wezwanie na jedną wysokość monitora.
10. Podpowiedz odwiedzającym następny krok
Nie dawaj człowiekowi zbędnego wyboru. Umieść przycisk wezwania do działania w górnej części ekranu landingu powyżej „linii zgięcia" (Above the Fold), aby rzucał się w oczy.
Element СТА musi przyciągać uwagę, a najlepiej — być podobny do prawdziwego przycisku. Pozostawiaj wolne miejsce, „zaczepiając" uwagę użytkowników i wzywając ich do działania.
Ponadto, СТА musi zawierać wystarczającą ilość informacji, aby goście wiedzieli, co na nich czeka po docelowym działaniu. Poniżej — przykład dobrego i prostego wezwania do działania. Popełnić błąd na tej stronie jest po prostu niemożliwością:
11. Użyj mobilnego landingu
Liczba odwiedzających z urządzeń mobilnych rośnie z każdym dniem, dlatego adaptacyjne projektowanie lub funkcja przekierowania na mobilną stronę docelową są niezbędne do osiągnięcia sukcesu w dzisiejszym marketingu internetowym.
- zdjęcia powinny mieć możliwość przeglądania na urządzeniach mobilnych. Aby to zrobić, należy użyć HTML5, jQuery i formatu JPG;
- tekst powinien być zwięzły i czytelny;
- powierzchnia przeznaczona pod linki, musi być wystarczająco duża dla wygody kliknięcia na nią palcem;
- należy umieszczać zawartość w jednej kolumnie;
- przyciski CTA umieszczaj powyżej „linii zgięcia";
- lead-formularz powinien składać się z 2 pól.
Podsumowanie
Istnieje kilka podejść do zwiększania konwersji i użyteczności każdego landingu, których celem jest przekształcenie ruchu przychodzącego na leady lub sprzedaż. Ale jedna rada łączy absolutnie wszystkie techniki optymalizacji, a mianowicie - poznaj Twoich docelowych odbiorców!
Postaw się na miejscu odwiedzającego i spróbuj zrozumieć, przewidzieć jego działania.
Życzymy wysokich konwersji!
