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

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

Jul 02, 2015

Download

Design

Taras Volyanyuk

Презентація напрямку медіаринку на перетині журналістики та дизайну - візуалізації даних та, зокрема, інфографіки.
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
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]