7 распространенных инфографических дизайнов; почему мы их используем
7 распространенных инфографических дизайнов & Почему мы их используем.
Если вы занимаетесь маркетингом, создаете контент или даже просто являетесь заядлым потребителем медиа, вы, вероятно, уже заметили: инфографика в наши дни повсюду. Читая последнюю запись в блоге вашего любимого идейного вдохновителя? Инфографика сопровождает контент. Ваши любимые образовательные видео на youtube? Также использующие инфографику в качестве наглядного пособия. И повсюду в ваших лентах twitter, instagram и даже facebook? Вы наверняка найдете их и там.
Но как быть с этими вещами? Конечно, бренды всех форм и размеров любят их использовать, а аудитория любит делиться своими фаворитами. Но почему? Что делает их такими замечательными — и как, черт возьми, начать использовать их самостоятельно?
Почему я должен использовать инфографику?
С образовательной точки зрения инфографика как тип контента имеет массу преимуществ. Поскольку они используют яркие цвета, смелые визуальные образы и короткие фрагменты текста, они привлекают визуальных учеников, которые могут не воспринимать длинные тексты. А поскольку их так легко трансформировать и использовать на различных платформах — от социальных сетей до видео и презентационных материалов для личных встреч — они могут помочь вам установить контакт с еще большим количеством людей.
Но какое отношение это имеет к контент-маркетингу?? На самом деле, многое. Проще говоря, каждый человек усваивает информацию по-разному. Поэтому опытные преподаватели часто разрабатывают свои уроки так, чтобы они были интересны разным типам учеников. Таким образом, они могут быть уверены, что независимо от того, как лучше учиться — видя, читая или делая, их ученики запомнят всю самую важную информацию из урока. (На самом деле, это еще одно место, где вы можете найти инфографику — вспомните все те образовательные плакаты, которые ваш учитель развешивал по классу. Да,! Это тоже инфографика.)
Почему это важно для вас: нет причин, по которым мы, создатели контента, не можем сделать то же самое, что делают учителя, и установить более эффективную связь с нашей аудиторией. Продуманная, разнообразная стратегия контента позволяет общаться с аудиторией на ее собственном уровне — где бы этот уровень ни находился. Инфографика может быть лишь одним из инструментов в вашем арсенале, но это мощный инструмент, обладающий огромной универсальностью и позволяющий установить связь с самыми разными людьми.
Вот лишь несколько преимуществ инфографики:
Они визуально привлекательны и легко распространяются Они разбивают сложные данные на короткие, легко воспринимаемые кусочки Их цветовая палитра и дизайн могут соответствовать вашему брендингу — или вы можете использовать свои творческие мышцы Они могут передать всю самую важную информацию из вашей статьи за гораздо более короткое время чтения Это отличный способ перепрофилировать старый контент и использовать уже проведенные исследования Помимо самостоятельного использования, они могут быть использованы для поддержки контента в различных других форматах, включая текст и видео.
Общие проблемы при создании инфографики.
Добавление инфографики к вашей контент-стратегии может поначалу показаться пугающим, особенно если в вашей команде нет писателей или графических дизайнеров, которые уже занимались ее созданием. К счастью, существует множество бесплатных шаблонов инфографики, которые легко модифицируются. Мало того, ваша команда, вероятно, уже обладает многими из наиболее важных навыков для создания инфографики — даже если у вас еще нет графического дизайнера.
Некоторые важные навыки для создания инфографики, которые, вероятно, уже использует ваша команда разработчиков контента:
Генерирование новых идей для контента и переосмысление старого контента в новом формате Организация информации в четкой и понятной форме Проведение эффективного исследования и цитирование источников Убедитесь, что все элементы дизайна привлекательны и удобны для читателей.
Если в вашей команде нет графического дизайнера, не волнуйтесь! У вас все равно есть много вариантов. Например, вы можете самостоятельно загрузить и изменить уже существующие шаблоны инфографики (хотя при этом вы рискуете использовать знакомый дизайн, который уже использовали ваши конкуренты), или же вы можете заключить контракт с дизайнером на создание инфографики на заказ в соответствии с результатами проведенного вами исследования. Semrush Marketplace — отличное место для поиска идеального дизайнера инфографики.
Типы инфографики & Когда их использовать.
Один из самых важных факторов эффективного использования инфографики — убедиться, что используемый вами дизайн служит содержанию, а не наоборот. Несмотря на визуальную природу, инфографика всегда должна начинаться с содержания — то есть с истории, которую вы хотите рассказать, и всех вспомогательных исследований — и все элементы дизайна должны быть тщательно подобраны, чтобы убедиться, что содержание передается наилучшим образом.
Ниже мы рассмотрим каждый из основных типов инфографики, которые вы можете найти, почему вы можете их использовать и что делает их сильными. Однако имейте в виду, что это не исчерпывающий список. Например, однажды вам может понадобиться придумать собственный дизайн, чтобы рассказать конкретную историю, или объединить два или более типов инфографики, чтобы удовлетворить свои потребности. Возможности безграничны.
Временные шкалы.
Временные шкалы — один из самых распространенных типов инфографики, и не зря. Их можно использовать по-разному, в том числе:
Объяснение исторических событий (например, история вашей организации и то, как она появилась) Рассказ истории (например, важное тематическое исследование) Иллюстрация процесса, чувствительного ко времени (например, адаптация сотрудников) Графики планирования мероприятий (особенно тех, которые имеют поэтапные сроки)
Вот хороший пример инфографики с временной шкалой из SEO Reality Show от Semrush, которая иллюстрирует процесс, рассказывая историю о том, как одна автотранспортная компания использовала его для улучшения своих показателей органического SEO.
Это хорошая инфографика, потому что она проста, понятна и доступна, но при этом содержит тонну информации. Вот несколько причин, почему это работает:
И текст, и графические элементы (особенно стрелки) ведут читателя по инфографике, делая ее легкой для восприятия. Смелые цвета и значки привлекают внимание, но при этом достаточно просты, чтобы не отвлекать от истории. Временная шкала разбита на четкие, легко воспринимаемые этапы. Между каждым этапом процесса и каждым отрезком временной шкалы существует очевидная связь. Сопроводительный текст информативен, но краток, содержит только необходимую информацию, поэтому его легко читать и быстро усваивать.
Если вы хотите создать свою собственную инфографику с временной шкалой, начните с определения порядка событий. Сначала решите, сколько времени вы хотите охватить, а затем определите, какие события являются наиболее важными, чтобы рассказать вашу историю. Убедитесь, что вы включаете только необходимую информацию, потому что чем больше контента вы впихнете, тем сложнее будет читателю следить за ним. После того как ваша временная шкала составлена, выберите дизайн. Он должен быть таким, чтобы направлять читателя по содержанию и поддерживать вашу историю, не отвлекая его внимание.
Визуальные статьи.
Визуальная статья, как и звучит, представляет собой графическое переложение содержания статьи или сообщения в блоге. Поэтому такие инфографики часто более плотные и требуют больше времени для чтения, чем другие распространенные виды дизайна.
Визуальные статьи являются мощными по нескольким причинам. Во-первых, это отличный способ перепрофилировать уже имеющийся контент, преобразовав его в новый носитель. Поскольку вся наиболее важная информация из вашей статьи включена, вы можете поделиться инфографикой в социальных сетях или даже распечатать ее для демонстрации, не беспокоясь о том, что ваша аудитория пропустит важный контекст. Это также отличный способ сэкономить усилия. Вы все равно уже провели все эти исследования для своей статьи. Почему бы не извлечь из этого дополнительную пользу, создав инфографику??
Вот пример визуальной статьи из этого сообщения блога Semrush о заказе отличной копии, в котором используется простой дизайн для организации коллекции советов по копирайтингу по категориям:
В этом случае дизайн инфографики отражает организацию рассматриваемой статьи, группируя каждый список советов по темам. В нем также используются красочные заголовки и жирный текст для предоставления важной контекстуальной информации, а также для того, чтобы сделать содержание легко сканируемым, чтобы читатели могли воспринять его с первого взгляда, даже если они решили не читать его слишком внимательно.
Благодаря своей простой и четкой организации он особенно полезен в качестве справочного материала для читателей оригинальной статьи, который можно взять с собой и использовать снова и снова.
Конечно, это не единственный способ, которым визуальные статьи могут быть полезны. Вот еще один пример из блога Semrush, в котором используется более наглядный подход:
В этом случае инфографика также служит наглядным пособием для поддержки оригинальной статьи, которая является руководством по созданию эффективного, SEO-дружественного контента. В инфографике используется диаграмма, иллюстрирующая часть веб-контента, чтобы показать читателю, как советы статьи выглядят на практике. Как и в первом примере, он содержит всю самую важную информацию из статьи, поэтому его тоже можно использовать в качестве ссылки в дальнейшем или поделиться им в социальных сетях.
Списки.
Вы также можете использовать инфографику, чтобы превратить списки в увлекательный визуальный контент. Это особенно полезный вариант для коротких, более «кусачих» списков, потому что ими легко делиться и их легко быстро просматривать. Вы можете использовать их для иллюстрации части более крупного контента, например, статьи в блоге, в качестве ссылки в презентации или создать инфографику списков, чтобы поделиться ею в социальных сетях. Они очень универсальны и позволяют проявить много творчества как в содержании, так и в дизайне.
В этом примере от Venngage в дизайне использованы яркие, смелые цвета и иконография для привлечения внимания и улучшения простого списка из пяти пунктов. Вот несколько вещей, которые он делает действительно хорошо:
Иконки простые, но красочные, в очень едином стиле и имеют четкую связь с содержанием Наиболее важное содержание — советы — выделено более крупным, жирным шрифтом, что облегчает быстрое чтение инфографики, а дополнительные детали представлены более мелким текстом Использование цифр и стрелок помогает направлять читателя по инфографике, чтобы он всегда знал, что будет дальше Поскольку предлагаемые советы поднимают настроение и довольно универсальны, ими также можно поделиться в социальных сетях.
Поскольку инфографика со списками относительно проста, вы можете проявить творческий подход при создании собственной инфографики. Просто убедитесь, что выбранный вами дизайн поддерживает вашу тему, соответствует друг другу (как, например, иконки выше, выполненные в одном стиле), и что его легко читать, понимать и делиться им.
Процессы и блок-схемы.
Инфографика в виде схемы процесса или блок-схемы иллюстрирует серию шагов или решений, которым может следовать читатель. Как и в любой другой диаграмме, конкретная схема, которую вы выберете, зависит от процесса, который вы иллюстрируете. Например, более сложное, разветвленное дерево решений потребует более сложного формата, чем более простой, пошаговый процесс. Как бы ни выглядел ваш процесс, выбранный вами дизайн должен помочь читателю следовать за ним.
Использование инфографики для иллюстрации пошагового процесса полезно, поскольку элементы дизайна помогают прояснить каждый шаг, делая его максимально простым и понятным.
Вот один пример из нашей статьи в блоге о B2B-писательстве, иллюстрирующий рабочий процесс написания и оптимизации B2B-контента:
Эта относительно простая инфографика использует красочный дизайн пути, чтобы провести читателя через семиэтапный процесс. Этот путь в сочетании с подобранными по цвету текстовыми полями и значками визуально привлекает внимание и в то же время помогает организовать содержание. Не только это, но и то, что жирные заголовки делают инфографику легкой для быстрого чтения, а пулевые точки в каждом текстовом поле дают более подробные советы, если читатель захочет вчитаться внимательнее.
Если вы хотите создать свою собственную инфографику процесса, то первым шагом будет составление своего процесса. Убедитесь, что каждый шаг четко выражен. Затем подумайте о формате, который вам нужно будет использовать для иллюстрации. Будет ли это простой пронумерованный список шагов или разветвленные решения? Выбрав макет, который наилучшим образом поддерживает ваш процесс, вы можете приступить к творческому оформлению, например, иконкам, цветам и шрифтам.
Данные, графики и цифры.
Инфографика обычно используется для визуализации данных, иллюстрируя сложные данные и числовые значения, чтобы помочь читателям, даже тем, кто не особенно разбирается в математике или данных, лучше понять их. Вы можете использовать гистограммы, круговые диаграммы или даже пиктограммы — все, что лучше всего подходит для рассказа о ваших данных.
Например, вот одна инфографика из нашего центра маркетинговых стратегий, которая разбивает каналы веб-трафика для автосалонов с помощью круговых диаграмм:
Вы заметите, что в данном случае дизайн не сильно отличается от большинства других круговых диаграмм или диаграмм пончиков, которые вы можете использовать при составлении отчетов. В данном случае целью было дать читателям наглядное представление о доле каждого канала по сравнению с другими. Не всегда нужно изобретать колесо — иногда самый простой и прямой способ представления информации является наилучшим.
Но это не значит, что вы не можете творчески подходить к инфографике, основанной на данных. Вот еще один пример Найджела Холмса, в котором сочетаются текст, иллюстрации и пиктограммы, чтобы рассказать на основе данных историю об ультралегком рюкзаке:
Этот пример гораздо более плотный, чем предыдущий, с большим количеством текста и мелким шрифтом, что означает, что он может не подойти для всех экранов или платформ социальных сетей. Однако в целом это по-прежнему отличная инфографика. Изображение привлекает внимание, в нем используются значки, цветовое кодирование и элементы дизайна, которые связаны с текстом. Это делает ее интересной для просмотра, особенно для читателей, уже интересующихся походами или путешествиями с рюкзаком.
Какие бы графики и диаграммы вы ни решили использовать, главное — не забывать ссылаться на источники. Если вы рассказываете об исследовании, которое провели сами, или собираете данные из разных источников, обязательно укажите это в своей инфографике. Это не только делает данные более достоверными, но и гарантирует, что, даже если графикой будут делиться за пределами оригинальной статьи, для которой вы ее разработали, соответствующие кредиты будут доступны для всех, кто захочет проверить.
Сравнения.
Сравнительная инфографика — это именно то, на что она похожа: сравнение двух или более вещей в простом графическом формате. Они полезны для создания четких контрастов между двумя или более вещами, а также для демонстрации сходств и различий. Как таковые, эти инфографики должны быть организованы как можно более четко и очевидно, чтобы избежать путаницы.
Вот один пример от Venngage, в котором факты об акулах сопоставляются с распространенными заблуждениями.
Это эффективный инфографический дизайн не потому, что он имеет какое-то отношение к теме — это не так, — а потому, что за ним легко следить. График в центре помогает упорядочить текст по обеим сторонам, сохраняя их раздельными, но при этом выражая связь между ними. Она также направляет взгляд вниз, побуждая читателя продолжить чтение.
Конечно, необязательно использовать колонки. Еще один популярный способ организации сравнительной инфографики — использование диаграмм Венна, как в этой популярной инфографике Marvel Cinematic Universe от The Geek Twins:
В этом примере простые, но узнаваемые иконки используются для представления персонажей комиксов Marvel, а диаграмма Венна представляет каждую студию, обладающую правами на использование этих персонажей. Это простой, подробный и интересный график, который часто используется в статьях и блогах по всему Интернету.
В данном случае диаграмма Венна была лучшим выбором формата, поскольку многие персонажи являются общими для разных киностудий. Если вы создаете сравнительную инфографику и некоторые данные пересекаются, диаграмма Венна может быть лучшим вариантом для вас. В противном случае, если вам необходимо нарисовать контраст между двумя вещами, вам подойдут простые колонки.
Географические данные.
Если вы хотите разбить данные по местоположению, географическая инфографика — это привлекательный, но информативный способ сделать это, часто используя только минимум текста для донесения информации. Возьмем пример, представленный ниже компанией Ken Bromley Art Supplies, который иллюстрирует самого популярного художника в каждой стране в соответствии с данными поиска Google.
Эта красивая инфографика работает потому, что, несмотря на почти полное отсутствие текста, она чрезвычайно информативна даже с первого взгляда. Это потому, что в нем используются одни из самых знаковых и хорошо узнаваемых произведений каждого художника, поэтому с первого взгляда. С первого взгляда легко определить, например, что Фрида Кало — самый популярный художник в США, а Бэнкси — самый популярный в России.
Заключение.
Пределы того, как может выглядеть ваша инфографика, ограничиваются только вашим творческим потенциалом, дизайнерской смекалкой и историей, которую вы хотите рассказать. Начало работы может показаться сложным, но вы не лишены ресурсов. Если вы хотите узнать еще больше о создании инфографики, ознакомьтесь с этим руководством на нашем блоге.
А когда вы будете готовы приступить к разработке собственной инфографики, мы поможем вам. С помощью Semrush Marketplace вы можете сотрудничать с идеальным дизайнером для создания инфографики, которая расскажет вашу уникальную историю данных.