SlideShare a Scribd company logo
1 of 97
Download to read offline
ВІЗУАЛІЗАЦІЯ ДАНИХ 
ІНФОГРАФІКА, ЯК ТРЕНД 
НА МЕДІАРИНКУ 
Тернопіль, 4.10.2014
ЧОМУ ІНФОГРАФІКА ПОПУЛЯРНА?
ВІДПОВІДЬ У 
СПРИЙНЯТТІ ЛЮДИНОЮ 
ІНФОРМАЦІЇ
Зорове сприйняття на 90% забезпечує людині 
отримання всієї інформації
Нам потрібно 150 мс, 
щоб прочитати символ, 
і ще 100 мс, 
щоб зрозуміти його значення
Ми отримуємо 
в 5 разів 
більше інформації 
сьогодні порівняно 
з 1986.
Візуальний супровід 
збільшує бажання 
читати текст 
на 80%
Люди, які дотримувалися 
інструкцій з текстом та 
ілюстраціями, 
справляються із завданням 
на 323% 
краще, ніж ті, хто 
дотримуються інструкцій 
без ілюстрацій
50% 
аудиторії сприймає 
виключно вербальну 
презентацію 
67% 
аудиторії сприймає 
вербальну презентацію, 
супроводжувану 
візуальними 
компонентами
А якщо додати картинки 
відсканованого головного 
мозку і згадати що-небудь з 
області когнітивної 
неврології, то люди 
поставляться до інформації 
з більшою довірою
Люди запам’ятовують: 
10% 20% 80% 
з того, що 
ПОЧУЛИ 
з того, що 
ПРОЧИТАЛИ 
з того, що 
БАЧИЛИ та РОБИЛИ
ІСТОРІЯ ВІЗУАЛІЗАЦІЇ
1760-ті роки
1788 рік
1801 рік 
Секторна діаграма з книги 
«Короткий виклад статистики» 
Вільяма Плейфера
1853 рік 
«Вікторіанська 
Інфографіка»
1854 рік 
«Карта Сноу» 
Карта із візуалізацією 
спалаху холери у 
Лондоні
1869 рік. Карта походу Наполеона на Москву
Періодична 
система 
елементів
ТИПИ ВІЗУАЛІЗАЦІЙ
ІЛЮСТРАЦІЯ 
ІНФОГРАФІКА 
ЖУРНАЛІСТИКА ДАНИХ
ІЛЮСТРАЦІЯ 
Зображення, що супроводжує текст з метою полегшення 
для читача візуалізації змісту 
АБО 
Зображення, що відтворює текст. 
Завдання при створенні ілюстрації - відтворення фактів.
ІНФОГРАФІКА 
Графічний спосіб швидкої подачі 
великого об'єму інформації та знань 
Завдання при створенні – відтворення дії.
УМОВНЕ ПРАВИЛО ДЛЯ ДИЗАЙНЕРІВ 
Якщо 
дизайн підпорядкований 
інформації - це ІНФОГРАФІКА 
Якщо 
інформація підпорядкована 
дизайну - це ІЛЮСТРАЦІЯ
ЖУРНАЛІСТИКА ДАНИХ 
Це напрям журналістики, що грунтується на пошуку, 
розумінні, аналізі та візуалізації цифрових джерел 
Завдання при створенні – відтворення цифрових даних. 
Долари для Докторів 
Школи великих міст
ІНФОГРАФІКА 
ЯК 
STORYTELLING
ПРИНЦИПИ СТВОРЕННЯ 
ІНФОГРАФІКИ
1 
СТИСЛІСТЬ 
Зі складного 
зробити просте
2 
ВІЗУАЛІЗАЦІЯ 
Шрифти, іконки, 
метафоричність
3 
ОРГАНІЗАЦІЯ 
Достовірність та 
структуризація
4 
ТОЧНІСТЬ 
Пропорційність 
та масштаби
5 
АКТУАЛЬНІСТЬ 
(ДОРЕЧНІСТЬ) 
Відповідність 
форми до змісту
6 
ПРОСТОТА 
Не засмічувати
КОМАНДА 
(Набір вмінь) 
Журналіст Аналітик Дизайнер Програміст
ЕТАПИ СТВОРЕННЯ ІНФОГРАФІКИ: 
1. Формування цілі та визначення аудиторії 
2. Збір даних і додаткового матеріалу по темі 
3. Аналітика і обробка інформації 
4. Візуальне структурування 
5. Дизайн
І. Формування цілі та визначення аудиторії 
1. Ціль — ключовий меседж, який хочемо донести; 
2. Цільова аудиторія — характеристики аудиторії; 
3. Потреба — ключові потреби цільової аудиторії.
ІІ. Збір даних і додаткового матеріалу по темі 
1. Дані — фільтрування кількісної інформації; 
2. Символ — визначаємо асоціативний ряд елементів; 
3. Схематика — вибір схематики подачі інформації.
ІІІ. Аналітика і обробка інформації 
1. Уніфікація — групування по визначених категоріях; 
2. Аналіз — відповідність первинній меті та схемі; 
3. Кристалізація — відсіювання зайвої інформації.
IV. Візуальне структуризація 
1. Створення скетчу — формування основних блоків та 
їх розміщення; 
2. Корегування — перевірка відповідності до меседжу; 
3. Створення легенди — пояснення ключових символів 
та їх розміщення (якщо потрібно).
V. Дизайн 
1. Створення скетчу — формування основних блоків 
та їх розміщення; 
2. Корегування — перевірка відповідності до даних; 
3. Створення легенди — пояснення ключових 
символів та їх розміщення (якщо потрібно);
ЕТАПИ СТВОРЕННЯ ІНФОГРАФІКИ: 
1. Формування цілі та визначення аудиторії 
2. Збір даних і додаткового матеріалу по темі 
3. Аналітика і обробка інформації 
4. Візуальне структуризація 
5. Дизайн
Веселі картинки…
. .
Тарас Волянюк 
Taras Volyanyuk 
volyanyuk.t@gmail.com

