Практичні поради від експертки з візуалізації даних Марини Трещової (Буднік) – для тих, хто працює з текстами, звітами й презентаціями, але не має ані часу, ані спеціальних навичок дизайнера
У світі, де читач витрачає на один слайд у середньому три-п’ять секунд, уміння зрозуміло показати цифри стало не просто естетичною забаганкою, а робочою необхідністю – для журналіста, для громадської організації, для медіаменеджера.
Про те, як робити інфографіку, що справді працює, на воркшопі для спільноти House of Europe розповіла Марина Трещова (Буднік), заступниця керівника агенції Top Lead, яка вже понад чотирнадцять років створює візуальні аналітичні звіти, лонгріди й дослідження для українських та міжнародних замовників. Нижче – головні тези її виступу, зібрані в один текст.
Навіщо взагалі візуалізувати
Людський мозок не створений для того обсягу інформації, який ми щодня споживаємо, – і він захищається досить простим способом: просто відсікає все, що складно сприймати. Звідси й коротке вікно уваги, і звичка пробігати стрічку «по діагоналі», зупиняючись лише на тому, що миттєво впіймало око. Візуалізація – це саме той важіль, який допомагає мозку читача зрозуміти, куди дивитися. За словами Марини, візуалізовані дані сприймаються швидше, виглядають переконливіше й викликають більше довіри, ніж суцільне полотно тексту: графік інтуїтивно сприймається як доказ, а абзац дрібним шрифтом – як «просто слова».
Візуалізація – це спосіб виявити повагу до часу вашого читача. І це єдиний шлях бути почутим сьогодні.
Водночас спікерка застерігає від протилежних крайнощів – «інфографіки заради інфографіки». Якщо у вас лише одна цифра, її достатньо написати великим шрифтом: діаграма тут лише забере місце й увагу. Якщо теза зрозуміла з одного речення – її не треба малювати. Якщо дані не ведуть до висновку, рішення чи дії – їх краще залишити в таблиці.
Марина порівнює інфографіку з ліками: її варто використовувати тоді, коли без неї глядач справді «заблукає» у цифрах. В інших випадках краще обійтися простим текстом або однією великою цифрою.
Три антиприклади, які варто запам’ятати
Аби зрозуміти, як треба, корисно спершу побачити, як не треба. На воркшопі Марина розібрала три типові пастки, у які потрапляють автори інфографіки.
1. Візуальна брехня. Кругова діаграма, де сектор 13,2% візуально виглядає як половина кола, а 86,8% – як друга половина. Коли цифри й форма не збігаються, читач просто перестає вірити будь-яким даним у вашому звіті. Порада проста: якщо різниця між значеннями велика, а цифри малі – можливо, кругова діаграма тут узагалі не потрібна.
2. Бульбашковий хаос. Десятки кружечків різного розміру, іконки, відсотки, цифри – усе водночас і без жодної ієрархії. Глядач бачить «гарну картинку», але не може сказати, що в ній головне. Така інфографіка потребує від читача більше зусиль, ніж звичайна таблиця.
3. Перевантаження деталями. Спроба втиснути величезну базу даних в одну візуалізацію – з портретами, іконками, датами й різнокольоровою легендою. З відстані екрана або залу це перетворюється на нечитабельну мозаїку. Краще виділити топ-3 найцікавіших значення або обрати один ракурс, ніж показати «все й одразу».
Три кити якісної інфографіки
Перш ніж відкривати будь-який сервіс, варто відповісти собі на три прості запитання.
- Дані. Це фундамент. Цифри мають бути правдивими, актуальними, без помилок і з достовірними джерелами – адже йдеться про вашу репутацію. І вони мають бути порівнюваними між собою: ми не зіставляємо яблука з собаками.
- Сенс. Для чого ви це показуєте? Яку головну думку хочете донести й до якого висновку підвести читача? Відповідь на це запитання має бути до того, як ви починаєте будувати графік, а не після.
- Акцент. Куди саме має глянути читач у першу чергу? Якщо акцентів немає – читач просто не знає, що в цих даних головне.
Крок 1. Заголовок – це ваш меседж, а не технічна назва
Одна з найпоширеніших помилок, яку Марина бачить у роботах клієнтів, – технічний заголовок. «Статистика відвідуваності заходів», «Динаміка успішності», «Кількість відвідувачів за місяцями» – усе це описує, про що графік, але не каже, який висновок із нього має зробити читач.
Правильний заголовок – це сам висновок: «Наш продукт продається краще, ніж у конкурента», «Більшість відвідувачів – жінки до 30 років», «Більшість грантів отримують регіональні ГО». Уявіть, що читач прочитає лише заголовок і закриє слайд. Якщо навіть за цих умов він зрозуміє головне – заголовок зроблений правильно.
Крок 2. Правильна форма – зазвичай найпростіша
Ще одна типова пастка – плутанина між типами графіків. Кругова діаграма – це завжди про частини цілого, і тільки про них. Стовпчиковий графік – про порівняння між собою кількох величин (скажімо, продажів iPhone і Samsung). Лінія – про динаміку в часі. Одна велика цифра – коли факт один і він сам по собі сильний.
Якщо сумніваєтеся, який тип обрати – існують «шпаргалки», які підказують форму залежно від природи ваших даних. Марина радить три перевірені ресурси: Data-to-Viz.com – інтерактивний провідник від типу даних до ідеальної форми; Highcharts Chart Chooser – наочний конструктор; Andrew Abela’s Chart Chooser – лаконічна однотипна шпаргалка на одну сторінку.
Важливий нюанс: для презентації, яку аудиторія бачить на екрані лічені секунди, майже завжди кращою буде простіша форма. Складні екзотичні графіки приваблюють автора, але рідко спрацьовують на глядачеві.
Крок 3. Колір як інструмент керування увагою
Інстинктивно хочеться розфарбувати графік усіма кольорами райдуги – і найпростіші програми, як-от Word чи PowerPoint, радо в цьому допомагають, автоматично призначаючи різні кольори кожному стовпчику. Але саме цього й не треба робити.
Колір – найпотужніший інструмент контролю уваги. Тому логіка проста: один яскравий колір – головний герой (ваша країна, ваш проєкт, ключовий показник), решта – приглушені, фонові, сірі. Так читач одразу розуміє, куди дивитися.
Винятки, коли акцентів може бути кілька: пряме порівняння двох величин («план vs факт», «наші результати vs середній по ринку»), групування за категоріями (наприклад, показники різних регіонів) та «світлофор» – звичні зелений і червоний для доходів/витрат, перемог/проблем. У цих випадках кілька кольорів працюють на сенс, а не проти нього.
Чи врятує нас штучний інтелект
Коротка відповідь – ні, але допомогти може. Марина чесно ділиться тим, які інструменти ШІ вона тестувала й що з них справді корисно.
Julius AI – радше аналітичний інструмент, ніж візуалізаційний. Він може обробити великий датасет, знайти в ньому тренди, побудувати примітивний графік. Але не прибере зайвої сітки, не розставить акцентів, не напише вдалий заголовок. Це радше «обчислювальне ядро», яке допомагає зрозуміти, що саме варто візуалізувати далі.
ChatGPT та Gemini – можуть побудувати графік за 5 секунд і розуміють прості команди людською мовою («зроби цей стовпчик фіолетовим», «прибери сітку», «змінь заголовок»). Після кількох промптів виходить цілком придатний для простої презентації результат. Але без ваших чітких вказівок ШІ видасть нудний «науковий» шаблон із технічним заголовком і випадковими кольорами. Стратегічне мислення – сенс, акценти, висновок – усе одно залишається за людиною.
Napkin.AI – приємний інструмент для ситуацій, коли цифр немає, але треба показати процес, алгоритм чи структуру. Ви просто вставляєте текст – і сервіс миттєво пропонує десятки варіантів блок-схем, циклів та іконографіки. Не всі будуть вдалі, але зазвичай серед них знайдеться придатний варіант для презентації.
Суперінструменту, який сам усе візуалізує, поки що не існує. Але ШІ вже може взяти на себе технічну роботу – якщо ви дасте йому стратегічне мислення.
Інструменти, які справді варто спробувати
Тепер про те, чим Марина користується сама й що радить спільноті.
Datawrapper – улюблений інструмент багатьох світових медіа. Дозволяє будувати і статичні графіки, і інтерактивні, які легко вбудувати в сайт через HTML-код. Має стриманий, «газетний» дизайн за замовчуванням, прекрасну типографіку й – що особливо цінно – якісні карти. Для України є деталізація аж до рівня громад. Автоматично адаптується під мобільні пристрої. Базова версія безкоштовна.
Flourish.Studio – тут живуть анімовані «перегони стовпчиків» (bar chart race), з яких починався бум візуалізацій під час ковіду, а також сотні інших шаблонів. Марина особливо любить у Flourish санкі-діаграми, які показують взаємозв’язки й потоки між категоріями – їх можна клацати й роздивлятися. Інструмент має дві логіки роботи: або ви спершу обираєте тип графіка, або завантажуєте датасет, а сервіс сам пропонує підхожі форми. Ідеально для виступів і великих екранів, де треба вразити аудиторію динамікою.
PowerPoint і Google Slides – той самий «олдскул», який Марина сміливо ставить у трійку найкращих. Попри моду на ШІ, це досі найнадійніше «полотно» для кастомної інфографіки «тут і зараз», коли потрібен повний контроль над кожною лінією та кольором. Саме в PowerPoint команда Top Lead будувала левову частку графіків для Telegram-каналу
UA War Infographics – платформи, яку агенція запустила на початку повномасштабного вторгнення й на яку й досі активно посилаються Офіс Президента, Генштаб ЗСУ та українські медіа. На перших порах війни саме простота PowerPoint дозволила залучити до виробництва інфографіки всю команду – не тільки дизайнерів, а й аналітиків та менеджерів.
Окрім цих трьох, варто знати ще про кілька корисних сервісів: Plotly – для тих, хто дружить із кодом Python або R; Datamatic від Google – простий інструмент для вебу; Infogram – зручний конструктор звітів і плакатів із великою бібліотекою іконок; Plotparade від Крістіни Сюч – для нестандартних «художніх» графіків, які виділяються з-поміж звичних.
З чого почати завтра
Якщо не знати, з якого кінця підступатися до власної інфографіки, Марина пропонує три дії, які можна зробити просто зараз – навіть з уже готовим графіком, який лежить у вашій презентації чи звіті.
- Змініть заголовок. Перетворіть технічний опис на висновок. Головне правило: header = conclusion.
- Приберіть шум. Видаліть зайві лінії сітки, рамки, дубльовані підписи, випадкові кольори. Чим менше елементів – тим ясніше думка.
- Додайте акцент. Підсвітіть головну цифру чи стовпчик яскравим кольором, решту – приглушіть. Читач одразу зрозуміє, куди дивитися.
І останнє, про що нагадує спікерка: один слайд – одна думка. Не намагайтеся втиснути все. Обирайте один акцент, допомагайте мозку читача заголовком – і не забувайте, що інколи менше справді означає більше.
Інфографіка – це ліки, а не вітаміни. Використовуйте її лише тоді, коли без неї глядач заблукає у ваших цифрах.
Воркшоп відбувся 16 квітня в межах проєкту ProВипускники – серії професійних заходів для спільноти випускників House of Europe.
Інформаційна служба НСЖУ
Дискусія з цього приводу: