Mózg jest leniwy, i to że chodzi na skróty nikogo nie dziwi.

Mózg, mimo swojej olbrzymiej energochłonności (zużywa aż 20% energii produkowanej przez organizm!), jest leniwy. Liczba procesów z którymi musi radzić sobie w każdej sekundzie naszego życia jest tak przytłaczająca, że tam, gdzie tylko może – chodzi na skróty.

thesign.digitalTM to agencja brandingowa tworząca marki dla liderów usług cyfrowych.
thesign.digital
Szymon Kordylewicz
D/035
Design
Psychologia w UX a Twoja strona internetowa
Psychologia w UX a Twoja strona internetowa
Z tego artykułu dowiesz się:

1. Czym jest efekt izolacji?
2. Co to jest efekt Pozycji Szeregowej?
3. Co stanowi Prawo Hicka?
4. Na czym polega Prawo bliskości...
5. a Prawo Fittsa?

Psychologia w UX a Twoja strona internetowa

Z tej właśnie przyczyny projektanci takich narzędzi marketingowych jak strona internetowa czy aplikacja, od lat wykorzystują w swojej pracy wiedzę z zakresu psychologii.

I słusznie!

Dzięki lepszemu zrozumieniu mechanizmów rządzących ludzkim mózgiem oraz empatii względem zachowań i preferencji konsumenckich, dziś możemy projektować takie usługi, które najlepiej zrealizują cele klientów i zwiększą ich satysfakcję.

Dziś przygotowałem dla Ciebie 5 głównych praw, których zastosowanie przybliży Twoją stronę internetową klientom.

Gotowy?

Zasady psychologii, dzięki którym Twoja strona internetowa będzie bardziej przyjazna użytkownikom:

1. Efekt izolacji – jakie znaczenie ma w grafice efekt wyróżnienia

Efekt Von Restorffa wydaje się trywialny, mimo to jego skuteczność jest niezawodna.

Efekt izolacji, znany również jako Efekt Von Restorffa przewiduje, że gdy w zbiorze występuje wiele podobnych do siebie elementów, zapamiętany zostanie najprawdopodobniej ten, który się wyróżnia. Grafika komputerowa ma tu swoje pole do popisu, ale ta zasada tyczy się również tekstów – wyróżnieniem może być kolor, rozmiar, forma lub proporcje.

Warto używać tego efektu do uwydatnienia ważnych informacji w treści (poprzez pogrubienie, zwiększenie wolnej przestrzeni wokół, podkreślenia) lub CTA (ang. call to action, czyli wezwania do działania), które ma skłonić użytkownika do podjęcia określonej czynności.

Przykład:

Zauważyłeś, że w aplikacjach zakupów z dowozem zawsze wyróżnia się „Zamów”, a na stronach sklepów z ubraniami – „Dodaj do koszyka”? Teraz już wiesz, dlaczego.

strony internetowe - kordylewicz szymon - branding logo - identyfikacja wizualna
Źródło - Erşad Başbağ - dribbble.com

strony internetowe - kordylewicz szymon - branding logo - identyfikacja wizualna
Żródło - Max Burlak - dribbble.com

2. Efekt Pozycji Szeregowej – na którym miejscu postawić logo firmy, a na którym ofertę?

Pierwsze i ostatnie elementy mają największą szanse na zapamiętanie przez użytkownika.

Mamy tendencję do wybiórczego zapamiętywania elementów zbioru. Odbiorca Twojej strony internetowej po chwili prędzej przypomni sobie skrajne punkty z listy niż te znajdujące się w środku. Pierwszy element utrwalany jest ze względu na pamięć długotrwałą (czyli tzw. efekt pierwszeństwa), natomiast ostatni – krótkotrwałą (tzw. efekt opóźnienia).

Przykład:

Twórcy stron internetowych wykorzystują tę zasadę choćby w menu – dlatego na pierwszym miejscu zwykle umieszcza się najważniejszą zakładkę, a na ostatnim wezwanie do działania. Efekt pozycji szeregowej ma też ogromne zastosowanie w pozycjonowaniu reklamy.

strony internetowe - kordylewicz szymon - branding logo - identyfikacja wizualna
Źródło - Alexey Savitskiy - dribbble.com

strony internetowe - kordylewicz szymon - branding logo - identyfikacja wizualna
Źrodło - Javier Crocco Mendez - dribbble.com

3. Prawo Hicka – jak nie utrudniać klientom życia?

Prawo Hicka mówi wprost - mniej znaczy lepiej. Mnogość wybory powoduje ból decyzyjny i rezygnacje.

Prawo Hicka (znane również jako reguła lub teoria Hicka) zakłada, że im więcej opcji do wyboru – tym trudniej go dokonać. W rzeczywistości nadmiar możliwości może prowadzić do rezygnacji z podjęcia decyzji, a wydłużanie procesu zakupowego – do jego całkowitego porzucenia.  Jeśli dasz klientowi wybór między drogim, średnim i tanim, jego mózg łatwo dopasuje te opcje do swoich potrzeb i podejmie decyzję. Natomiast jeśli Twoja strona internetowa lub sklep online oferuje wybór między ekstra drogim, super drogim, bardzo drogim, drogim, średnio drogim, średnim, trochę tańszym, tanim, a super tanim… Prędzej zwariuje!


Przykład:

W rzeczywistości Prawo Hicka ma więcej zastosowań niż mogłoby się wydawać. Od wyboru produktów i dodania ich do koszyka, przez opcje cennika zależne od poziomu zaawansowania usługi (jak pakiety basic i premium), po sam zakup z przekierowaniem do płatności i podziękowanie za transakcje. Dobra strategia marketingowa wykorzystuje Prawo Hicka na każdym kroku.

Z którego pilota wolisz korzystać?
Odsłona strony głównej amazon.com z roku 2000 - zdecydowanie, można się pogubić.

4. Prawo bliskości – czy odległości mają wpływ na postrzeganie?

Nasz mózg zwraca większą uwagę i łatwiej kojarzy ze sobą obiekty znajdujące się blisko siebie niż oddalone. Mamy naturalną skłonność do organizowania i grupowania rzeczy, dlatego jeśli na Twojej stronie internetowej występują elementy powiązane ze sobą – najlepiej będzie umieścić je blisko siebie. Wtedy prawdopodobieństwo przyciągnięcia uwagi użytkowników rośnie.

Przykład:

Rodzaje usług, popularne kategorie, galerie inspiracji, czy opinie użytkowników.

strony internetowe - kordylewicz szymon - branding logo - identyfikacja wizualna
Źródło - Maxim Aginsky - dribbble.com

Źródło - Joel Rosen - dribbble.com

5. Prawo Fittsa – dobry UX potrafi grać rozmiarem

Wykorzystaj manipulację rozmiarem by ułatwić poruszanie się po stronie.

Ostatnie, ale nie najmniej ważne prawo, którego zastosowanie wpływa na zachowania użytkowników, mówi o rozmiarze elementów strony internetowej. Wg Prawa Fittsa, czas potrzebny do osiągnięcia celu użytkownika zależy od tego, jak daleko musi go szukać. W skrócie – im ważniejszy element, tym powinien być większy i łatwiejszy do trafienia (i kliknięcia myszką).

Przykład:

Zwróć uwagę na przyciski wezwania do działania i focus areas (ang. Obszary koncentracji), które stanowią najważniejszy element strony internetowej. Oprócz tego, że wyróżnia się je zgodnie z efektem izolacji, bardzo często są też większe i zbliżone do siebie.

Szymon Kordylewicz Piła Wielkopolska Projektant Grafika thesign.digital