Классификация, цели использования, инфографика и псевдо-инфографика, тренды развития. Кейсы.
Доклад с http://wupconf.ru
Видео доклада — http://youtu.be/j3wC_mSfv58
3. Моментальное считывание
Съешь еще этих
французских булок...
Механизм восприятия мозгом изображений и текста
Последовательное считывание
Изображения Текст
4. Изображения в сети
94%
Именно настолько увеличивается число
просмотров контента, с преобладающей
визуальной составляющей
x 40
Визуальный контент в 40 раз чаще
расшаривается в социальных сетях
5. A
Человек мыслит образами. Образы имеют визуальную форму.
Изображения в сети: основные тезисы
Информация, представленная визуально, легче воспринимается,
поскольку составляет комплекс готовых образов
Информация, представленная визуально, воспринимается быстрее
и вызывает повышенное внимание.
Информация чаще всего транслируется в визуальных формах.
B
C
6.
7.
8. Спорные моменты — инфографика больших данных
Chris Harrison and Christoph Römhild (2007) Scott Hessels and Gabriel Dunne (2005)
9. Books alternate in color between white and light
gray. The length of each bar denotes the number of
verses in the chapter. Each of the 63,779 cross
references found in the Bible is depicted by a single
arc - the color corresponds to the distance between
the two chapters, creating a rainbow-like effect.
20. Сетевая инфографика: типы — Визуализированная статья/иллюстративная инфографика
Визуализация большого объема текста.
Цель: разнобразить текст в журнале,
газете, блоге
Цепляющий заголовок
Яркая иллюстрация
Хорошо шарится в сетях
21.
22.
23. Сетевая инфографика: типы — Флоу-чарт
Помогает принять верное решение по любому вопросу
всего в несколько шагов
Проста в создании
Как правило юмористическая подача
Хорошо шарится в сетях
24.
25. Сетевая инфографика: типы — Таймлайн
Показывает историю/развитие/этапы
Хронологическое расположение контента
Требует от зрителя погружения
Тема должна способствовать погружению
26.
27. Сетевая инфографика: типы — Гайд (How to)
Помогает понять механику действия (что,
как делать), рецепт, памятка, инструкция
Считываемость важнее дизайна
Максимально структурируется по этапам
Хорошо шарится в Pininterest и Stumbleupon
28.
29.
30. Сетевая инфографика: типы — Number Porn
Много, очень много цифр
Работает с внушительным объемом
информации
Смотрится при грамотной работе с
цветом и композицией
Хорошо шарится в соцсетях
32. Сетевая инфографика: типы — Сопоставление (Vs)
Cталкиваем противоположности
Работает с внушительным объемом информации
Смотрится при грамотной работе с цветом и композицией
Хорошо шарится в соцсетях при правильном таргетировании
33.
34. Сетевая инфографика: типы — Фото-инфографика
Выпячиваем фото
Акцент на ярком фотообразе
Смотрится при грамотной работе с
композицией и типографикой
Журнальная стилистика, в сети лайкается
в основном на Behance и Pininterest
35.
36. Сетевая инфографика: типы — Визуализация данных
Много, очень много данных
Работа с огромными массивами данных
Обычно автоматически генерируемая
графика с помощью спецПО/скриптов
Эффектна, но мало понятна людям не в
теме, формат профессиональных ресурсов