More Related Content

What's hot

Хімічний склад продуктів харчування
Хімічний склад продуктів харчуванняХімічний склад продуктів харчування
Хімічний склад продуктів харчуванняkostyuchik
 
Моніторинг стану ведення журналів.pdf
Моніторинг стану ведення журналів.pdfМоніторинг стану ведення журналів.pdf
Моніторинг стану ведення журналів.pdfolha1koval
 
ДСТУ 8302:2015: офіційні виправлення у 2017 році
ДСТУ 8302:2015: офіційні виправлення у 2017 роціДСТУ 8302:2015: офіційні виправлення у 2017 році
ДСТУ 8302:2015: офіційні виправлення у 2017 роціNaUKMA Library
 
Самооцінювання.ppt
Самооцінювання.pptСамооцінювання.ppt
Самооцінювання.pptssuser98cb75
 
Ірина Братищенко «Складові успішного професійного розвитку сучасного вчителя»
Ірина Братищенко	«Складові успішного професійного розвитку сучасного вчителя»Ірина Братищенко	«Складові успішного професійного розвитку сучасного вчителя»
Ірина Братищенко «Складові успішного професійного розвитку сучасного вчителя»Просвіта
 
Загальні правила створення презентації
Загальні правила створення презентаціїЗагальні правила створення презентації
Загальні правила створення презентаціїОлександр Дрижал
 
презентація маніпуляції
презентація маніпуляціїпрезентація маніпуляції
презентація маніпуляціїTetyana Zavada
 
Маркетингові дослідження
Маркетингові дослідження Маркетингові дослідження
Маркетингові дослідження Oleksandr Dyma
 
Педагогічна рада на тему: "Національно - патріотичне виховання в школі та сім'ї"
Педагогічна рада на тему: "Національно - патріотичне виховання в школі та сім'ї"Педагогічна рада на тему: "Національно - патріотичне виховання в школі та сім'ї"
Педагогічна рада на тему: "Національно - патріотичне виховання в школі та сім'ї"Ігор Арсентьєв
 
Презентація Скоропадський
Презентація СкоропадськийПрезентація Скоропадський
Презентація Скоропадськийvpu-19 Drogobych
 
Формування ключових компетентностей учнів на уроках математики
Формування ключових компетентностей учнів на уроках математикиФормування ключових компетентностей учнів на уроках математики
Формування ключових компетентностей учнів на уроках математикиКнижковиий Світ П'ятої Школи
 
Презентація “Інтерактивні технології навчання”
Презентація “Інтерактивні технології навчання”Презентація “Інтерактивні технології навчання”
Презентація “Інтерактивні технології навчання”Moon_ra
 
презентація патріотичне виховання
презентація патріотичне вихованняпрезентація патріотичне виховання
презентація патріотичне вихованняоля гнатик
 
