97
ВІЗУАЛІЗАЦІЯ ДАНИХ ІНФОГРАФІКА, ЯК ТРЕНД НА МЕДІАРИНКУ Тернопіль, 4.10.2014

Візуалізація даних. Презентація (v.2)

Embed Size (px)

DESCRIPTION

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

Citation preview

Page 1: Візуалізація даних. Презентація (v.2)

ВІЗУАЛІЗАЦІЯ ДАНИХ

ІНФОГРАФІКА, ЯК ТРЕНД НА МЕДІАРИНКУ

Тернопіль, 4.10.2014

Page 2: Візуалізація даних. Презентація (v.2)

ЧОМУ ІНФОГРАФІКА ПОПУЛЯРНА?

Page 3: Візуалізація даних. Презентація (v.2)

ВІДПОВІДЬ У СПРИЙНЯТТІ ЛЮДИНОЮ

ІНФОРМАЦІЇ

Page 4: Візуалізація даних. Презентація (v.2)

Зорове сприйняття на 90% забезпечує людиніотримання всієї інформації

Page 5: Візуалізація даних. Презентація (v.2)

Нам потрібно 150 мс,

щоб прочитати символ,

і ще 100 мс,

щоб зрозуміти його значення

Page 6: Візуалізація даних. Презентація (v.2)

Ми отримуємо

в 5 разів

більше інформації

сьогодні порівняно

з 1986.

Page 7: Візуалізація даних. Презентація (v.2)

Візуальний супровід

збільшує бажання

читати текст

на 80%

Page 8: Візуалізація даних. Презентація (v.2)

Люди, які дотримувалися інструкцій з текстом та

ілюстраціями, справляються із завданням

на 323% краще, ніж ті, хто

дотримуються інструкцій без ілюстрацій

Page 9: Візуалізація даних. Презентація (v.2)
Page 10: Візуалізація даних. Презентація (v.2)

50%

аудиторії сприймає

виключно вербальну

презентацію

67%

аудиторії сприймає

вербальну презентацію,

супроводжувану

візуальними

компонентами

Page 11: Візуалізація даних. Презентація (v.2)

А якщо додати картинки

відсканованого головного

мозку і згадати що-небудь з

області когнітивної

неврології, то люди

поставляться до інформації

з більшою довірою

Page 12: Візуалізація даних. Презентація (v.2)

Люди запам’ятовують:

з того, що

ПОЧУЛИ

з того, що

ПРОЧИТАЛИ

з того, що

БАЧИЛИ та РОБИЛИ

20%10% 80%

Page 13: Візуалізація даних. Презентація (v.2)
Page 14: Візуалізація даних. Презентація (v.2)

ІСТОРІЯ ВІЗУАЛІЗАЦІЇ

Page 15: Візуалізація даних. Презентація (v.2)
Page 16: Візуалізація даних. Презентація (v.2)
Page 17: Візуалізація даних. Презентація (v.2)

1760-ті роки

Page 18: Візуалізація даних. Презентація (v.2)

1788 рік

Page 19: Візуалізація даних. Презентація (v.2)

1801 рік

Секторна діаграма з книги «Короткий виклад статистики»

Вільяма Плейфера

Page 20: Візуалізація даних. Презентація (v.2)

1853 рік

«ВікторіанськаІнфографіка»

Page 21: Візуалізація даних. Презентація (v.2)

1854 рік

«Карта Сноу»Карта із візуалізацією

спалаху холери у Лондоні

Page 22: Візуалізація даних. Презентація (v.2)
Page 23: Візуалізація даних. Презентація (v.2)

1869 рік. Карта походу Наполеона на Москву

Page 24: Візуалізація даних. Презентація (v.2)

Періодична

система

елементів

Page 25: Візуалізація даних. Презентація (v.2)
Page 26: Візуалізація даних. Презентація (v.2)
Page 27: Візуалізація даних. Презентація (v.2)
Page 28: Візуалізація даних. Презентація (v.2)
Page 29: Візуалізація даних. Презентація (v.2)
Page 30: Візуалізація даних. Презентація (v.2)
Page 31: Візуалізація даних. Презентація (v.2)
Page 32: Візуалізація даних. Презентація (v.2)
Page 33: Візуалізація даних. Презентація (v.2)
Page 34: Візуалізація даних. Презентація (v.2)
Page 36: Візуалізація даних. Презентація (v.2)

ТИПИ ВІЗУАЛІЗАЦІЙ

Page 37: Візуалізація даних. Презентація (v.2)

ІЛЮСТРАЦІЯ

ІНФОГРАФІКА

ЖУРНАЛІСТИКА ДАНИХ

Page 38: Візуалізація даних. Презентація (v.2)

ІЛЮСТРАЦІЯ

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

АБО

Зображення, що відтворює текст.

Завдання при створенні ілюстрації - відтворення фактів.

Page 39: Візуалізація даних. Презентація (v.2)
Page 40: Візуалізація даних. Презентація (v.2)
Page 41: Візуалізація даних. Презентація (v.2)
Page 42: Візуалізація даних. Презентація (v.2)

ІНФОГРАФІКА

Графічний спосіб швидкої подачі великого об'єму інформації та знань

Завдання при створенні – відтворення дії.

Page 43: Візуалізація даних. Презентація (v.2)

Якщодизайн підпорядкований

інформації - це ІНФОГРАФІКА

УМОВНЕ ПРАВИЛО ДЛЯ ДИЗАЙНЕРІВ

Якщоінформація підпорядкована дизайну - це ІЛЮСТРАЦІЯ

Page 44: Візуалізація даних. Презентація (v.2)

ЖУРНАЛІСТИКА ДАНИХ

Долари для Докторів

