Zejdź ze mną, jeśli chcesz, do mojego pokornego DeLoreana i wracaj do historii do tego czasu, gdy zasnąłeś w swoim kursie teorii projektowania.

Nie potrzebowałeś teorii Gestalt, myślałeś. Wiedziałeś już, jak zrobić logo zabójcy. Miałeś ważniejsze rzeczy do zrobienia, na przykład marzenie o stawaniu się Sagmeister Następny protegowany.

Nienawidzę wam tego podrzucać, ale te fundamentalne elementy spostrzegawczej organizacji wykraczają poza samo stworzenie ładnego obrazu.

W rzeczywistości są one kluczowymi elementami procesu poznawczo-emocjonalnego, a zrozumienie ich praktycznego zastosowania pozwala nam tworzyć bardziej zaawansowane doświadczenia dla użytkowników.

25-sekundowa historia psychologii Gestalt

Pole Psychologia Gestalt ma na celu wyjaśnienie, w jaki sposób umysł postrzega i organizuje bodźce wzrokowe, słuchowe i somatosensoryczne. Jako projektanci stron internetowych i specjaliści od user experience (UX), badania Gestalt Psychology są nieocenionym narzędziem do optymalizacji nie tylko użyteczności Twojego produktu, ale także jego zaangażowania.

Wprowadzony w latach 1910, jest zasługą pracy psychologów Maxa Wertheimera, Kurta Koffki i Wolfganga Köhlera. Gestalt, niemiecki dla "formy", daje nam wgląd w sposób organizowania doświadczeń użytkownika poprzez badanie relacji między danym bodźcem a poznawczą reakcją użytkownika.

Stosunek reakcji poznawczo-emocjonalno-behawioralnej

Na przykład:

Relacja poznawczo-emocjonalno-behawioralna za pośrednictwem Monty Pythona

Teoria Wertheimera stwierdza, że ​​człowiek postrzega efekt doświadczenia jako całość, w przeciwieństwie do akumulacji poszczególnych części doświadczenia. W zasadzie sprowadza się do tego: cała rzeczywistość jest doświadczana i zorganizowana percepcyjnie w możliwie najprostszy i najbardziej stabilny sposób.

Wprowadzenie do emocjonalnego grupowania

Zasady Gestaltowego Zespołu Percepcyjnego Grupowania
  • Prawo bliskości
    Obiekty blisko siebie są zgrupowane razem.
  • Prawo podobieństwa
    Podobne przedmioty są zwykle zgrupowane.
  • Prawo zamknięcia
    Obiekty zgrupowane razem są postrzegane jako całość.
  • Prawo ciągłości
    Linie są postrzegane jako podążające płynną ścieżką.
  • Prawo wspólnego regionu
    Przedmioty w podobnych obszarach są zwykle zgrupowane.
  • Prawo Connectedness
    Elementy, które są połączone, są postrzegane jako grupy.

Zasady zgrupowania Gestalt, zwane również Prawami Organizacji Percepcyjnej, są najbardziej znanymi teoriami Gestalt w społeczności projektantów. Dzięki zrozumieniu i wdrożeniu tych zasad możesz tworzyć projekty, których estetyka wywoła pozytywną reakcję poznawczą. Prawdziwa wartość tych teorii polega jednak na tym, że mogą one przyczynić się do całego procesu poznawczo-emocjonalnego.

Dotykając pragnienia umysłu łączenia obiektów w celu zrozumienia tego, co postrzega, jesteśmy w stanie wprowadzić emocjonalne elementy do naszych projektów. Na przykład, trzy ikony króliczków nie będą miały emocjonalnego wpływu na użytkownika, chyba że wywoła to odrazę do oglądania tylu ogólnych wektorowych zajączków Photoshopa w jednym artykule:

Zbliżone grupowanie ikon króliczka

Ale pociągnij Velveteen Rabbit i nagle zmierzasz w stronę radości-gazu:

Zbliżające się grupowanie prawdziwych królików

Wreszcie, wpadniemy w jakiś niepokój, aby trochę go pomieszać. Och nie!

Zbliżające się grupowanie królików w niebezpieczeństwie
(Obrazy: Wilk , królik )

Zastosowanie tych teorii pozwala wzmocnić wskazówki behawioralne w projektowaniu zaangażowania i zwiększyć liczbę konwersji, wzmocnić zaangażowanie marki, osiągnąć dominację nad światem lub cokolwiek innego może być twoim celem.

Zapisz przycisk akcji w niebezpieczeństwie

Wzmocnij behawioralne sygnały z emocjonalnym zaangażowaniem za pośrednictwem Gestalt

Dzięki poznawczemu grupowaniu wyzwalaczy emocjonalnych z wyzwalaczami behawioralnymi lub wezwaniami do działania można wzmocnić zasadność żądania i nakłonić użytkownika do podjęcia kolejnego kroku. W ten sposób powstają wyższe konwersje związane z takimi czynnościami, jak rejestracja i zakupy e-maili: kroki, w których użytkownicy inwestują coś w relację z platformą, w przeciwieństwie do prostych kliknięć lub zachowań opartych na nawigacji.

Kampania Facebooka ASPCA Joplin Tornado

Wykorzystanie tych koncepcji w praktyce Kampania Facebooka ASPCA Joplin Tornado przyjmuje smutne oczy kota, który jest identyfikowany jako ofiara tornada i nakłada duży przycisk odtwarzania.

Przekłada się to na zasadę bliskości, tworząc emocjonalnie zachęcające wezwanie do działania. Zamiast po prostu osadzać film na YouTube, projektanci stworzyli ten baner jako link do strony z wideo, aby mieć większą kontrolę nad tym, co jest prezentowane użytkownikowi. Utrzymując baner zgodny z wymiarami odtwarzaczy wideo w Internecie i nakładając przycisk odtwarzania (wykorzystując w ten sposób zasadę podobieństwa), są oni w stanie stworzyć przekonujące wezwanie do działania.

Dla porównania proste osadzanie filmu z YouTube Blog Tima Ferrissa brakuje zaangażowania, które widzimy za pomocą niestandardowej prośby ASPCA, aby odtworzyć jego wideo.

Tim Ferriss Blog Video

Emocjonalna zaraza w projektowaniu stron internetowych

Jak to działa? Dlaczego niektóre obrazy wizualne są tak atrakcyjne, a inne nie? Silne wizualne obrazy i emocjonalnie angażujący tekst pomagają stworzyć " emocjonalne zarażenie "Z użytkownikiem. Emocjonalne zarażanie jest zjawiskiem psychologicznym, które zasadniczo sprowadza się do tego: emocje są zaraźliwe.

Innymi słowy, kotek tam właśnie zaraża cię przypadkiem bluesa. Możesz prawie usłyszeć, jak myśli: "Zabierz mnie do domu. Kochaj mnie. Zostań moimi paparazzi i stwórz darmowe memy lolcat z moich szczęśliwych chwil. " Nawet jeśli nie jesteś kotem, trudno byłoby nie czuć współczucia dla jego trudnej sytuacji. ASPCA zna moc smutnych zwierzęcych oczu; w swoich kampaniach opiera się na zdjęciach raz po raz.

Powyższy przykład wykorzystuje fotografię, ale ilustracje i logotypy mogą również pomóc w tworzeniu stanów emocjonalnych u użytkowników. Przykładem tego jest LessAcounting Strona główna (zgodnie z sugestią użytkownika @JbirdDesign ).

Strona główna mniejszej księgowości

Strona wizualnie dostosowuje swoją markę partnerską (aby uzyskać wiarygodność) wraz z wezwaniami do działania i innymi zachowaniami, jako sposób na budowanie zaufania. Zachowując logo partnera o tym samym rozmiarze i kształcie (zasada podobieństwa) i umieszczając je w obrębie obwodu (zasada zamknięcia), projektanci nakłaniają użytkownika do postrzegania ich jako jednej jednostki, pomimo przyjęcia szerokości strony. Korzystając z zasady Connectedness Principle, projektanci wizualnie łączą logo z centralnym polem "Bookkeeping should be easy", w którym centralnym punktem jest przycisk "Rozpocznij z bezpłatną próbą".

Instytucje finansowe wydają dużo pieniędzy, kojarząc swoją markę z wiarygodnością, jak w "Zaufaj nam swoimi depozytami finansowymi". Można to osiągnąć dzięki kooperacji, kojarzeniu lub promowaniu marki.

Media informacyjne również pozycjonują swoje marki jako zaufane źródła informacji. Daleko od otwierania puszki z robakami o tym, czy można ufać którejkolwiek z tych instytucji, przyznajemy, że zaufanie jest realną emocją w ich strategiach budowania marki. Inne marki mogą z kolei dotknąć emocjonalnego zaangażowania jednej marki, aby zwiększyć skuteczność własnych strategii. Koniec. W komentarzach nie ma wojen płomieni, ludzie.

Innym przykładem jest MailChimp Poniżej prośba o rejestrację biuletynu. W obliczu logotypów wiarygodnych autorytetów branżowych użytkownicy wchodzą w relację z platformą na wyższym poziomie zaufania, czy to poprzez założenie konta czy zapisanie się do newslettera.

Biuletyn MailChimp Wezwanie do działania

Gdy ryzyko jest wyższe, podobnie jak w przypadku ubezpieczenia społecznego i numerów kart kredytowych, poziom wiarygodności zgodny z działaniem również powinien być. Gdy marka nie jest sama w sobie wystarczająco wiarygodna sama w sobie, jak jest w przypadku Amazona, zazwyczaj opiera się na logo i pieczęciach zaufania, takich jak na przykład w przypadku Better Business Bureau i PCI, aby zwiększyć zaufanie konsumentów .

W skrócie

Dzięki zrozumieniu organizacji percepcyjnej zaangażowanej w proces poznawczy możemy opracować silniejsze strategie wyzwalaczy emocjonalnych i behawioralnych w naszych doświadczeniach użytkowników.

  • Łączenie emocjonalnych i behawioralnych czynników wyzwalających w jakiejś formie grup kognitywnych - czy to przez bliskość, podobieństwo, czy coś innego - wzmacnia motywację do działania w oparciu o behawioralny sygnał.
  • Standardy branżowe niekoniecznie są najbardziej angażujące emocjonalnie, co widać w powyższym porównaniu do YouTube. Naucz się korygować swoje doświadczenia, zamiast subskrybować standard.
  • Zasady Gestalt mogą pomóc profesjonalistom UX wykorzystać zaufanie, aby zwiększyć konwersje oparte na sprzedaży.

W jaki sposób wykorzystujesz emocjonalne i behawioralne grupowanie w swoich doświadczeniach użytkowników? Czy znalazłeś świetny przykład surfowania? Komentarze, komentarze! Chcemy wiedzieć, proszę!