Візуалізація в презентації: красиво та інформативно

"Вибачте, мені не видно! А що там написано? "- вигукує слухач із залу, відволікаючи всю аудиторію від навчання або зборів і змушуючи понервувати виступаючого. І добре, що знаходяться ті, хто вникає в матеріал презентації і вчитується у зміст слайдів. Гірше, коли глядач вирішує зануритися в світ Instagram, в той час як доповідач намагається донести важливу інформацію за допомогою своєї посередньої презентації.

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


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

А чи є сенс у візуалізації?

Чи знаєте ви що-небудь про ефект переваги образу? Це явище, при якому зображення і картинки запам'ятовуються людиною краще, ніж слова або текст. Це доведено багатьма експериментами. Наприклад, дослідження в галузі медицини показали, що людина краще розуміє інструкцію до ліків, якщо вона містить картинки. Зокрема, простий текст з описом медикаменту засвоюється на 70%, а текст із зображеннями - на 95% [R. Dowse, M. Ehlers, 2004].

Ще одне дослідження показало, що 65% людей - візуали, тобто більшість краще сприймає інформацію через зображення [W. Bradford, 2004]. Зорове сприйняття - це один з найшвидших способів передачі даних. Мозок підсвідомо обробляє інформацію, якщо вона представлена у вигляді ілюстрацій, іконок, смайликів тощо. При цьому, щоб зрозуміти сенс зображення, людині необхідно всього 150 мілісекунд [S. Thorpe, D. Fize, C. Marlot, 1996].

Компанія FreshBooks провела цікаве дослідження, яке показало, що зображення куди більше привертають увагу людини, ніж текст. На своєму сайті вони розмістили інформацію про команду, додавши фото співробітників і коротку біографію кожного з них. У підсумку з'ясувалося, що відвідувачі сайту витрачають на 10% більше часу на перегляд фотографій, а не на прочитання тексту. Користувачам було важливо отримати максимум інформації за мінімальний час і впевнитися, що в компанії працюють реальні люди [J. Nielsen, 2010]. Ось так виглядає карта поглядів відвідувачів сайту:

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

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


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

Що справило на вас більше враження: фраза або зображення?

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

