Инфографика – это круто! Лучшие образцы инфографики привлекают ваше внимание из-за отличного дизайна и удерживают его с помощью т.н. «визуальных крючков».
Мне они нравятся, потому что немного напоминают серию игр I spy, в которых вы исследуете яркие пространства и собираете по крупицам важную информацию. Инфографика – это классно, хотя, например, автор этого поста считает, что инфографика – это зло.Существует много паралеллей между инфографикой и электронным обучением. Они оба используют визуальные средства для передачи информации. Создатели инфографики получают на входе огромное количество информации, чтобы «выжать» несколько действительно важных деталей или фактов. Это очень похоже на то, что делаем мы, когда получаем от наших предметных экспертов презентации в 300 слайдов Powerpoint, которые должны стать небольшим электронным курсом.
Для человека, который хочет получить новые навыки в дизайне или обработке большого количества информации, инфографика – отличный источник вдохновения. Посмотрим, что делает инфографику такой эффективной.
Все просто
Если подумать, инфографика – это всего лишь вертикальное слайд-шоу. Правильно. Нет особого различия со слайдами PowerPoint. Но вместо того, чтобы переключать их в горизонтальном положении они организованы в вертикальную колонку.
Сравните эту инфографику от Paycor (http://www.paycor.com/) с тем же контентом в слайдах PowerPoint.
Щелкните, чтобы увидеть всю инфографику Paycor.
Как вы можете видеть, контент разбит на определенные секции, которые объединены по темам. Разные темы имеют заголовки разного цвета.
Что это означает для e-learning?
Потребность в передаче информации – это основа электронного обучения. Обычно информации слишком много. Есть тенденция «перекармливать» пользователей информацией, поэтому пользователю сложно вычленить критически важные элементы. С другой стороны, инфографика именно тем и занимается, что передает ключевые моменты информации. Понимание того, как это делается, поможет нам делать более качественные электронные курсы.
Журнал Fast company http://www.fastcodesign.com/1665149/why-infographics-matter-video подготовил видеоролик, который объясняет как готовится и используется инфографика. Если вы посмотрите видео, вы поймете, что в инфографике используются такие дизайнерские концепции как контраст, использование цвета и поток информации.
http://vimeo.com/29684853
Ролик «Ценность визуализации данных» http://vimeo.com/29684853 от компании Column 5.
Как сделать хорошую инфографику?
Существует много паралеллей между инфографикой и электронным обучением. Если выработать привычку регулярно смотреть хорошую инфографику, то можно многому научиться в искусстве визуальной коммуникации. Эта привычка также может подсказать хорошие идеи в создании шаблонов и других элементов электронного курса.
Вот два хороших сайта, на которых регулярно появляются отличные образцы инфографики:
Вот несколько элементов дизайна инфографики, которые пересекаются с тем, что мы делаем в e-learning:
Только важная информация. Основная цель инфографики – передать информацию и сделать это незабываемо. Многие электронные курсы содержат слишком много информации на одном слайде. Инфографика позволяет «отделить зерна от плевел», отбросить ненужную информацию. Поэтому они передают только главное.
Как вы можете применить то, что вы видите в лучших образцах инфографики в ваших электронных курсах? Вместо того, чтобы в следующий раз писать заголовок слайда и ниже делать традиционный текстовый список, напишите одно предложение, которое передает основную мысль. Используйте это предложение, чтобы сделать ее основой для визуализации информации.
Визуализация данных. В любой хорошей инфографике есть элемент, который называется «визуальный крючок». В некоторых случаях наличие этого «крючка» гораздо важнее, чем что-нибудь еще. Как научиться создавать правильные крючки? Важны сами данные. Пусть данные передадут информацию. Если вам нужно объяснять данные, инфографика плоха. В хорошей инфографике данные «говорят».
Пусть инфографика вдохновляет вас на новые идеи. Я также рекомендую упражнение по созданию интеллект-карты, http://community.articulate.com/tutorials/courses/visual-analysis-for-designing-custom-courses.aspx которое мы делаем на наших семинарах.
Цветовые схемы. Большинство инфографики имеют визуальный крючок и используют бросающиеся в глаза цвета, которые прямо «прыгают» на вас с экрана. Этот прием работает и в электронном курсе. Я бы начал с того, что нашел инфографику, которая вам понравится и затем воспроизвел бы шаблон в электронном курсе. Это даст вам практику работы с идеями шаблонов и цветов в курсе.
Цвета не должны конкурировать с информацией. Ограничьте цвета несколькими. В большинстве примеров инфографики есть фоновый цвет некоторые цвета используются для создания визуальных разделов секций. Это могут быть заголовки или простые изменения фона.
Существуют несколько сайтов, которые могут помочь с цветовыми схемами. Вот некоторые из них:
Выразительные шрифты. Шрифты играют двойную роль: они должны соответствовать инфографике, потому что они отражают текст, который мы читаем. Но они также являются графическими элементами, которые передают значение и говорят вашим визуальным голосом. Мы ранее обсуждали эту тему в другом посте, когда подбирали шрифт к картинке.
Вы увидите, что в инфографике нет случайных шрифтов. Вы также можете научиться использовать нужные шрифты с помощью упражнений с интеллект-картами. Это помогает определить, какие шрифты использовать.
Как только вы поймете, какой из шрифтов вам нужен, переходите на сайт Dafont (www.dafont.com), Font squirrel (www.fontsquirrel.com) и поищите нужный вам шрифт. Если вам нужны хорошие бесплатные шрифты, посмотрите пост, в котором я объяснил, как получить 150 бесплатных шрифтов от Google.
Иконки и клипарты. Инфографика имеет много общего с иконками. Как и в иконках в инфографике нужно найти визуальный крючок, нужные цвета и шрифты и сделать визуальный ряд, способный воздействовать на чувства и запомнится.
Большинство из нас не являются графическими дизайнерами и не у всех есть доступ к ресурсам, необходимым для создания электронных курсов, не говоря уже об инфографике. Но это нормально.
Существуют множество бесплатных иконок и векторных иллюстраций, которые вы можете использовать при создании курса. Основное – держаться единого стиля.
Даже если все, что у вас есть – это клипарты, вы можете найти единый стиль и создать на основе этих клип-артов нужные изображения. Посмотрите этот пост, в котором я использовал стиль клип-арта для создания электронного курса.
Вот несколько сайтов, на которых можно найти бесплатные или очень дешевые иконки и векторные иллюстрации. Перед использованием прочитайте пользовательское соглашение. Некоторые недобросовестные компании соблазняют вас «бесплатными» ресурсами и затем накладывают всяческие ограничения на использование. Бесплатное должно быть бесплатным.
Также, подпишитесь на такие сайты как App Sumo и Might Deals . Они предлагают бесплатный или очень дешевый доступ к разного вида графике.
Создание инфографики – это отличный способ попрактиковаться в «сжимании» информации до действительно важных элементов. Этот способ также позволит немного отойти от «мышления создателя электронных курсов», что позволит открыть новые способы работы. Практикуйтесь создании инфографики. Мне нравится, то что сделала Николь Лего на ее сайте:
♦ Модель ADDIE – визуальное представление.
Как можете видеть, существует много общего между инфографикой и созданием электронных курсов. Оба вида деятельности предполагают умение обрабатывать большое количество информации, выделять главное, привлекать внимание к ключевым моментам. И так как в обоих случаях цель деятельности – создание визуального средства коммуникации, они используют похожие элементы дизайна, шрифтов и цветовых схем.
Возможно, вы никогда не создадите свою инфографику, но если приобрести привычку регулярно знакомиться с лучшими образцами инфографики, то вы сможете значительно улучшить ваши навыки создания электронных курсов.
Источник: How Can Infographics Produce Better E-Learning Courses?
