Interaktywny projekt

Psychologia projektowania stron internetowych

Projektanci często nie potrzebują czasu, aby dowiedzieć się, w jaki sposób podstawowe zasady psychologiczne mogą wpływać na wrażenia użytkowników witryny, którą tworzą.

Zasady psychologiczne są uważane za niepotrzebne lub zbyt skomplikowane. Ale prawda jest taka, że ​​oni nie są ani.

Nie ma zbyt wielu koncepcji związanych z podstawową psychologią projektowania, a większość z nich jest stosunkowo prosta i łatwa do nauczenia.

Są one również łatwe do wdrożenia, ale niektóre wymagają nieco więcej opieki i planowania niż inne.

Czytaj dalej, aby dowiedzieć się więcej. Zostaw swoją opinię i komentarze na końcu tego posta.

Cel projektowania opartego na psychologii

Biorąc pod uwagę psychologię w procesie projektowania może mieć kilka pozytywnych skutków na wynik końcowy. Jeśli poświęcisz trochę czasu na przemyślenie tego, czego chcą Twoi goście i jak chcą je zdobyć, jesteś już na dobrej drodze do stworzenia strony, która będzie korzystać z psychologicznych działań Twoich docelowych odbiorców.

Biorąc pod uwagę psychologię odwiedzającego, prawdopodobnie trafisz na szczęśliwszych użytkowników, którzy chętniej wykonają pożądane działania, niezależnie od tego, czy nawiązują z Tobą kontakt, kupują produkt lub polecają znajomych.

Jest to główny powód uwzględnienia psychologii w twoich projektach. Chcesz zwiększyć prawdopodobieństwo, że Twoi odwiedzający zrobią to, co chcesz.

Budowanie zaufania

Aby Twoi goście robili to, co chcesz, muszą ci ufać. Zaufanie nie przychodzi łatwo, szczególnie w dobie oszustw, schematów i niesmacznych postaci niemal wszędzie, gdzie patrzymy online.

Dla kogoś, kto niewiele wie o tym, jak działa Internet, jest podejrzliwy wobec każdego, kto poprosi go o podanie wszelkich danych osobowych, bez względu na to, jak jest to konieczne lub jak wysoko rekomendowana jest strona.

Jako projektanci często pomijamy to, ponieważ jesteśmy przyzwyczajeni do prowadzenia biznesu online. Ale dla naszych klientów i dla ich klientów internet może wciąż być wielką, przerażającą czarną dziurą, do której trafiają ich informacje.

Mając to na uwadze, możesz użyć psychologii projektowania, aby Twoja witryna wyglądała na bardziej godną zaufania dla przeciętnego użytkownika. Stworzenie strony internetowej, która ułatwi odwiedzającym witrynę, oznacza większe prawdopodobieństwo, że zarejestrujesz się na konto, kupisz produkt lub w inny sposób nawiązujesz z nim współpracę. Można to zrobić poprzez połączenie projektu i języka używanego w witrynie.

Znajomość i rozpoznawalne wzory

Kiedy ktoś ląduje na stronie w witrynie, są pewne rzeczy, które spodziewają się od razu zobaczyć, niezależnie od rodzaju witryny, na której się znajdują.

Jeśli nie widzą tych rzeczy, często czują się tak, jakby znaleźli się w jakimś dziwnym pustkowiu, które nie ma dla nich sensu (a zatem nie jest godne zaufania). Dwie wielkie rzeczy, których ludzie oczekują, to cel witryny (która może dotyczyć dostarczania informacji na określony temat do sprzedaży produktu, aby wyglądać ładnie) i jakiejś formy nawigacji.

Podczas gdy linie znaczników mogą pomóc w rozpoznaniu celu, projekt może uzupełnić i wzmocnić tę wiadomość. Załóżmy na przykład, że projektujesz blog środowiskowy. Jeśli twój projekt jest ciemny i rozmyślający, a w nagłówku ma panoramę miasta o zachodzie słońca, nie daje nam to nawet najmniejszej wskazówki na temat celu witryny.

Z drugiej strony, jeśli jest to czysto, nowocześnie wyglądająca strona z wieloma zielonymi i naturalnie wyglądającymi akcentami, to wzmocni to fakt, że jest to blog środowiskowy.

Poza tym, czego każdy spodziewa się znaleźć na każdej stronie, są dodatkowe rzeczy, których ludzie mogą oczekiwać na niektórych stronach lub w określonych branżach. Ludzie oczekują wpisów na blogu na pierwszej stronie bloga. Oczekują produktów na pierwszej stronie witryny e-commerce. Oczekują funkcji wyszukiwania w każdej witrynie, która ma więcej niż kilka stron. W większości przypadków oczekują one pewnego rodzaju informacji "o" i stronie kontaktowej.

Spójność marki

Oprócz ogólnych elementów, które większość odwiedzających spodziewa się zobaczyć na stronie, często użytkownicy mogą w szczególności kojarzyć się z Twoją firmą. Chociaż może to nie być problemem dla nowej firmy lub bardzo małego biznesu, jest to problem dla wielu innych.

