Атрибути попередньої уваги: ​​як це може вплинути на ваш звіт

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

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

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

Щоб краще зрозуміти атрибути уважності, чудовим прикладом є знак «Стоп». Нам навіть не потрібно обробляти слово, написане на табличці, оскільки форма та колір точно говорять нам, що нам потрібно робити та як реагувати.

Ось інший приклад.

Витратьте кілька секунд, щоб порахувати слово ДНК на зображенні нижче. Скільки їх? Поточна відповідь не є неможливою, але безперечно складною.

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

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

Зміст

• Різні типи уважних атрибутів
• Поширені помилки під час використання атрибутів уважності
• Прості виправлення за допомогою PowerPoint
• Висновок

Різні типи уважних атрибутів

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

Контраст також є дуже ефективним атрибутом попередньої уваги.

Як щодо цього прикладу? Можливо, це менш ефективно, ніж контраст, але все одно добре.

Розмір ідеально працює і в нашому прикладі .

У нас також є колір .

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

Крім того, ми можемо накопичувати кілька атрибутів, якщо потрібно, щоб чітко бачити слово ДНК.

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

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

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

Поширені помилки під час використання атрибутів уважності

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

Подивіться на цей приклад. 

Що ти бачиш? Ви починаєте фокусуватися на правій нижній частині екрана? Що ви дізнаєтесь і що це викликає у вас почуття? 

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

Другий уважний атрибут - довжина . 

Очевидно, ми можемо легко помітити, що розрив між продажами з доставкою, , і графіком угорі не на однаковій висоті. 

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

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

Потік втрачається, користувач заплутається, і з’єднання втрачається.

Інший приклад — ширина . 

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

Ще одна помилка – використання одного кольору для двох різних речей.

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

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

Наведені вище приклади є типовими помилками, на які ми повинні звернути увагу. Це дуже легко виправити. 

Прості виправлення за допомогою PowerPoint

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

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

По-друге, згідно з правилами дизайну, які ми обговорювали, легше зосередитися на правилах дизайну. Ви можете використовувати розширені інструменти, такі як Photoshop , Illustrator або Figma . Це допоможе вам швидше розробити звіт. 

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

Тепер настав час розбити сходинки.

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

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

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

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

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

Далі потрібно додати шар, додавши фігуру з текстом угорі.

Ми також додаємо форму для піктограм плюс фактичні піктограми зліва.

Пересуваючи предмети, ми бачимо саме маленьке червоне. Червона лінія допомагає дизайнеру ідеально вирівняти елементи.

Що стосується піктограм, давайте трохи змінимо прозорість цього елемента, клацнувши правою кнопкою миші, а потім виберіть « Формат форми» та налаштуйте рівень прозорості на свій розсуд.

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

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

Щоб побачити розмір нашої фігури, клацніть фігуру, а потім перейдіть до параметрів фігури . Ширина дорівнює 1187, отже половина дорівнює 593.

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

Щоб дати більше місця для піктограм, просто виберіть усі піктограми та переконайтеся, що все вирівняно, перейшовши до Формату зображення , виберіть Вирівняти та виберіть Розподілити вертикально .

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

Тепер фон готовий і готовий до імпорту в LuckyTemplates. Щоб зберегти зображення, натисніть Ctrl + A, а потім Зберегти як зображення .

Відкрийте LuckyTemplates і перейдіть до Формат . У розділі «Тло сторінки» імпортуйте зображення, щоб побачити створений нами фон.

Висновок

Основна перевага створення фону в PowerPoint полягає в тому, що ви можете подбати про всі вирівнювання та запобігти типовим помилкам, які ми обговорювали вище.

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

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

Алекс Бадіу