Правила візуалізації презентації

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

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

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

  • Використовуйте принцип «від спільного до приватного»: якщо вам потрібно обговорити окремі питання, спочатку продемонструйте ситуацію в цілому і тільки потім переходьте до деталей. Наприклад, перш ніж говорити про статистику продажів менеджера, розкажіть, як йдуть справи з продажами у всьому колективі.
  • Дотримуйтесь логіки розташування інформації: в лівій частині розміщуються дані про те, що було, в правій - підбиваються підсумки. Для привернення уваги використовуйте принцип Гутенберга, згідно з яким, люди при вивченні однорідної інформації спочатку звертають увагу на дані, розташовані у верхньому лівому кутку, і закінчують ознайомлення з даними в нижньому правому, «переступаючи» поглядом справа наліво, по мірі просування на одну сходинку вниз. Особливо популярний цей прийом в газетному дизайні [O'Brien, 2019]:
  • Дотримуйтесь правила третин: це принцип побудови композиції, який передбачає умовний поділ кадру (слайда, аркуша роздаткового матеріалу тощо) двома вертикальними і горизонтальними лініями. Вони утворюють третини по горизонталі і вертикалі. Важливі моменти зображення потрібно розташовувати в точці перетину ліній. Це допоможе зробити презентацію візуально збалансованою і неперевантаженою:
  • Використовуйте сітку: цей інструмент допоможе зорієнтуватися в просторі і правильно розмістити інформацію, враховуючи правила побудови композиції і нюанси сприйняття інформації залежно від її розташування.
  • Будь ласка, вкажіть відповідний розмір символів: творці презентацій часто не враховують, як виглядатимуть символи на екранах користувачів, тобто не беруть до уваги умови перегляду. Якщо одна людина, вивчаючи презентацію на комп'ютері, може легко прочитати дані, це не означає, що при груповому перегляді з великого екрану обраний формат буде зручний для сприйняття. Розмір символів можна розрахувати на основі ергономічних залежностей. Якщо глядач розташовується на відстані 4 метри від екрану, висота букв повинна бути приблизно 20-30 міліметрів.
  • Дотримуйтеся основних принципів при виборі шрифту: ви можете використовувати декілька видів шрифтів, наприклад один - для заголовків, інший - для основного тексту. Головне, щоб вони помітно відрізнялися один від одного. Використовуйте шрифт без засічок. Якщо вам важко визначитися зі шрифтом, загляньте на сторінку сервісу Canva або завантажте відповідні на Google Fonts або Font Squirrel.
  • Розділяйте текст на абзаци: у такому форматі текст сприймається краще, він стає читабельним і відображає логічну структуру.
  • Вирівнюйте текст ліворуч і не розтягуйте на всю довжину: ви можете вирівняти текст по центру, якщо він невеликого обсягу або розміщується у форматі стовпчика. У інших випадках дотримуйтеся лівого боку і пам'ятайте, що на одному рядку рекомендується розміщувати від 40 до 70 символів, але не більше.
  • Виберіть інструмент візуалізації даних правильно: якщо потрібно порівняти 3-5 показників, скористайтеся круговою діаграмою. Якщо показників більше - гістограму. Примітно, що за допомогою візуальної подачі інформації можна маніпулювати увагою аудиторії, розташувавши графік або діаграму так, щоб потрібний показник здавався більше. Так зробив одного разу Стів Джобс:

Цей прийом, з одного боку, нечесний, але все ж візьміть його на озброєння, щоб бути напоготові, якщо хтось вирішить впливати на вашу свідомість подібним чином [Є. Новікова, 2018].


  • Пам'ятайте про правило 12 годин: якщо ви використовуєте кругову діаграму, поверніть її головний сегмент на 12 годин. Отак:
  • Виділіть кольором важливе: не потрібно робити кольоровими всі дані діаграми, схеми або гістограми. Виділіть кольором лише ту частку (стовпчик, графік), на яку потрібно звернути увагу:
  • Дотримуйтеся логічної послідовності: при побудові гістограми враховуйте, що дані повинні бути вказані послідовно (від меншого до більшого або навпаки).
  • Робіть таблиці простими: цей формат візуалізації в презентації теж вимагає окремої уваги. Не використовуйте яскраві кольори, виділяйте тільки заголовки та межі ключового стовпчика або рядка, решту залиште без фону. Якщо таблиця складається з числових даних, в останньому рядку підведіть підсумок, виділивши цю інформацію напівжирним шрифтом [А. Кучерук, 2017]:
  • Дотримуйтесь ясності даних: людям цікаво не просто дивитися на графік, а й бачити в ньому історію. Це не означає, що потрібно перезавантажувати презентацію цифрами, датами, іменами та іншою інформацією. Зробіть вибір на користь зрозумілих і перевірених даних. Заокруглюйте числа і не забувайте ставити пробіли (1 000 замість 1000).
  • Уникайте візуального шуму: його створюють графіки у форматі 3D з текстурною заливкою, темні і важкі лінії сітки, зайві іконки, недоречні тіні і градієнти, велика кількість тексту. Зупиніться на «плоскому» зображенні без зайвих спецефектів:
  • Зробіть графік і текст єдиним цілим: не розміщуйте графік на одному аркуші (слайді), а пояснення до нього - на іншому. Якщо інформації багато, скорочуйте. Зробіть все в одному просторі, підписавши потрібні елементи зображення [Діджитал-агентство AND, 2019]:
  • Не забувайте про іконки: відмовлятися від іконок в тексті не потрібно, тому що це теж спосіб візуалізації інформації, який не тільки робить презентацію сучасною і зрозумілою, але й економить простір на слайді. Наприклад, іконка у вигляді телефону займає набагато менше місця, ніж фраза «з усіх питань звертайтеся за телефоном...» Зробіть свій вибір на користь лінійних і плоских іконок. Знайти відповідні позначення можна тут.
  • Дотримуйтесь меж слайду: відстань від меж слайда до основного вмісту має бути однаковою з усіх боків. Додайте «повітря» до простору:
  • Використовуйте лише якісні зображення: забудьте про картинки з пошуковиків і стокові зображення, користуйтеся перевіреними сайтами, де фотографи розміщують свої роботи. Наприклад, дивіться на Pixabay або Unsplash [Artrange-digital, 2020].

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

Про колір, стиль і креативні фішки

Якщо мова йде про слайдів, які транслюватимуться на невеликому екрані, розсилатися користувачам, експерти рекомендують вибирати для оформлення основний колір і два додаткових, які поєднуються між собою. Слід відмовитися від кричущих відтінків і зробити вибір на користь естетики і стилю. Для зручності скористайтеся мудбордом, колірним колом Іттена або сервісом Adobe Color CC - ця програма допоможе визначити колірну гаму завантаженого зображення та підібрати кольори для презентації [К. Денісова, 2019].

При виборі фону презентації рекомендується дотримуватися трьох основних принципів:

  • принцип простоти: фон не повинен заважати сприйняттю інформації;
  • принцип унікальності: не використовуйте стандартні шаблони для вигляду слайду;
  • принцип релевантності: тло має доповнювати і підкріплювати основне повідомлення слайду.

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

Якщо на створення презентації у вас мало часу, скористайтеся універсальним способом: зробіть фон білим, сірим або з градієнтною заливкою. Такий мінімалістичний дизайн позбавить від візуального шуму і допоможе сконцентрувати увагу аудиторії на головному [Esprezo, 2021]. Цим прийомом скористався Тім Урбан у своєму виступі, а подивитися його можна тут.


Арсеній Ашомко, директор з розвитку медіапродуктів «ВКонтакте», рекомендує використовувати чорний фон і білий (світлий) шрифт, якщо ви плануєте транслювати свою презентацію на великому екрані за допомогою проектора. По-перше, це знизить навантаження на очі (дивитися на білий екран більше 30 хвилин - некомфортно), по-друге, це допоможе уникнути відображення екрану на доповідачі.

Слід враховувати, що тексту, написаного білим кольором на чорному тлі, має бути якомога менше, інакше загубиться весь сенс контрасту [А. Ашомко, 2019]. Такого підходу до візуального оформлення інформації дотримуються багато відомих компаній, наприклад, Apple і Samsung:

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

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

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


Додайте яскраву пляму до чорно-білої презентації: ви можете вибрати одну або декілька деталей кольору. Головне правило - дотримуватися балансу:

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

Підберіть монохромну палітру: використовуйте блідий відтінок для тла і більш яскраві відтінки для тексту і заголовків:

Додавайте GIF-файли: цей яскравий елемент презентації може нести цікавий, гумористичний або інформаційний сенс.

Зробіть кожен слайд схожим на пост у соціальних мережах: скористайтеся шаблоном відомого контенту, наприклад, Instagram. Зробіть скріншоти цікавих постів і вставте їх у слайди [Velarde, 2021]:


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

Олександр Кучерук, Ex-product-маркетолог Microsoft, пропонує зобразити статистику про те, чим займається співробітник під час робочого дня, за допомогою всім відомого офісного предмета:

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

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

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

Корисні посилання

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

Сервіси для створення презентацій:

  • Microsoft PowerPoint
  • Apple Keynote
  • LibreOffice Impress
  • WPS Office
  • Google Slides
  • Canva
  • Prezi

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

Сервіси для створення діаграм, графіків, дашбордів:

  • am
  • Visme
  • Visually
  • Google Charts
  • Tabeaupublic

Якщо ви хочете донести до аудиторії максимум інформації і зробити це креативно, зупиніться на інфографіці. Ось кілька надихаючих сервісів:

  • Piktochart
  • ly
  • Canva
  • Venngage
  • am

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

  1. GoAnimate: тут ви можете зробити зі своєї презентації справжній мультиплікаційний фільм. Сервіс містить велику колекцію дій, за допомогою яких ваші герої оживуть. Щоб працювати в цій програмі, спеціальні знання не потрібні. Підказки допоможуть впоратися з будь-яким проблемним питанням. Вартість передплати - від 39 доларів на місяць.

COM_SPPAGEBUILDER_NO_ITEMS_FOUND