Це напрям журналістики, що грунтується на пошуку, розумінні, аналізі та візуалізації цифрових джерел

Завдання при створенні – відтворення цифрових даних.

Школи великих міст

Page 45: Візуалізація даних. Презентація (v.2)
Page 46: Візуалізація даних. Презентація (v.2)

ІНФОГРАФІКА

ЯК

STORYTELLING

Page 47: Візуалізація даних. Презентація (v.2)

ПРИНЦИПИ СТВОРЕННЯ ІНФОГРАФІКИ

Page 48: Візуалізація даних. Презентація (v.2)

1

СТИСЛІСТЬ

Зі складногозробити просте

Page 49: Візуалізація даних. Презентація (v.2)
Page 50: Візуалізація даних. Презентація (v.2)
Page 51: Візуалізація даних. Презентація (v.2)

2

ВІЗУАЛІЗАЦІЯ

Шрифти, іконки,метафоричність

Page 52: Візуалізація даних. Презентація (v.2)
Page 53: Візуалізація даних. Презентація (v.2)
Page 54: Візуалізація даних. Презентація (v.2)
Page 55: Візуалізація даних. Презентація (v.2)

3

ОРГАНІЗАЦІЯ

Достовірність таструктуризація

Page 56: Візуалізація даних. Презентація (v.2)
Page 57: Візуалізація даних. Презентація (v.2)

4

ТОЧНІСТЬ

Пропорційністьта масштаби

Page 58: Візуалізація даних. Презентація (v.2)
Page 59: Візуалізація даних. Презентація (v.2)
Page 60: Візуалізація даних. Презентація (v.2)
Page 61: Візуалізація даних. Презентація (v.2)
Page 62: Візуалізація даних. Презентація (v.2)

5

АКТУАЛЬНІСТЬ(ДОРЕЧНІСТЬ)

Відповідністьформи до змісту

Page 63: Візуалізація даних. Презентація (v.2)

6

ПРОСТОТА

Не засмічувати

Page 64: Візуалізація даних. Презентація (v.2)
Page 65: Візуалізація даних. Презентація (v.2)
Page 66: Візуалізація даних. Презентація (v.2)
Page 67: Візуалізація даних. Презентація (v.2)
Page 69: Візуалізація даних. Презентація (v.2)

КОМАНДА(Набір вмінь)

Журналіст Аналітик Дизайнер Програміст

Page 70: Візуалізація даних. Презентація (v.2)

1. Формування цілі та визначення аудиторії

2. Збір даних і додаткового матеріалу по темі

3. Аналітика і обробка інформації

4. Візуальне структурування

5. Дизайн

ЕТАПИ СТВОРЕННЯ ІНФОГРАФІКИ:

Page 71: Візуалізація даних. Презентація (v.2)

І. Формування цілі та визначення аудиторії

1. Ціль — ключовий меседж, який хочемо донести;

2. Цільова аудиторія — характеристики аудиторії;

3. Потреба — ключові потреби цільової аудиторії.

Page 72: Візуалізація даних. Презентація (v.2)

ІІ. Збір даних і додаткового матеріалу по темі

1. Дані — фільтрування кількісної інформації;

2. Символ — визначаємо асоціативний ряд елементів;

3. Схематика — вибір схематики подачі інформації.

Page 73: Візуалізація даних. Презентація (v.2)

ІІІ. Аналітика і обробка інформації

1. Уніфікація — групування по визначених категоріях;

2. Аналіз — відповідність первинній меті та схемі;

3. Кристалізація — відсіювання зайвої інформації.

Page 74: Візуалізація даних. Презентація (v.2)

IV. Візуальне структуризація

1. Створення скетчу — формування основних блоків та їх розміщення;

2. Корегування — перевірка відповідності до меседжу;

3. Створення легенди — пояснення ключових символів та їх розміщення (якщо потрібно).

Page 75: Візуалізація даних. Презентація (v.2)

V. Дизайн

1. Створення скетчу — формування основних блоків та їх розміщення;

2. Корегування — перевірка відповідності до даних;

3. Створення легенди — пояснення ключових символів та їх розміщення (якщо потрібно);

Page 76: Візуалізація даних. Презентація (v.2)
Page 77: Візуалізація даних. Презентація (v.2)
Page 78: Візуалізація даних. Презентація (v.2)

1. Формування цілі та визначення аудиторії

2. Збір даних і додаткового матеріалу по темі

3. Аналітика і обробка інформації

4. Візуальне структуризація

5. Дизайн

ЕТАПИ СТВОРЕННЯ ІНФОГРАФІКИ:

Page 79: Візуалізація даних. Презентація (v.2)

Веселі картинки…

Page 80: Візуалізація даних. Презентація (v.2)
Page 81: Візуалізація даних. Презентація (v.2)
Page 82: Візуалізація даних. Презентація (v.2)
Page 83: Візуалізація даних. Презентація (v.2)
Page 84: Візуалізація даних. Презентація (v.2)
Page 85: Візуалізація даних. Презентація (v.2)
Page 86: Візуалізація даних. Презентація (v.2)
Page 87: Візуалізація даних. Презентація (v.2)
Page 88: Візуалізація даних. Презентація (v.2)
Page 89: Візуалізація даних. Презентація (v.2)
Page 90: Візуалізація даних. Презентація (v.2)
Page 91: Візуалізація даних. Презентація (v.2)
Page 92: Візуалізація даних. Презентація (v.2)
Page 93: Візуалізація даних. Презентація (v.2)
Page 94: Візуалізація даних. Презентація (v.2)
Page 96: Візуалізація даних. Презентація (v.2)

. .

Page 97: Візуалізація даних. Презентація (v.2)

Тарас Волянюк

Taras Volyanyuk

[email protected]