Гештальт-принципи: розуміння їх важливості в дизайні звіту

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

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

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

Зміст

• Гештальт-обробка
• Попередня обробка
• Важливість принципів гештальту
• Використання принципів гештальту для оповідання
• Принцип подібності
• Застосування принципів гештальту у звітах LuckyTemplates
• Висновок

Гештальт-обробка

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

Візьмемо приклад. Коли ви дивитеся на малюнок нижче, що ви бачите? Ви бачите велосипед чи кожен компонент окремо? Як щодо правого боку, що ви бачите? Ви бачите собаку або бачите окремі точки на екрані?

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

Попередня обробка

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

Як і психологія, вона зосереджена на тому, як ми сприймаємо речі. Ми сприймаємо подразники у зв’язку один з одним та їх контекстом.

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

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

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

Важливість принципів гештальту

Отже, чому важливо розуміти ці закони сприйняття під час роботи в ?

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

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

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

Використання принципів гештальту для оповідання

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

Принцип подібності

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

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

Давайте розглянемо приклад нижче. Подивіться на круглі форми в правій частині сторінки. Скільки груп ви бачите? Швидше за все, ви скажете одну групу елементів однакового розміру, кольору та форми.

У цьому прикладі ми згрупуємо елементи разом за формою .

Для цього прикладу ми згрупуємо елементи разом за кольором .

Іншою додатковою ознакою принципу подібності є .

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

У цьому випадку, щоб виділити його, ми використали інший колір, форму та орієнтацію.

Застосування принципів гештальту у звітах LuckyTemplates

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

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

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

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

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

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

Іншим прикладом є цей звіт, створений Джулі Боше . Це чудовий приклад принципу подібності.

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

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

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

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

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

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

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

Висновок

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

Все найкраще,