12 кроків від цікавої ідеї до зрозумілої візуалізації - поради від TEXTY.ORG.UA

В попередньому пості ми розмістили проект на тему здоров'я українців. Пропозиція розпочати роботу над візуалізацією поступила від редакції http://texty.org.ua, а отже всі її етапи погоджувались безпосередньо з +roman Kulchynskyj та Andriy Gazin. Зрештою отримали багато зауважень і пропозицій щодо полегшення сприйняття графіки, завдяки яким отримали на виході майже зовсім інший і цікавіший продукт.

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


Нагадаємо, як виглядав проект в редакції #datablog

Ось, що нам порадили змінити:

Зміст

1) позбутися вертикального бокового графіка, інтеракція з яким неочевидна, через

- ранжування факторів за показником смертності, а не DALY, як надто складного для пересічного користувача
- винесення на ярлик даних щодо кількості смертей, пов’язаних з дією фактора

Загальне оформлення

2) збільшити поля з усіх боків

3) убрати зайві/надмірні елементи:

- назву основного графіку спростити і зробити підзаголовком

- прибрати нумерація факторів ризику

4) зробити лінії зв’язку між факторами тоншими для полегшення сприйняття

5) ширину графіку підібрати під ширину сторінки:  читач не переходитиме за лінком на сторонні ресурси

Кольори

6) зменшити  кількість основних кольорів на графіці до 2, максимум 3

7) колір елементів основного графіка та інтерактивних графів змінити на колір заголовку, колір цифрових позначень і назв факторів зробити однаковим

Підпис даних

8) в поясненнях/примітках чітко вказати, що саме означають цифри, наведені після назв факторів

9) не вживати наукову термінологію, писати простою мовою, зрозумілою широкій аудиторії

10) пояснення і коментарі писати короткими і простими реченнями без вживання дієслова «бути» і похідних від нього

Шрифти

11) прибрати накреслення bold з назв факторів ризику: чим легше шрифт, тим легше сприйняття тексту

12) розмір шрифту заголовку зменшити вдвічі, прибрати накреслення bold та italic

Тепер проект має такий вигляд: