Дизайн инфографики: 7 примеров для успеха

Независимо от того, являетесь ли вы руководителем отдела маркетинга, создателем контента или просто заядлым потребителем медиа, вы, вероятно, уже заметили: инфографика сегодня повсюду. Читаете последнюю запись в блоге от вашего любимого лидера мнений? Инфографика здесь, чтобы дополнить контент. Ваши любимые образовательные youtube-видео? Тоже используют инфографику в качестве визуального пособия. А во всех ваших лентах twitter, instagram и даже facebook? Вы, вероятно, можете найти их и там.

Но в чем же дело с этими штуками? Конечно, бренды всех форм и размеров любят их использовать, а аудитория любит делиться своими любимыми. Но почему? Что делает их такими замечательными — и как, черт возьми, начать использовать их самостоятельно?

Почему мне стоит использовать инфографику?

С образовательной точки зрения, инфографика как тип контента имеет массу преимуществ. Поскольку в ней используются яркие цвета, смелые визуальные эффекты и короткие фрагменты текста, она привлекает визуалов, которые, возможно, не воспринимают длинные тексты. А поскольку ее можно так легко трансформировать и использовать на различных платформах — от социальных сетей и видео до очных презентаций, — она поможет вам наладить контакт с еще большим количеством людей.

Но какое отношение это имеет к контент-маркетингу? На самом деле, самое прямое. Проще говоря, каждый человек усваивает информацию по-разному. Из-за этого опытные преподаватели часто разрабатывают свои уроки так, чтобы они были интересны всем типам студентов. Таким образом, они могут быть уверены, что независимо от того, как их ученики лучше всего усваивают материал — через зрение, чтение или практику, — они запомнят всю самую важную информацию с урока. (На самом деле, это еще одно место, где вы, вероятно, можете найти инфографику — вспомните все те учебные плакаты, которые висели у вашего учителя в классе. Да! Это тоже инфографика.)

Почему это важно для вас: нет причин, по которым мы, как создатели контента, не можем делать то же самое, что и учителя, и взаимодействовать с нашей аудиторией более эффективно. Продуманная, разнообразная контент-стратегия общается с вашей аудиторией на ее уровне — где бы этот уровень ни находился. Инфографика может быть лишь одним из инструментов в вашем арсенале, но это мощный инструмент с огромной универсальностью для связи с самыми разными людьми.

Их цветовые палитры и дизайн могут соответствовать вашему брендингу — или вы можете проявить свои творческие способности

Они могут передать всю самую важную информацию из вашей статьи за гораздо меньшее время чтения

Это отличный способ перепрофилировать старый контент и использовать исследования, которые вы уже провели

Помимо самостоятельного использования, их можно применять для поддержки контента в различных других форматах, включая текст и видео.

Распространенные проблемы при создании инфографики

Добавление инфографики в вашу контент-стратегию поначалу может показаться пугающим, особенно если в вашей команде нет авторов или графических дизайнеров, которые создавали их раньше. К счастью, существует множество бесплатных шаблонов инфографики, которые легко модифицируются. Более того, ваша команда, вероятно, уже обладает многими из самых важных навыков для создания инфографики — даже если у вас еще нет графического дизайнера.

Если в вашей команде нет графического дизайнера, не волнуйтесь! У вас все еще есть много вариантов. Например, вы можете самостоятельно скачать и изменить существующие шаблоны инфографики (хотя вы рискуете использовать знакомый дизайн, который уже использовали ваши конкуренты), или вы можете нанять дизайнера для создания индивидуальной инфографики на основе предоставленных вами исследований. Alien Road Marketplace — отличное место, чтобы найти идеального дизайнера инфографики именно для этого.

Типы инфографики и когда их использовать

Одним из важнейших факторов эффективного использования инфографики является уверенность в том, что используемый вами дизайн служит контенту, а не наоборот. Несмотря на визуальную природу, инфографика всегда должна начинаться с контента — то есть с истории, которую вы хотите рассказать, и всех подтверждающих исследований, — а все элементы дизайна должны быть тщательно подобраны, чтобы гарантировать, что контент передается наилучшим образом.

Ниже мы рассмотрим каждый из основных типов инфографики, которые вы можете встретить, почему вы можете их использовать и что делает их эффективными. Однако имейте в виду, что это не исчерпывающий список. Например, однажды вам может понадобиться придумать собственный дизайн, чтобы рассказать конкретную историю, или объединить два или более типов инфографики в соответствии с вашими потребностями. Возможности безграничны.

Таймлайны

Таймлайны — один из самых распространенных типов инфографики, и не зря. Их можно использовать по-разному, в том числе:

Объяснение исторических событий (например, история вашей организации и то, как она появилась)

Вот хороший пример инфографики-таймлайна из SEO Reality Show от Alien Road, которая иллюстрирует процесс, рассказывая историю того, как одна транспортная компания использовала его для улучшения своих показателей органического SEO.

Это хорошая инфографика, потому что она проста, ее легко отслеживать и понимать, но при этом она содержит массу информации. Вот несколько причин, почему она работает:

Как текст, так и графические элементы (особенно стрелки) направляют читателя по инфографике, облегчая ее восприятие.

Яркие цвета и иконки привлекают внимание, но достаточно просты, чтобы не отвлекать от истории.

Существует очевидная связь между каждым этапом процесса и каждым сегментом таймлайна.

Сопутствующий текст информативен, но краток, содержит только необходимую информацию, поэтому его легко читать и быстро усваивать.

Если вы хотите создать свою собственную инфографику-таймлайн, начните с упорядочивания событий. Сначала решите, какой промежуток времени вы хотите охватить, а затем — какие события наиболее важны для того, чтобы рассказать вашу историю. Убедитесь, что вы включаете только уместную информацию, потому что чем больше контента вы втиснете, тем сложнее читателю будет следить за ним. Как только ваш таймлайн будет готов, выбирайте дизайн. Он должен направлять читателя по контенту и поддерживать вашу историю, не отвлекая внимания.

Визуальные статьи

Как следует из названия, визуальная статья перепрофилирует контент из статьи или записи в блоге в графический формат. Поэтому такая инфографика часто более плотная и требует больше времени для чтения, чем другие распространенные дизайны.

Визуальные статьи эффективны по нескольким причинам. Во-первых, это отличный способ перепрофилировать уже имеющийся контент, превратив его в новый носитель. Поскольку вся самая важная информация из вашей статьи включена, вы можете поделиться своей инфографикой в социальных сетях или даже распечатать ее для демонстрации, не беспокоясь о том, что ваша аудитория упустит важный контекст. Это также отличный способ сэкономить усилия. Вы все равно проводите все эти исследования для своей статьи. Почему бы не получить от них дополнительную пользу, создав еще и инфографику?

Вот пример визуальной статьи из этого блога Alien Road о заказе отличного копирайтинга, в которой используется простой дизайн для организации коллекции советов по копирайтингу по категориям:

В данном случае дизайн инфографики отражает структуру рассматриваемой статьи, группируя каждый список советов по темам. Она также использует красочные заголовки и жирный шрифт, чтобы предоставить важную контекстную информацию и сделать контент легко сканируемым, чтобы читатели могли воспринять его с первого взгляда, даже если они решат не читать его слишком внимательно.

Благодаря простой и четкой организации, она особенно полезна в качестве справочного материала для читателей оригинальной статьи, чтобы они могли взять ее с собой и использовать снова и снова.

Конечно, это не единственный способ использования визуальных статей. Вот еще один пример из блога Alien Road, в котором используется более визуальный подход:

В данном случае инфографика также служит визуальным пособием для поддержки оригинальной статьи, которая является руководством по созданию эффективного, SEO-дружественного контента. Инфографика использует диаграмму, иллюстрирующую фрагмент веб-контента, чтобы показать читателю, как именно советы статьи выглядят на практике. Как и в первом примере, она по-прежнему содержит всю самую важную информацию из статьи, поэтому ее также можно использовать в качестве справочного материала позже или поделиться ею в социальных сетях.

Списки

Вы также можете использовать инфографику, чтобы превратить списки в привлекательный визуальный контент. Это особенно полезный вариант для более коротких, более компактных списков, потому что ими легко делиться, и их легко быстро потреблять. Вы можете использовать их для иллюстрации части более крупного контента, например, записи в блоге, в качестве справочного материала в презентации или создавать списки-инфографики, чтобы делиться ими в социальных сетях сами по себе. Они очень универсальны и позволяют проявить много творчества как в контенте, так и в дизайне.

В этом примере от Venngage дизайн использует яркие, смелые цвета и иконографию, чтобы привлечь взгляд и улучшить в остальном простой список из пяти пунктов. Вот несколько вещей, которые она делает очень хорошо:

Иконки простые, но красочные, выполнены в очень едином стиле и имеют четкую связь с контентом

Самый важный контент — советы — выделен более крупным и жирным шрифтом, что облегчает быстрое чтение инфографики, а дополнительные детали приведены более мелким шрифтом

Использование цифр и стрелок помогает направлять читателя по инфографике, чтобы он всегда знал, что будет дальше

Поскольку предлагаемые советы вдохновляют и являются довольно универсальными, ими также очень легко делиться в социальных сетях.

Поскольку списки-инфографики относительно просты, вы можете по-настоящему проявить свою креативность при создании собственной. Просто убедитесь, что ваш выбор дизайна поддерживает вашу тему, согласуется друг с другом (как, например, иконки выше, которые все выполнены в одном стиле), и что ее легко читать, понимать и распространять.

Процессы и блок-схемы

Инфографика процессов или блок-схем иллюстрирует ряд шагов или решений, которым может следовать читатель. Как и любая блок-схема, конкретный макет, который вы выбираете, зависит от процесса, который вы иллюстрируете. Более сложное, разветвленное дерево решений, например, потребует более сложного формата, чем более простой пошаговый процесс. Как бы ни выглядел ваш процесс, ваш выбор дизайна должен помочь читателю следовать за ним.

Использование инфографики для иллюстрации пошагового процесса полезно, потому что элементы дизайна могут помочь прояснить каждый шаг, делая его максимально простым и понятным.

Вот один пример из нашего блога о B2B-копирайтинге, иллюстрирующий рабочий процесс написания и оптимизации B2B-контента:

Эта относительно простая инфографика использует красочный дизайн пути, чтобы провести читателя через семиэтапный процесс. Этот путь в сочетании с цветовыми текстовыми блоками и иконками визуально привлекателен, при этом помогая организовать контент. Более того, жирные заголовки делают инфографику легкой для быстрого чтения, а маркированные списки внутри каждого текстового блока предоставляют более подробные советы, если читатель решит прочитать их более внимательно.

Если вы хотите создать свою собственную инфографику процесса, первый шаг — записать ваш процесс. Убедитесь, что каждый шаг выражен четко. Затем подумайте о формате, который вам нужно использовать для его иллюстрации. Это простой нумерованный список шагов или есть разветвленные решения? Как только вы выберете макет, который лучше всего поддерживает ваш процесс, вы можете приступить к творческому дизайну, такому как иконки, цвета и шрифты.

Данные, графики и цифры

Инфографика обычно используется для визуализации данных, иллюстрируя сложные данные и числовые значения, чтобы помочь читателям, даже тем, кто не является математически или аналитически мыслящим человеком, лучше их понять. Вы можете использовать столбчатые диаграммы, круговые диаграммы или даже пиктограммы — все, что лучше всего подходит для рассказа вашей истории данных.

Например, вот одна инфографика из нашего Marketing Strategy Hub, которая разбивает каналы веб-трафика для автосалонов с помощью круговых диаграмм:

Вы заметите, что в данном случае дизайн не сильно отличается от большинства других круговых или кольцевых диаграмм, которые вы можете использовать при составлении отчетов. В данном случае цель состояла в том, чтобы дать читателям визуальное представление о доле каждого канала по сравнению с другими. Не всегда нужно изобретать велосипед — иногда самый простой и прямой способ представления информации является лучшим.

Но это не значит, что вы не можете проявить креативность в своей инфографике, основанной на данных. Вот еще один пример от Найджела Холмса, который сочетает текст, иллюстрации и пиктограммы, чтобы рассказать историю о сверхлегком пешем туризме, основанную на данных:

Этот пример гораздо более плотный, чем предыдущий, с большим количеством текста и мелким шрифтом, что означает, что он может не подойти для всех экранов или социальных сетей. Однако в целом это все еще отличная инфографика. Изображение привлекает внимание и использует иконки, цветовую кодировку и элементы дизайна, которые все связаны с текстом. Это делает ее интересной для просмотра, особенно для читателей, уже интересующихся походами или пешим туризмом.

Какие бы диаграммы и графики вы ни решили использовать, самое важное, что нужно помнить, — это указывать свои источники. Независимо от того, объясняете ли вы исследование, которое провели сами, или собираете данные из различных источников, обязательно включите это в свою инфографику. Это не только делает данные более заслуживающими доверия, но и гарантирует, что даже если графикой поделятся за пределами оригинальной статьи, для которой вы ее создали, соответствующие ссылки будут доступны для всех, кто захочет проверить.

Сравнения

Инфографика сравнения — это именно то, что следует из названия: сравнение двух или более вещей в простом графическом формате. Они полезны для выявления четких контрастов между двумя или более вещами, а также для демонстрации сходств и различий. Поэтому такая инфографика должна быть организована как можно более четко и очевидно, чтобы избежать путаницы.

Это эффективный дизайн инфографики не потому, что он имеет какое-то отношение к предмету обсуждения — это не так, — а потому, что его легко отслеживать. Графика посередине помогает организовать текст по обе стороны, сохраняя их разделенными, но при этом выражая связь между ними. Она также направляет взгляд вниз, побуждая читателя продолжать чтение.

Конечно, вам не обязательно использовать колонки. Еще один популярный способ организации инфографики сравнения — использование диаграмм Венна, как в этой популярной инфографике по кинематографической вселенной Marvel от The Geek Twins:

В этом примере простые, но узнаваемые иконки используются для представления персонажей комиксов Marvel, а диаграмма Венна представляет каждую студию, обладающую правами на использование этих персонажей. Она простая, подробная и интересная для просмотра — и часто распространяется в статьях и блогах по всему интернету.

В данном случае диаграмма Венна была лучшим выбором формата, потому что многие персонажи являются общими для киностудий. Если вы создаете инфографику сравнения и некоторые данные пересекаются, диаграмма Венна может быть лучшим вариантом для вас. В противном случае, если вы строго проводите контраст между двумя вещами, простые колонки могут быть тем, что нужно.

Географические данные

Если вы хотите разбить данные по местоположению, географическая инфографика — это привлекательный, но информативный способ сделать это, часто используя минимум текста для донесения сообщения. Взгляните на этот пример ниже от Ken Bromley Art Supplies, который иллюстрирует самого популярного художника в каждой стране согласно данным поиска Google.

Эта красивая инфографика работает, потому что, несмотря на почти полное отсутствие текста, она остается чрезвычайно информативной даже с первого взгляда. Это потому, что она использует одну из самых знаковых и хорошо узнаваемых работ каждого художника. С первого взгляда легко сказать, например, что Фрида Кало — самый популярный художник в Соединенных Штатах, а Бэнкси — самый популярный в России.

Заключение

Пределы того, как может выглядеть ваша инфографика, ограничены только вашим творчеством, дизайнерской смекалкой и историей, которую вы хотите рассказать. Начало может показаться трудным, но вы не останетесь без ресурсов. Если вы хотите узнать еще больше о создании инфографики, ознакомьтесь с этим руководством в нашем блоге.

И когда вы будете готовы начать разработку собственной индивидуальной инфографики, мы можем помочь. С Alien Road Marketplace вы можете сотрудничать с идеальным дизайнером для создания индивидуальной инфографики, чтобы рассказать вашу уникальную историю данных.

Как провести PPC-аудит за 10 шагов

Как провести PPC-аудит за 10 шагов. Плохо работающая рекламная кампания — это как выбрасывать деньги на ветер..