Badanie wpływu emocji na projektowanie stron internetowych

Dla nas projektantów jest to czasami trudna do przełknięcia pigułka, ale nasze piękne prace są bezużyteczne, jeśli nie służą celom naszych klientów. A dla każdego klienta pierwszą rzeczą do zrobienia jest przyciągnięcie odwiedzających do ich stron internetowych i produktów.

Czasy agresywnego marketingu cyfrowego (reklam, banerów i wyskakujących okienek) minęły. Dzisiejsi internauci, nawet milenialsi i seniorzy, oczekują, że ich przeglądanie będzie „czyste” i estetyczne. Zobacz, jak bardzo wzrosła liczba wyszukiwań oprogramowania do blokowania reklam w ciągu ostatnich pięciu lat.

Z programami blokującymi reklamy zainstalowanymi na każdym innym urządzeniu, wszyscy musimy rozwiązać problem za pomocą prostego przejścia do opcji i szukać sposobów reklamowania i sprzedawania produktów, usług lub pomysłów za pomocą bardziej wyrafinowanych instrumentów.

Jednym z takich instrumentów jest Design for Emotion – psychologiczne podejście do projektowania, które ma na celu wywołanie emocji w zamierzonym użytkowniku i zakotwiczenie odwiedzających w celu Twojej witryny.

Na przykład, gdybyśmy mieli zaprojektować stronę internetową promującą napój bezalkoholowy, moglibyśmy to zrobić na dwa sposoby:

1. Umieść produkt i markę na pierwszym planie.
2. Umieść produkt i markę w odpowiednim otoczeniu emocjonalnym.

Wyobraź sobie, że odwiedzasz witrynę i oglądasz zdjęcie (lub klip wideo) młodych ludzi grających w siatkówkę na słonecznej plaży. Nawet jeśli nie jesteś wielkim fanem siatkówki, emocje związane z tym, jak dobrze się bawią ci ludzie, natychmiast odbiją się na tobie. A potem, gdy jedna z osób orzeźwia się zimnym napojem, nie możesz powstrzymać swędzenia pragnienia w tylnej części gardła.

Celem zdjęcia lub filmu nie była promocja siatkówki plażowej, ale sprzedaż marki sody. Jednak nie tylko uderzył w ciebie jak pociąg, ale został doprowadzony do ciebie stopniowo i dyskretnie, dzięki emocjom zabawy i duchowi gry.

Poziomy zrozumienia emocji

Projektanci badali emocjonalny wpływ stron internetowych od początków Web 2.0, kiedy złożone animacje i lekkie klipy stopniowo przejęły wirtualną przestrzeń. Książka „Projektowanie dla emocji”, wydana przez Aarona Waltera w 2005 roku, szybko stała się bestsellerem i przewodnikiem dla wielu współczesnych projektantów stron internetowych, w tym dla mnie.

W swojej książce Walter określa trzy etapy emocjonalnego zaangażowania typowego użytkownika strony internetowej: są pod wrażeniem , zaintrygowani i zaangażowani .

1. Poziom trzewny: „pod wrażeniem”

Pierwsze wrażenie jest zawsze podświadome i jest interpretowane przez nasz mózg automatycznie, niezależnie od rozsądnej oceny. Kiedy odwiedzamy stronę internetową, natychmiast dajemy jej „kciuk w górę” lub „kciuk w dół”.

Na podstawie tej wstępnej oceny będziemy nadal pozytywnie postrzegać wszystkie treści w tej witrynie. Nie powinno więc dziwić, że dobry projekt trzewny musi wywoływać jedynie reakcję „kciuk w górę”.

2. Poziom behawioralny: „zaintrygowany”

Jeśli coś na pierwszy rzut oka wygląda fajnie, nasz mózg próbuje przeanalizować, co to jest i jak działa. To uruchamia nasze wzorce zachowań i zaczynamy być emocjonalnie podekscytowani czymś, co lubimy. Tak więc drugim krokiem w projektowaniu emocjonalnym byłoby zaproszenie projektu do dalszych badań.

Gdy odwiedzający jest zaintrygowany, nie będzie mógł się oprzeć przewijaniu w dół, kliknięciu linku, a nawet kliknięciu wezwania do działania.

3. Poziom refleksji: „Zaangażowany”

To najwyższy poziom naszych poznawczych procesów myślowych. To wtedy analizujemy i wydajemy logiczne osądy na temat tego, co widzimy. Użytkownik strony internetowej jest przyciągany do tego poziomu przez dwa poprzednie iw tym momencie wszystkie karty należy położyć na stole, pokazując, czym jest produkt i dlaczego jest przydatny dla użytkownika.