3 клас урок 22 форматування текстових і графічнихоб’єктів слайду
3 клас урок 22 форматування текстових і графічнихоб’єктів слайду3 клас урок 22 форматування текстових і графічнихоб’єктів слайду
3 клас урок 22 форматування текстових і графічнихоб’єктів слайдуСокальська ЗШ І-ІІІ ступенів №2
 
План виховної роботи 2023-2024 н. р..docx
План виховної роботи 2023-2024 н. р..docxПлан виховної роботи 2023-2024 н. р..docx
План виховної роботи 2023-2024 н. р..docxkeleberdaschool
 
Тести з природознавства 1 клас
Тести з природознавства 1 класТести з природознавства 1 клас
Тести з природознавства 1 класalyonka24112
 
Класний журнал 5-11 класи
Класний журнал 5-11 класиКласний журнал 5-11 класи
Класний журнал 5-11 класиkoblevoschool1
 
Презентація на тему: "Глобальні проблеми людства"
Презентація на тему: "Глобальні проблеми людства"Презентація на тему: "Глобальні проблеми людства"
Презентація на тему: "Глобальні проблеми людства"Jennie Ice
 

What's hot (20)

Хімічний склад продуктів харчування
Хімічний склад продуктів харчуванняХімічний склад продуктів харчування
Хімічний склад продуктів харчування
 
Моніторинг стану ведення журналів.pdf
Моніторинг стану ведення журналів.pdfМоніторинг стану ведення журналів.pdf
Моніторинг стану ведення журналів.pdf
 
ДСТУ 8302:2015: офіційні виправлення у 2017 році
ДСТУ 8302:2015: офіційні виправлення у 2017 роціДСТУ 8302:2015: офіційні виправлення у 2017 році
ДСТУ 8302:2015: офіційні виправлення у 2017 році
 
Самооцінювання.ppt
Самооцінювання.pptСамооцінювання.ppt
Самооцінювання.ppt
 
Ірина Братищенко «Складові успішного професійного розвитку сучасного вчителя»
Ірина Братищенко	«Складові успішного професійного розвитку сучасного вчителя»Ірина Братищенко	«Складові успішного професійного розвитку сучасного вчителя»
Ірина Братищенко «Складові успішного професійного розвитку сучасного вчителя»
 
зразки заяв
зразки заявзразки заяв
зразки заяв
 
Загальні правила створення презентації
Загальні правила створення презентаціїЗагальні правила створення презентації
Загальні правила створення презентації
 
Досвід роботи
Досвід роботиДосвід роботи
Досвід роботи
 
презентація маніпуляції
презентація маніпуляціїпрезентація маніпуляції
презентація маніпуляції
 
Маркетингові дослідження
Маркетингові дослідження Маркетингові дослідження
Маркетингові дослідження
 
Педагогічна рада на тему: "Національно - патріотичне виховання в школі та сім'ї"
Педагогічна рада на тему: "Національно - патріотичне виховання в школі та сім'ї"Педагогічна рада на тему: "Національно - патріотичне виховання в школі та сім'ї"
Педагогічна рада на тему: "Національно - патріотичне виховання в школі та сім'ї"
 
Презентація Скоропадський
Презентація СкоропадськийПрезентація Скоропадський
Презентація Скоропадський
 
Формування ключових компетентностей учнів на уроках математики
Формування ключових компетентностей учнів на уроках математикиФормування ключових компетентностей учнів на уроках математики
Формування ключових компетентностей учнів на уроках математики
 
Презентація “Інтерактивні технології навчання”
Презентація “Інтерактивні технології навчання”Презентація “Інтерактивні технології навчання”
Презентація “Інтерактивні технології навчання”
 
презентація патріотичне виховання
презентація патріотичне вихованняпрезентація патріотичне виховання
презентація патріотичне виховання
 
3 клас урок 22 форматування текстових і графічнихоб’єктів слайду
3 клас урок 22 форматування текстових і графічнихоб’єктів слайду3 клас урок 22 форматування текстових і графічнихоб’єктів слайду
3 клас урок 22 форматування текстових і графічнихоб’єктів слайду
 
План виховної роботи 2023-2024 н. р..docx
План виховної роботи 2023-2024 н. р..docxПлан виховної роботи 2023-2024 н. р..docx
План виховної роботи 2023-2024 н. р..docx
 
Тести з природознавства 1 клас
Тести з природознавства 1 класТести з природознавства 1 клас
Тести з природознавства 1 клас
 
Класний журнал 5-11 класи
Класний журнал 5-11 класиКласний журнал 5-11 класи
Класний журнал 5-11 класи
 