Pomyśl o kolorach używanych w materiałach promocyjnych offline. Te kolory powinny zostać w jakiś sposób włączone do Twojej witryny, nawet jeśli są tylko w obrazie nagłówka lub jako kolory akcentujące.

To samo dotyczy Twojego logo. Jeśli używasz logo w drukowanych materiałach marketingowych, musisz umieścić go również na swojej stronie internetowej. Są to bardzo podstawowe rzeczy, ale zaskakujące jest to, jak wiele firm zapomina o zachowaniu spójności między ich działaniami marketingowymi online i offline.

Wyzwalacze psychologiczne

Wyzwalacze psychologiczne i emocjonalne są cennym narzędziem wpływającym na użytkowników, którzy podejmują działania, które chcesz podjąć. Wyzwalacze obejmują poczucie winy i strach, ale także poczucie przynależności i odwoływanie się do ludzkich wartości.

Włączanie emocjonalnych wyzwalaczy do twoich projektów najczęściej odbywa się za pośrednictwem języka na stronie, z elementami graficznymi służącymi jako system wsparcia dla tych wyzwalaczy. Użyj obrazu i grafiki, które wzmacniają użyty spust.

Obrazy do wzmocnienia koncepcji

Obrazy, których używasz w swoich witrynach, mogą pomóc lub zmylić użytkowników. Dobrze dobrany obraz może sprawić, że Twój gość będzie swobodny, dzięki czemu twój zamiar będzie jasny. Słabo wybrany może sprawić, że drapią się po głowie i czują, że znów wpadają w tę czarną dziurę.

To zdjęcie hipopotama w Disney World nie ma absolutnie nic wspólnego z tym postem i służy tylko pomieszaniu rzeczy.

Abstrakcyjne obrazy mogą czasem działać dobrze, ale należy uważać na ich używanie, jeśli ich znaczenie jest istotne. Czasami abstrakcyjny obraz będzie miał różne znaczenie dla różnych osób, inaczej znaczenie będzie zupełnie pominięte.

Psychologia koloru

Psychologia koloru jest jednym z bardziej złożonych tematów w psychologii projektowania, a nie czymś, co omówimy tutaj. Ale kolory, których używasz, mogą mieć duży wpływ na to, jak użytkownicy postrzegają Twoją witrynę. Upewnij się, że wybrane kolory wzmacniają Twoją wiadomość i obraz, który chcesz zobrazować.

Poniżej znajduje się podstawowa lista kolorów i ich znaczenie. Oczywiście, kombinacje kolorów, których używasz wraz z ich dokładnym odcieniem, odcieniem lub tonem, będą również miały wpływ na ich znaczenie.

  • Czerwony
    Ognisty i namiętny, może reprezentować zarówno miłość, jak i gniew.
  • Pomarańczowy
    Udostępnia atrybuty zarówno czerwonego, jak i żółtego. Związany z energią i ciepłem. Jest spokojniejszy niż czerwony i bardziej radosny.
  • Żółty
    Ciepły, radosny kolor. Może reprezentować radość lub tchórzostwo.
  • Zielony
    Oznacza naturę, wzrost i odnowienie. W tym samym kierunku zielony może czasami oznaczać brak doświadczenia. Z drugiej strony zielony jest czasem kojarzony z zawiścią lub zazdrością.
  • niebieski
    Uspokajające i chłodne, ale za dużo może być przygnębiające. Często kojarzony z obrazami firmowymi.
  • Fioletowy / Fioletowy
    Długo kojarzony z tantiem i bogactwem Jest to również duchowy kolor i uważa się, że jest kreatywny.
  • czarny
    Kawałek kameleona, może być konserwatywny lub kanciasty, tradycyjny lub nowoczesny. Może być tajemniczy i sexy lub konwencjonalne i bezpieczne, w zależności od tego, jak jest używany.
  • Biały
    Związany z czystością i niewinnością. Pasuje do każdego innego koloru.
  • Szary
    Neutralny i zrównoważony. Gray jest konserwatywny i wyrafinowany, ale może być również postrzegany jako kapryśny.
  • brązowy
    Zdrowy i przyziemny kolor oznaczający stabilność i niezawodność.

Odczytywanie wzorców

Ludzie mają tendencję do czytania w "Z" na stronie internetowej, zaczynając od góry od lewej i kończąc w prawym dolnym rogu ekranu.

Jako projektant powinieneś dążyć do umieszczenia najważniejszej treści w tym obszarze wzorca czytania. Dlatego wiele witryn zawiera logo w lewym górnym rogu nagłówka.

Umieszczanie innych niż istotne informacji w tej strefie czytania oznacza, że ​​użytkownicy mogą opuścić witrynę, zanim znajdą to, czego szukają, ponieważ mogą sądzić, że nie ma ich w Twojej witrynie.

Ostrość każdej strony

Każda strona Twojej witryny powinna się koncentrować. Na każdej stronie powinien istnieć cel, niezależnie od tego, czy celem jest prezentacja produktu, opowiedzenie o firmie, czy podanie najnowszych wiadomości.

Twój projekt musi położyć nacisk na centralny element każdej strony. Koncentracja każdej strony powinna być natychmiast widoczna, aby odwiedzający wiedzieli, co tam robią. Można to osiągnąć poprzez cue w nawigacji lub poprzez nagłówek, oprócz zawartości strony.

Jedna z największych ocen witryny amatorskiej próbuje umieścić zbyt wiele informacji na każdej stronie. Nie bój się białej przestrzeni na swoich stronach i nie obawiaj się, że masz określony cel dla każdej strony w swojej witrynie.

Pokój do oddychania

To prowadzi nas do koncepcji białej przestrzeni i pokoju oddechowego. Jeśli gość pojawi się na zagraconej stronie wypełnionej każdą możliwą rzeczą, jaką można sobie wyobrazić, poczuje się przytłoczony i klaustrofobiczny.

Prawdopodobnie strona będzie czuć się chaotycznie i chaotycznie. To sprawia, że ​​użytkownicy czują się tak, jakby nie wiedzieli, od czego zacząć, co oznacza, że ​​mogą po prostu całkowicie opuścić witrynę i przejść do takiej, w której mają pokój oddechowy.

Zezwalaj negatywnej przestrzeni w witrynie na kierowanie użytkowników do obszarów, na których mają się skupić. Łącząc pustą przestrzeń z odpowiednio zaprojektowanymi i proporcjonalnymi elementami, możesz zachęcić użytkowników do spojrzenia na pewne rzeczy i podjęcia pożądanych działań.

Kroki w celu włączenia psychologii projektu

Teraz, gdy już wiesz, czym jest psychologia projektowania i co to oznacza projektowanie stron internetowych, możesz zastanawiać się, jak dokładnie powinieneś wdrożyć go w swój własny proces projektowania. Oto kilka technik, z których możesz skorzystać:

Określ, kim są Twoi goście
Wiedząc, kim są Twoi goście, jest to niezwykle ważny pierwszy krok w projektowaniu strony, która będzie dla nich atrakcyjna. Jeśli Twoi goście są doświadczonymi technologicznie weteranami Internetu, będą mieli inny zestaw priorytetów niż ktoś, kto tylko wejdzie na stronę internetową, aby przyjrzeć się zdjęciom swoich wnucząt. Sprawdź, kto jest Twoim docelowym użytkownikiem, a następnie ustal, które emocjonalne wyzwalacze będą dla nich skuteczne.

Wywiaduj swoich użytkowników
Jeśli nie masz pewności, czego chcą użytkownicy lub użytkownicy, spróbuj przeprowadzić wywiady z niektórymi z nich. Znajdź obecnych lub byłych klientów i sprawdź, czy byliby skłonni odpowiedzieć na kilka pytań dotyczących Twojej witryny. Następnie utwórz znaczące pytania na podstawie konkretnych celów Twojej witryny. Co najważniejsze, postępuj zgodnie z poradami, które ci dają. Zbyt często firmy przeprowadzają wywiady lub ankiety, ale nigdy nie wprowadzają zmian w oparciu o to, co im powiedziano.

Utwórz mapę witryny dla swojej witryny
Musisz utworzyć mapę każdej strony swojej witryny, aby upewnić się, że każda strona ma tylko jeden cel. Najpierw należy sporządzić listę wszystkich elementów, które muszą znaleźć się w Twojej witrynie, a następnie ustalić, na której stronie powinny się znaleźć poszczególne elementy (najlepiej powinna to być jedna strona na przedmiot, chyba że rzeczy są bardzo, bardzo blisko powiązane).

Zbierz swoje elementy brandingowe
Zrób listę lub utwórz plik wspólnych elementów używanych do reprezentowania Twojej marki. Najprawdopodobniej będzie to logo, schemat kolorów i prawdopodobnie określony krój pisma. Następnie znajdź, gdzie umieścić je w swoim projekcie strony.

Wykonaj test A / B
Nawet jeśli robisz to w ograniczonym zakresie, ważne jest, aby dowiedzieć się, które elementy witryny działają najlepiej. Jeśli nie masz pewności, na czym użytkownicy będą bardziej wygodnie na danej stronie, przetestuj go w dwóch wersjach, aby zobaczyć, który z nich daje lepsze wyniki.

Psychologia projektowania jest czymś, co każdy projektant powinien dokładać starań, aby dowiedzieć się więcej i uwzględnić w swoim obiegu pracy. Może to być jeden z największych czynników wpływających na efektywność twoich projektów i na to, jak bardzo twoi klienci są zadowoleni. To nie zajmuje dużo czasu i nie jest szczególnie trudne, więc nie ma żadnej wymówki, aby nie wziąć przynajmniej niektórych z tych zasad i zastosować je w praktyce.

Więcej zasobów


Napisany wyłącznie dla WDD przez Cameron Chapman

Czy pamiętasz zasady psychologiczne podczas wykonywania prac projektowych? Które z nich są najczęściej używane w Twojej pracy i dlaczego?

projekt projektowanie stron psychologia