Михаил Хейна рассказал, как и с помощью каких инструментов можно сделать инфографику.

2. Михаил Хейна
https://www.facebook.com/michael.heina.3

3. Как сделать
крутую инфографику?

4. Нюра
спрашивает:
Это что
такое вообще
и зачем оно
нужно?

5. Перенасыщенность информацией
{75%Маркетологов создают сегодня
больше контента,
чем они делали это
год назад

6. Почему важна графическая оболочка?
Визуализация контента
помогает пользователям
быстрее улавливать
большие объемы
информации
Графическая информация
воспринимается
в 60 000 раз быстрее
по сравнению
с текстовой
Инфографика
завлекает
пользователей
и влияет
на их емоции

7. Невероятные факты
Визуальная информация воспринимается в 60 000 раз быстрее
по сравнению с текстовой

8. Проверим теорию
СНАЧАЛА НАЖМИТЕ
КРУГЛУЮ КНОПКУ, ЗАТЕМ
КВАДРАТНУЮ,
ТРЕУГОЛЬНУЮ, А ЗАТЕМ
СНОВА КРУГЛУЮ

9. Проверим теорию

10. Или вот так
Neomam.com
В процессе езды по этой дороге
может возникнуть ситуация, когда
один или несколько камней разных
размеров могут упасть со склонов
слева или справа от вас. Вы должны
знать об этом прежде, чем
продолжите свой путь а мы вас
предупредили об этом виде
опасности…
VS

11. А вот и доказательства
Neomam.com
Люди запоминают:
80%того, на что
они смотрят
и что делают
Того, что
слышат
10%
того, о чем
читают
20%

12. Цвет тоже очень важен!
Neomam.com
Счетчики просмотра инфографики зашкаливают…
Потому что инфографика прикольнее!
Исследователи обнаружили,
что цветные изображения
увеличивают желание к прочтению
на 80%

13. Инструкция — тоже инфографика
Если в инструкции к лекарству
находится только текст, человек
усваивает из нее только 70%
информации.
Если в инструкцию добавить
картинки, человек усвоит уже 95%

14. С чего
начнем?
Ладно,
говорит
Нюра…

15. С чего начать?
Самое-самое преглавное — это важная
и интересная информация1
2
И только затем — удобная и красивая
визуальная подача вашего материала

16. Задайте себе главные вопросы
• Для чего я создаю этот контент?
• Я создаю его для того чтобы просто было
или у меня есть что сказать людям?
• Будет ли эта информация полезна людям?
• Это будет вечно актуальная информация или она
проживет несколько дней?

17. Хорошего дизайна без контента
не существует

18. Секрет эффективной инфографики
ИНФОРМАЦИЯ
ДИЗАЙН ИСТОРИЯ
РАСШАРИВАЕМОСТЬ
чего то не
хватает
невидимость
скучно
есть
потенциал
Ущербно
аматор
рискованно сомнительно
стиль
цвет
читаемые шрифты
проблема
четкое сообщение
решение
вирусность, SEO, локация
достоверность, своевременность, содержание
ХОРОШО
Диаграмма Венна © Daniel Zeevi

19. шагов
для создания
крутой инфографики
10

20. 1. Вдохновляемся
• Заряжаемся позитивными эмоциями
• Смотрим творения конкурентов
• Определяемся с типом инфографики
• Настраиваем себя на созидание

21. 1. Вдохновляемся

22. 1. Вдохновляемся

23. 1. Вдохновляемся

24. 2. Выбираем тему
• Выбираем тему или контент
• Учитываем интересы ЦА
• Учитываем потребности ЦА
• Изучаем тенденции рынка и тренды

25. Наша инфографика для «Motori.ua»

26. 3. Структурируем информацию
• Анализируем структуру
• Определяем самые важные моменты
• Выделяем ключевые елементы (5-7)

27. Наша инфографика для «Meteo.ua»

28. 4. Продумываем структуру
• Берем бумагу и ручку
• Рисуем грубый макет
• Или берем за основу уже существующий

29. 4. Продумываем структуру

30. 5. Выбираем инструмент
• Рисуем сами (IDDQD/IDKFA)
• Выбираем подходящий сервис
• Нанимаем дизайнера

31. 5. Выбираем инструмент (Режим Бога)

32. Easel.ly

33. Piktochart.com

34. Infogr.am

35. Canva.com

36. 6. Добавляем контент
• Пишем лаконично и понятно
• Ищем фотографии, рисунки
• Не забываем про соответствие содержимому

37. Если вы не можете
объяснить это
простыми словами,
вы сами этого
не понимаете

38. Наша инфографика для «Meteo.ua»

39. 7. Делаем дизайн
• Определяемся со стилем
• Выбираем шрифты (2-3)
• Выбираем палитру цветов (2-4)
• Помним о читабельности

40. 7. Делаем дизайн

41. 7. Делаем дизайн

42. 8. Проверяем ошибки
• Ждем день и смотрим свежим взглядом
• Тестируем на знакомых и коллегах
• Исправляем все ошибки
• Воспринимаем критику спокойно

43. 9. Распространяем и пиаримся
• На своем ресурсе
• В тематических СМИ (Напрямую или пресс-релиз)
• В социальных сетях
• В тематических топ-блогах
• На тематических форумах
• На специальных сервисах с инфографиками
• В рассылках

44. Наша инфографика к 1 Апреля

45. 10. Автоматизируем процесс по максимуму
• Онлайн-сервисы для создания инфографики
• Собственные шаблоны оформления
• Сборник тематических сайтов
• База фотостоков
• Подборки иконок и шрифтов
• Инструменты для подбора цветовых гамм

46. Что не нужно делать:
• Создавать нечто из ничего
• Давать неполную, искаженную информацию
• Использовать столбики с человечками
• Использовать круговые диаграммы
• Давать слишком много текста
• Делать дизайн ради дизайна
• Использовать диаграммы Венна и круги Эйлера
• Давать неполные источники информации

47. Что не нужно делать:

48. Что не нужно делать:

49. Используйте
сторителлинг
Нюра любит
слушать
истории

50. Используйте сторителлинг
Истории запоминаются
в 22 рази лучше,
чем отдельно взятые
факты
Дженифер Аакер (Jennifer Aaker)
Стенфордская бизнес-школа

51. Storytelling — умение рассказывать истории,
которые влияют на разум и сердце слушателя

52. Способы использования историй
• История возникновения компании
• История работника компании
• История возникновения продукта
• История о благотворительности
• История клиента
• … и много других историй

53. Наша инфографика для «Imperial Group»

54. Отлично!
Давайте уже ссылочки!

55. Инструменты для создания инфографики
• Easel.ly
• Vizualize.me
• Сreately
• Infogr.am
• Visual.ly
• Canva.com
• Hohli Builder
• Piktochart
• Google Charts
• Google Public Data Explorer
• Wordle
• Capsidea
• Visage
• Tagxedo
• Cacoo
Полезные ссылки

56. Бесплатные фотостоки
• Pixabay
• FreeImages
• Unsplash
• StockSnap
• DreamsTime
• FreeRange
• MorgueFile
• EveryStockPhoto
• Life of Pix
• PhotoGen
• Google images (Фильтровать по “labeled for reuse”)
Шрифты
• Google fonts
• Font Squirrel
• Dafont.com
Полезные ссылки

57. Круто!
Теперь я все знаю!

58. Спасибо за внимание!
Вопросы?