Презентація на тему: "Глобальні проблеми людства"
Презентація на тему: "Глобальні проблеми людства"Презентація на тему: "Глобальні проблеми людства"
Презентація на тему: "Глобальні проблеми людства"
 

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

Інфографіка, як майбутнє комунікативного медіаринку – 25.03.16, NDI
Інфографіка, як майбутнє комунікативного медіаринку – 25.03.16, NDIІнфографіка, як майбутнє комунікативного медіаринку – 25.03.16, NDI
Інфографіка, як майбутнє комунікативного медіаринку – 25.03.16, NDITaras Volyanyuk
 
Інфографіка для громадських організацій
Інфографіка для громадських організаційІнфографіка для громадських організацій
Інфографіка для громадських організаційGalyna Smirnova
 
Інформаційний дизайн в ЗМІ
Інформаційний дизайн в ЗМІІнформаційний дизайн в ЗМІ
Інформаційний дизайн в ЗМІJalyna
 
Візуалізація інформації
Візуалізація інформаціїВізуалізація інформації
Візуалізація інформаціїOleksandr Bobko
 
Novskivska pr congress
Novskivska pr congressNovskivska pr congress
Novskivska pr congresspr-space
 
Візуалізуй, щоб бути почутим! by Дзвенислава Новаківська
Візуалізуй, щоб бути почутим! by Дзвенислава НоваківськаВізуалізуй, щоб бути почутим! by Дзвенислава Новаківська
Візуалізуй, щоб бути почутим! by Дзвенислава НоваківськаСвітлана Крижанівська
 
Informatika 5-klas-kornienko-2018
Informatika 5-klas-kornienko-2018Informatika 5-klas-kornienko-2018
Informatika 5-klas-kornienko-2018kreidaros1
 
інфографіка.погрібний в.ю. (перероблена)
інфографіка.погрібний в.ю. (перероблена)інфографіка.погрібний в.ю. (перероблена)
інфографіка.погрібний в.ю. (перероблена)vladthebest95
 
10 in b_2018
10 in b_201810 in b_2018
10 in b_20184book
 
Data Visualization: Principles and Tools
Data Visualization: Principles and ToolsData Visualization: Principles and Tools
Data Visualization: Principles and ToolsMaksym Klyuchar
 
лекція № 1
лекція № 1лекція № 1
лекція № 1barkanov
 

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

Інфографіка, як майбутнє комунікативного медіаринку – 25.03.16, NDI
Інфографіка, як майбутнє комунікативного медіаринку – 25.03.16, NDIІнфографіка, як майбутнє комунікативного медіаринку – 25.03.16, NDI
Інфографіка, як майбутнє комунікативного медіаринку – 25.03.16, NDI
 
Інфографіка для громадських організацій
Інфографіка для громадських організаційІнфографіка для громадських організацій
Інфографіка для громадських організацій
 
Инфографика для чайников
Инфографика для чайниковИнфографика для чайников
Инфографика для чайников
 
Інформаційний дизайн в ЗМІ
Інформаційний дизайн в ЗМІІнформаційний дизайн в ЗМІ
Інформаційний дизайн в ЗМІ
 
Візуалізація інформації
Візуалізація інформаціїВізуалізація інформації
Візуалізація інформації
 
Novskivska pr congress
Novskivska pr congressNovskivska pr congress
Novskivska pr congress
 
Візуалізуй, щоб бути почутим! by Дзвенислава Новаківська
Візуалізуй, щоб бути почутим! by Дзвенислава НоваківськаВізуалізуй, щоб бути почутим! by Дзвенислава Новаківська
Візуалізуй, щоб бути почутим! by Дзвенислава Новаківська
 
Informatika 5-klas-kornienko-2018
Informatika 5-klas-kornienko-2018Informatika 5-klas-kornienko-2018
Informatika 5-klas-kornienko-2018
 
1
11
1
 
інфографіка.погрібний в.ю. (перероблена)
інфографіка.погрібний в.ю. (перероблена)інфографіка.погрібний в.ю. (перероблена)
інфографіка.погрібний в.ю. (перероблена)
 
10 in b_2018
10 in b_201810 in b_2018
10 in b_2018
 
Data Visualization: Principles and Tools
Data Visualization: Principles and ToolsData Visualization: Principles and Tools
Data Visualization: Principles and Tools
 
лекція № 1
лекція № 1лекція № 1
лекція № 1
 

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