Uwaga: Poniższy artykuł pomoże Ci w: Projektowanie białej przestrzeni: Twoja tajna broń na świetne strony docelowe
Dorastając zawsze fascynowały mnie place budowy. Uwielbiałem oglądać układanie cegieł, mierzenie ościeżnic i kucie płyt gipsowo-kartonowych. Nie mogłem się doczekać, aż nic stanie się czymś.
Projektowanie strony docelowej jest bardzo podobne do budowania budynku — na początku na stronie nie ma nic. Ale gdy zaczynasz, dodawanie niezbędnych elementówwidzisz jak coś niesamowitego ożywa.
Ukończony budynek będzie wyglądał świetnie tylko wtedy, gdy wykorzystasz właściwe materiały we właściwych miejscach — to samo dotyczy stron docelowych.
Oprócz formularza przechwytywania leadów, każda strona docelowa zawiera mieszankę różnych elementów. Jest nagłówek, tekst, obraz, referencje klientów, pieczęcie zaufania, odznaki klientów, przycisk wezwania do działania oraz wideo lub gif. Każdy element odgrywa swoją rolę, aby skłonić odwiedzającego do konwersji. Na przykład nie możesz poświęcać mniej uwagi tekstowi, aby Twój nagłówek stał się bardziej zauważalny, ani nie możesz ignorować formularza, aby umieścić przycisk wezwania do działania w centrum uwagi.
Wszystkie elementy zasługują na widoczne miejsce na Twojej dedykowanej stronie, ponieważ to równowaga między nimi pomaga przekonać odwiedzającego do konwersji w potencjalnego klienta.
Jeśli nie utrzymasz tej równowagi, to jest ten rodzaj strony możesz spodziewać się zobaczyć:
A gdy każdemu elementowi dano szansę zabłysnąć, Ten jest rodzaj strony które możesz utworzyć:
Jaka jest więc różnica między tymi dwoma stronami docelowymi? Obie strony mają niezbędne elementy potrzebne do uzyskania konwersji. Co Świeżydesk strona ma to, czego nie ma strona TaxSlayer, jest elementem często pomijanym w przypadku stron docelowych — biała przestrzeń.
Czym właściwie jest „biała przestrzeń”?
Jan Tschichold miał to do powiedzenia o białej przestrzeni: „należy ją traktować jako element aktywny, a nie pasywne tło”.
Biała przestrzeń (znana również jako przestrzeń negatywna) to dowolna część strony, która nie została oznaczona — pusta przestrzeń na stronie. W terminologii projektowej, przestrzeń biała może być zdefiniowana jako przestrzeń między tekstem, marginesami, kolumnami, grafikami i innymi elementami strony.
To właśnie ta otwarta przestrzeń sprawia, że wszystkie inne elementy strony docelowej wyglądają bardziej wyraziście i przyciągają uwagę. Nie będzie błędem stwierdzenie, że biała przestrzeń jest spoiwem, które trzyma stronę docelową w całości. Bez białej przestrzeni zostajesz z chaotyczną stroną (jak TaxSlayer powyżej), która nie nadaje się do konwersji.
Przestrzeń ta nazywana jest „białą”, a jednak nie zawsze musi być biały. Możesz ustawić tę przestrzeń w dowolnym kolorze, pod warunkiem, że będzie ona naturalnie komponować się z projektem strony i przyciągać uwagę do każdego elementu (szczególnie wezwania do działania i formularza).
Możesz umieścić białą przestrzeń praktycznie w każdym miejscu strony docelowej, aby wyróżnić wszystkie elementy i przyciągnąć uwagę odwiedzających.
Cztery rodzaje projektowania białej przestrzeni
Tam są cztery główne typy projektowania białej przestrzeni:
- Mikro biała przestrzeń: Jest to ujemna przestrzeń pomiędzy mniejszymi elementami (np. przestrzeń pomiędzy obrazem a podpisem lub pomiędzy słowami a literami).
- Makro biała przestrzeń: Jest to pusta przestrzeń pomiędzy głównymi elementami (np. przestrzeń pomiędzy nagłówkiem a tekstem).
- Aktywna biała przestrzeń: Ten rodzaj przestrzeni jest świadomie dodawany do strony, aby uczynić ją bardziej ustrukturyzowaną. Jest w większości asymetryczny i sprawia, że strona wygląda dynamicznie.
- Pasywna biała przestrzeń: To naturalnie występująca biała przestrzeń, która nie jest dodawana celowo. To przestrzeń między słowami w wierszu lub przestrzeń wokół grafiki.
Wszystkie cztery rodzaje białej przestrzeni są niezbędne do stworzenia świetnej strony docelowej i przyciągnięcia uwagi do jej elementów.
Negatywna przestrzeń odgrywa ważną rolę w projektowaniu stron docelowych. Omówmy kilka powodów, dla których powinieneś uwzględnić ten element strony we wszystkich strony docelowe, które tworzysz.
Projektowanie białej przestrzeni zwiększa czytelność
Używając białej przestrzeni w swojej kopii, możesz odgracić tekst, pozwalając odwiedzającemu na przyjemniejsze czytanie. Aby to zademonstrować, spójrzmy na ten akapit kopii, który nie ma żadnych odstępów:
Ile linijek przeczytałeś? Czy zrobiłeś to co ja i nawet nie próbowałeś tego przeczytać?
Bałagan zabija konwersję; puste miejsca są jak superbohaterowie, którzy ratują Twoją stronę przed utraceniem przez bałagan.
Zobaczmy jak wygląda ten sam tekst po dodaniu aktywnej spacji:
Lepiej? Może nawet ci się spodoba, jeśli jesteś fanem krykieta i Pontinga.
Odstępy między wierszami (znane również jako „interlinia”) ma duży wpływ na czytelność. To jest mikrobiała przestrzeń między wierszami tekstu. Jako reguła, im większy interlinia, tym łatwiej przeczytać i zrozumieć tekst na stronie.
Który akapit jest łatwiejszy do przeczytania?
Zagracone litery nie są czytelne; to samo dotyczy liter z zbyt dużym odstępem. Na przykład ludzie mogą pomylić litery z zbyt dużą przestrzenią między nimi ze słowami, a nie literami.
Upewnij się, że dodajesz odpowiednią ilość białej przestrzeni w swojej kopii, tak jak Fluorowiec na swojej stronie docelowej:
Projektowanie białej przestrzeni kieruje wzrokiem odwiedzających
Z pomocą z białej przestrzeni, możesz ustalić hierarchię wizualną dla odwiedzających dyktując, który element powinni zobaczyć jako pierwszy, a który powinien nastąpić po nim. Pusta przestrzeń jest powodem, dla którego odwiedzający najpierw spojrzą na nagłówek, następnie przejdą do tekstu, przejdą do formularza i na końcu do przycisku wezwania do działania.
Biała przestrzeń pozwala na zachowanie relacji przestrzennych pomiędzy poszczególnymi elementami strony, co ułatwia użytkownikom poruszanie się po stronie.
Spójrz na to Strona docelowa Sendible na przykład:
Negatywna przestrzeń po obu stronach strony kieruje wzrok odwiedzających do środka, gdzie znajdą główny i drugorzędny nagłówek. To nie jest to, co Wzory stron F i Z dyktują — jednak ze względu na puste miejsca jesteś zmuszony zacząć patrzeć na stronę od środka.
Biała przestrzeń w projekcie sprawia, że Twoja strona docelowa jest ekskluzywna
Biała przestrzeń może być używana do dodawania poczucia wyrafinowania i elegancji do stron docelowych. Mniej białej przestrzeni zazwyczaj daje wrażenie niskiej jakości, podczas gdy strona z dużą negatywną przestrzenią wydaje się być premium i luksusowa.
Brać te dwie reklamy na przykład:
Który z nich wygląda bardziej ekskluzywnie?
Strony docelowe niczym się nie różnią. Ostateczny podatek strona nie emanuje wyrafinowaną atmosferą, ponieważ nie wykorzystuje wystarczającej ilości wolnej przestrzeni:
Na dole jest dużo białej przestrzeni, ale na górze strony docelowej znajduje się bardzo dużo tekstu.
Ten Strona e-plikuz drugiej strony wygląda o wiele czyściej i bardziej wyrafinowanie, a przez to jest bardziej ekskluzywny:
Biała przestrzeń optymalizuje formularze przechwytywania potencjalnych klientów
Formularze przechwytywania leadów mogą decydować o współczynnikach konwersji na stronie docelowej. Jeśli formularz nie jest prawidłowo zaprojektowany, ryzykujesz utratą odwiedzających, którzy byli gotowi na konwersję, ale zniechęcili się do formularza. Puste przestrzenie eliminują to ryzyko, ponieważ możesz łatwo sformatować pola formularza.
Ten Zasada Gestalt wyjaśnia, że odwiedzający mają tendencję do pomijania elementów znajdujących się blisko siebie. Można tego uniknąć, zapewniając wystarczająco dużo białej przestrzeni między polami, aby odwiedzający nie był zdezorientowany, gdy próbuje wprowadzić swoje informacje.
Kiedy klikniesz na to Strona Animotowidzisz strona i formularz poniżejktóry ma wystarczającą ilość wolnego miejsca:
Biała przestrzeń to wszystko, tylko nie zmarnowana przestrzeń
Chociaż biała przestrzeń jest czasami nazywana „pustą przestrzenią”, w żadnym wypadku nie jest to przestrzeń zmarnowana. To nie jest sekcja strony, której nie udało Ci się wypełnić. To przestrzeń na stronie, którą celowo pozostawiłeś pustą, aby pozostałe obszary mogły przyciągnąć więcej uwagi.
Pusta przestrzeń daje elementom Twojej strony przestrzeń do działania, dzięki czemu możesz zaprojektować prostą, wyrafinowaną stronę, która będzie miała siłę przekonać odwiedzających do konwersji — a właśnie po to zostały stworzone wszystkie strony docelowe.
O autorze
Fahad Muhammad jest specjalistą ds. marketingu treści w InstapageJako weteran Instapage, był świadkiem szybkiego postępu branży. Pisze o przykładach landing page, trendach marketingowych, aktualizacjach Instapage i psychologii konwersji na blogu Instapage. Kiedy nie jest zajęty poszukiwaniem przykładów landing page, można go znaleźć przyklejonego do odcinka Top Gear.
