23 proste tricki budowania zwycięskich landing page`y

krzysieknowakowski.pl
23 proste triki budowania
zwycięskich landing page’y
Niezawodne zasady, które powinien znać każdy
projektant i spec od konwersji
krzysieknowakowski.pl
Kierunek
Najbardziej bezpośredni
sposób, by przykuć uwagę
na konkretny element
Twojego landing page’a.
Po prostu wstaw strzałkę,
która wskaże użytkownikowi,
co ma kliknąć.
krzysieknowakowski.pl
Ruch
Jesteśmy ewolucyjnie
przystosowani do
spostrzegania ruchu.
Spraw, aby jeden z
elementów sprawiał
wrażenie poruszonego i tym samym kierował
wzrokiem osoby lądującej
na Twojej stronie.
krzysieknowakowski.pl
Afordancje
Afordancja to obiekt, w
którego wyglądzie zawiera
się także jego funkcja.
Dlatego budując przyciski
Call to Action zawsze
pamiętaj, by wyglądały jak
przyciski. Niech będą trójwymiarowe i
wyróżniają się od otoczenia.
krzysieknowakowski.pl
Kontrast
Kontrastujące elementy
lepiej przykuwają uwagę. Spraw, aby kluczowe
elementy różniły się kolorem
od reszty.
Możesz do tego użyć
chociażby koła kolorów.
krzysieknowakowski.pl
Zagnieżdżanie
To zasada, którą
zawdzięczamy psychologii
Gestalt. Obiekty, które
ustawione są w grupy
postrzegamy jako podobne
do siebie. W ten sposób możesz
porządkować długie listy
cech produktu - tzw. bullet
pointy.
krzysieknowakowski.pl
Pogrubienie
Pogrubiaj kluczowe słowa w
treściach na Twojej stronie. Pamiętaj jednak, by nie
przesadzać. Jeśli pogrubisz więcej niż
10% tekstu, użytkownik
będzie zagubiony przez
nadmiar informacji.
krzysieknowakowski.pl
Pusta
przestrzeń
Pusta przestrzeń między
elementami na Twojej stronie
pozwoli im oddychać, a użytkownikowi ułatwi
poruszanie się i czytanie.
Element, który posiada
najwięcej pustej przestrzeni
obok siebie, przyciąga też
najwięcej uwagi. krzysieknowakowski.pl
Anomalia
Jeśli wśród grupy
jednakowych elementów
jeden z nich będzie
odstawał, natychmiastowo
przyciągnie uwagę.
krzysieknowakowski.pl
Sąsiedztwo
Obiekty znajdujące się
blisko siebie postrzegane są
jako powiązane.
krzysieknowakowski.pl
Rozproszenie
Jeśli na Twojej stronie
znajduje się zbyt wiele
różnych elementów, które
rozpraszają uwagę
użytkownika, nie podejmie
on pożądanych przez
Ciebie aktywności.
Jeśli chcesz cieszyć się
wysoką konwersją to usuń
wszystkie niepotrzebne,
rozpraszające elementy.
krzysieknowakowski.pl
Przerwa
Zastosowanie przerwy
pomaga odpocząć oczom i
zatrzymać się użytkownikowi
nad treścią.
krzysieknowakowski.pl
Dominacja
Na to, czy element jest
dominujący wpływają jego
rozmiar oraz wyróżnianie się
z otoczenia.
Dominujący element
przykuwa uwagę i jest
klikany częściej.
krzysieknowakowski.pl
Konsekwencja
Elementy o podobnym
wyglądzie powinny mieć
podobne działanie. Dzięki temu strona będzie
bardziej intuicyjna w użytkowaniu.
krzysieknowakowski.pl
Powtarzalność
Powtarzaj najważniejsze
elementy strony oraz treści. Położysz nacisk na
najważniejsze części strony,
a treści staną się łatwiejsze
do zapamiętania.
krzysieknowakowski.pl
Symetria
Symetryczne po prostu
znaczy piękne.
krzysieknowakowski.pl
Nakładanie
Elementy, które nakładają
się na siebie postrzegane są
jako części tego samego,
większego obiektu.
krzysieknowakowski.pl
Wyrównanie
Jeśli chcesz kierować
wzrokiem użytkownika w określony sposób,
wyrównaj elementy poziomo
lub pionowo.
Wyrównanie porządkuje
elementy, przez co strona
nie jest pogrążona w chaosie.
krzysieknowakowski.pl
Ciągłość
Esencja hierarchii wizualnej.
Elementy ustawione w logicznym porządku
narzucają konkretny sposób
konsumpcji treści.
krzysieknowakowski.pl
Rozmiar
Im większy element, tym
łatwiej go dostrzec.
krzysieknowakowski.pl
Perspektywa
Zastosowanie perspektywy
pozwoli kierować uwagę
użytkownika ku Call to
Action na Twojej stronie.
krzysieknowakowski.pl
Grupowanie
Podobne elementy
umieszczone blisko siebie
redukują obciążenie
poznawcze.
krzysieknowakowski.pl
Izolacja
Objęcie kilku elementów w widzialne granice
separuje je od reszty.
Nadaje im także priorytet - nie mogły zostać
odgrodzone bez powodu.
krzysieknowakowski.pl
Kontakt
Stykające się ze sobą
elementy tworzą punkt, który
skupia zainteresowanie
widza.
krzysieknowakowski.pl