Наука за лаштунками дизайну: психологічні принципи дизайну

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

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

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

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

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, ймовірно, не мають таких яскравих видів і оздоблення, Airbnb використовує дизайн, щоб зв’язати свою аудиторію з трепетом і можливістю подорожувати світом.

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

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

Позначки:

One Comment

  1. Tykhon

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

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

Ваша e-mail адреса не оприлюднюватиметься.