Психологія дизайну: ТОП 4 психологічні принципи сприйняття дизайну

Кожен колір, форма, лінія, шрифт, текст і графіка використана в кінцевому підсумку, впливає на повідомлення, яке ви, як дизайнер, намагаєтеся донести. І для гарного вибору недостатньо мати гарне чуття.

Багато людей знають, що вони повинні стати кращими в дизайні, але вони не відчувають, що мають “природний хист” до креативності. Проте навики дизайну мають стільки ж спільного з психологією і поведінкою користувача, скільки з творчістю.

Але вивчення “психології дизайну” не означає, що ви отримаєте збірник правил, які скажуть вам правильний і неправильний спосіб, як щось створювати.

Ви зрозумієте психологічні принципи сприйняття, що примушуть вашу аудиторію реагувати на ваші меседжі певним чином, таким чином ви станете більш свідомим якого ефекту ви можете досягнути і яким чином.

1) Ментальні моделі

Комп'ютерні вчені і UX-дизайнери багато думають та говорять про ментальні моделі, бо процес розробки чогось нового: макету веб-сайту або нового додатку, вимагає зрозуміти і діяти так, щоб користувачі відчути, ніби це інтуїтивно.

Психічне моделювання – це процес зіставлення того, що людина розуміє про реальний світ через досвід і тиражування цих моделей в розробці чогось у віртуальному просторі. Спроба розкрити інтуїтивні процеси вашої аудиторії.

Подумайте про ваші комп'ютерні файли і папки. Вони засновані на тому ж методі старої школи організації жорстких файлів, зрозумілій для користувача, незважаючи на те, що візуально це виглядає трохи інакше.

desktop_files

Для дизайнерів, розуміння, що таке психічне моделювання і чому це важливо зводиться просто до дизайну із думкою про досвід ваших користувачів.

Протягом всього процесу дизайну робіть “інтуїтивний контроль.” Чи ваші візуальні ефекти рухається справа наліво, зверху вниз? Чи ваше повідомлення ясне і легко зрозуміле, чи воно ненавмисно приховане?

Перевірка з другом чи колегою – відмінний спосіб простежити, чи працює ваше психічне моделювання добре у вашому дизайні.

2) Ефект Фон Ресторффа (Von Restorff)

Ефект Ресторффа, простими словами, – ідея того, що дивак гарно запам'ятовується.

При дизайнуванні, іноді ви хочете зосередити увагу вашої аудиторії на одному місці, навіть, якщо навколо нього присутні інші елементи дизайну. Це може означати, що треба використовувати інший колір, шрифт, розмір і т.д.

Target Jobs, британський онлайн-сервіс для пошуку використав такий дизайн аби показати, як можна було б виділитися з натовпу на ринку праці. Розміщуючи групу подібних елементів поряд з один з одним (червоні кеди) – ви використовуєте ефект Ресторффа – щоб показати, як ця відмінна ідея дійсно виділяється для глядача.

von_restorff_effect_example

Цей приклад є досить прямолінійний. Але ви можете також використовувати ефект Ресторффа на сторінках сайту, щоб зосередити очі ваших користувачів на певних місцях на сторінці.

Наприклад, при створенні лендінгу, ви можете використовувати ефект, щоб створити контраст на вашій сторінці і привернути увагу ваших користувачів, як тут:

conversion-lab-landing-page-1-1

3) Принципи Гештальта

Гештальт-психологія досліджує, як елементи сприймаються відносно один-одного візуально. Принципи Гештальта, або закони Гештальта – це про те як елементи дизайну згруповані разом.

Близькість: Ідея в тому, що коли об'єкти розташовані в безпосередній близькості один від одного, ці об'єкти сприймаються як група, і не розглядаються в індивідуальному порядку. Незважаючи на те, що всередині “U” у компанії Unilever міститься багато форм, очі все одно розпізнають ці об'єкти як групу, що утворюють символ “U”.

unilever_logo

Подібність: Об'єкти, які схожі будуть сприйматися як один об'єкт або як частина однієї і тієї ж групи. У логотипі NBC, подібні конуси сприймаються як група, тому що вони виглядають схожими один на одного.

nbc

Закриття: Закриття відбувається, коли форма досі сприймається як єдине ціле, навіть якщо об'єкт не повністю закритий в реальності. В логотип скаутів, форми і прогалини використовуються для створення сприйняття серії силуетів, хоча тільки деякі з форм фактично завершені.

girl_scouts

Безперервність: Трапляється, коли очі переміщаються природним чином від одного об'єкта до іншого. Це часто відбувається за рахунок створення вигнутих ліній, що дозволяють очам слідувати за лінією. В Олімпійському логотипі, очі можуть бачити, що об'єкти є безперервними, бо вони пов'язані один з одним, створюючи згрупований образ.

olympics

Фігура і грунт (середовище): Коли око помічає об'єкт як об'єкт, він відокремлює об'єкт (фігуру) з середовища (грунт). У цьому лого-присвяті Стіву Джобсу, глядач або побачить білий простір як фігуру або як середовище, в залежності від того чи очі дивляться на яблуко або на силует Джобса.

jobs_art_mak002_web-780x780

4) Вісцеральна реакція

Ви коли-небудь зіткнетеся з веб-сайтом, зображенням чи чимось візуальним, що ви просто інстинктивно полюбили, але не можете пояснити чому? Ви, напевно, мали вісцеральну реакцію – вид реакції, яка виходить із нутрощів.

У дизайні для вісцеральних реакцій найважливіше створити позитивного естетичного враження. В певній мірі це означає розуміння того, що виглядає приємним для людей, а що ні.

airbnb_visceral_reactions

використовує вісцеральні дизайни для того, щоб відобразити усю естетику екзотичних подорожей. Хоча більшість помешкань від Airbnb, ймовірно, не мають таких яскравих видів і оздоблення, Airbnb використовує дизайн, щоб зв'язати свою аудиторію з трепетом і можливістю подорожувати світом.

Дизайн для з розрахунком на вісцеральну реакцію може бути доволі просто досягнутим, за допомогою гарної фотографії та барвистих образів, щоб привернути увагу вашої аудиторії.

Читайте продовження туторіалу – про психологію кольору!

ВАМ БУДЕ ЦІКАВО :

Відомі цитати про дизайн та креативність: крилаті вислови Драпера, Ренда та інших

11 НЕОЧЕВИДНИХ помилкок дизайнерів (не тільки початківців)

30 безкоштовних шрифтів, які повинен мати кожен дизайнер (Частина 1)

One comment

  1. Tykhon

    Зазвичай, створюючи малюнок, візерунок чи скетч, ми використовуємо всі (або майже всі!) психологічні принципи дизану одночасно. Просто не всі – в однаковій мірі. А от тому дуже цікаво було дізнатися із статті, як же саме можна підсилити той чи інший принцип!

Залишити відповідь