За даними дослідження CISCO, 90% усієї інформації в інтернеті — це візуальні дані. Популярність зображень безпосередньо пов’язана зі зростанням кількості інформації в останні десятиліття. Мозок людини «любить» фотографії, відео й малюнки, адже це найзвичніша й найшвидша для сприйняття форма контенту. Тож сьогодні поговоримо про правила й інструменти крутої візуалізації.
Само собою, важливо дотримуватися таких принципів:
1. Використовуйте зображення там, де це потрібно.
2. Обирайте прості, яскраві образи, зрозумілі аудиторії.
3. Використовуйте метафори й емоційні образи.
Інфографіка й досі доволі популярна. Навіть дизайнери-аматори можуть створити якісну професійну графіку за допомогою таких сайтів: canva.com, piktochart.com, infogram.com, visme.co, venngage.com.
Принцип їхньої роботи переважно однаковий:
1. Обрати потрібний тип графіки (слайди, інфографіка, плакати, колажі, звіти, резюме, листівки, графіка для соцмереж тощо). Можна почати з готового шаблону, а потім наповнити його власним змістом. Або ж узяти порожню «заготовку» потрібного розміру.
2. Змінити елементи дизайну у відкритому редакторі. У центрі — поле з графікою, а праворуч, ліворуч і вгорі розташовані кнопки та розкривні меню. Функціонал охоплює елементи дизайну: кольорові палітри, фігури, іконки, текстові блоки з різними типами шрифтів, редаговані графіки, діаграми й схеми.
3. Елементи дизайну можна додавати (перетягуючи з панелі інструментів) і видаляти, змінювати їхнє розташування на робочому полі, колір і розмір. Додаткові зображення чи фотографії можна завантажити, а графіки й діаграми — заповнити власними даними. Автоматичне вирівнювання елементів, групування та дібрані професіоналами поєднання шрифтів і кольорів роблять результат дуже якісним.
4. Опублікувати результат онлайн або завантажити його в потрібному форматі (ця функція найчастіше доступна в платних версіях вебсервісів).
Крім того, можна використовувати інструменти для окремих типів візуалізації:
1. Поєднати ідеї в Mindmup.com
Інтелект-карта (карта ідей, діаграма зв’язків) допомагає записати ідеї та візуально пов’язати їх між собою. Це потрібно, щоб упорядкувати великі обсяги інформації, знайти й показати приховані, неочевидні зв’язки.
На сайті mindmup.com можна намалювати діаграму зв’язків навіть без створення облікового запису. Простий процес роботи дає змогу розібратися в сервісі за 3–5 хвилин. Свою карту зв’язків можна завантажити в усіх популярних форматах і використати в презентації або мозковому штурмі.
2. Створити схему на Lucidchart.com
Наступний інструмент для створення схем, організаційних діаграм, діаграм зв’язків та інших видів візуалізації якісних даних — www.lucidchart.com.
Небагато декоративних засобів, шрифтів і графічних можливостей, але є чимало шаблонів популярних схем, які можна редагувати онлайн. Готову графіку можна завантажити.
3. Намалювати хмару слів на Wordclouds.com
Хмара слів — це різновид кількісної інфографіки, яка допомагає наочно показати частотність слів у книжці чи ЗМІ, відстежувати популярність ідеї, згадки про відому людину в мережі та багато іншого. Є чимало сайтів для таких завдань, але wordclouds.com вирізняється тим, що він безкоштовний, простий у використанні й дуже потужний.
4. Показати світ на карті на Thetruesize.com
Географічні карти можна додати до дизайну на описаних вище сайтах для створення інфографіки. Ресурс thetruesize.com цікавий тим, що дає змогу «у два кліки» виділити кольором потрібні країни й порівняти їхні розміри без спотворення Меркатора.
5. Візуалізувати командою на Miro.com
Спільна візуалізація — зручний спосіб працювати командою над будь-яким проєктом. Нескінченна онлайн-дошка miro.com призначена для командної роботи й може використовуватися для візуалізації ідей.