W swojej głowie użytkownik zrozumie intencję serwisu do sprzedaży produktu, ale ze względu na pozytywne emocje, których doświadczył, zamiar ten nie zostanie odebrany jako wrogi.

Jak widać, projektowanie dla emocji ma na celu wywołanie łańcucha reakcji psychologicznych. Po pierwsze, zainteresuj użytkownika efektem „wow”, następnie spraw, aby był chętny do dalszej eksploracji, a na koniec zrozum, na czym dokładnie polega zamieszanie.

Przyjrzyjmy się teraz, jakie narzędzia przyczyniają się do tworzenia angażujących emocjonalnie projektów wizualnych.

Składniki projektowania emocjonalnego

Przyjrzymy się trzem oczywistym napływom, które każdy projektant wykorzystuje do tworzenia wizualizacji produktu lub marki i spróbujemy je przeanalizować z perspektywy projektowania pod kątem emocji.

1. Księga Znaku

Jeśli chcemy sprzedawać markę z emocjami, musimy najpierw zapoznać się z regulaminem tej konkretnej marki. Dobra księga znaku lub przewodnik po stylu będzie zawierał schematy kolorów, czcionki, zasady wyrównania siatki, nakazy i zakazy dotyczące umieszczania powierzchni reklamowej i wiele więcej.

Musisz założyć, że tożsamość marki ma już wbudowany sens emocjonalny. Wielu projektantów przyjmie ten sens i rozszerzy go na całą witrynę. W końcu będą mieli jedno wielkie mega-logo zamiast tylko strony internetowej.

Lepszym podejściem jest wyciągnięcie esencji marki z książki, ale umieszczenie jej między wierszami, a nie na pierwszym planie. Zostaw logo w lewym górnym rogu, gdzie należy, a resztę miejsca przeznacz na rzeczy, z którymi chcesz, aby użytkownicy kojarzyli markę.

2. Kolory

Na poziomie ogólnym wszyscy wiemy, co reprezentują kolory. Czerwony to niebezpieczeństwo, agresja; niebieski oznacza spokój; i zielony za pozwolenie, wolność, naturę. Podczas projektowania pod kątem emocji, odcienie kolorów są znacznie ważniejsze niż surowe kolory. Przyciemnianie lub rozjaśnianie tonu może kierować zamierzone emocje w różnych kierunkach.

Poniżej znajduje się krótki film, który zawiera dyskografię Bena Lukasa Boysena, ale bez żadnego dźwięku. Wszystkie emocje są przedstawione kolorami. Nie słysząc muzyki, wciąż odczuwamy podświadome uczucie emocjonalne w każdej piosence.

Należy również pamiętać o kulturowych cechach każdego koloru. W Japonii biel jest kolorem smutku, a dla mieszkańców Bliskiego Wschodu żółty jest często postrzegany jako obrzydliwy. Oto ciekawy i pouczający artykuł o tym, co reprezentują kolory w różnych kulturach.

3. Otoczenie

Emocje są znacznie łatwiejsze do wywołania przez otoczenie niż sama marka. Markę trzeba umieścić w otoczeniu lub okolicznościach, w których prawdopodobnie zostanie ona najbardziej doceniona przez widza.

Jednym z najlepszych przykładów jest orzeźwienie w upalny dzień. Rzadko pijemy napoje bezalkoholowe tylko z chęci serca. Ale w słoneczny dzień, na wakacjach, leżąc na plaży lub wisząc przy basenie, co może być lepszego niż zimny napój z gaszącymi pragnienie bąbelkami?

„ Projektowanie emocjonalne zmienia zwykłych użytkowników w fanatyków, gotowych opowiadać innym o swoich pozytywnych doświadczeniach ” — podsumowuje Aaron Walter, jeden z ojców założycieli projektowania emocjonalnego.

Tak naprawdę każda strona internetowa jest oparta na doświadczeniu – wizualnym, zmysłowym, informacyjnym lub po prostu zabawnym. Jeśli tworzona przez Ciebie witryna internetowa zapewnia jedno z tych doświadczeń, możesz być pewien, że sprawi, że odwiedzający będą chcieli do niej wracać. A osoby regularnie odwiedzające stronę Twojego klienta to najlepszy sposób na wywołanie najbardziej cenionej ze wszystkich emocji – zadowolenia klienta.