Захватывающие истории при помощи инфографики

Веб дизайн 0 комментариев

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

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

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

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

Возьмём для примера понятную и очевидную тему и на примере этого простого шаблона рассмотрим возможности его применения.

Три идеи, как использовать инфографику макета «Дорожная карта»

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

  1. Путь к успеху.

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

Этот путь «из грязи в князи» интересует многих ещё и потому, что они втайне хотят или повторить такой же успех, или почувствовать свою «причастность» к достижениям бренда или героя.

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

  • Как это работает?

    Этот метод идеально подходит для объяснения принципов любого рода – от приготовления какого-либо блюда, до объяснения принципов работы с гаджетами и организации социальных проектов.

  • Визуальные пошаговые инструкции.

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

    Подготовка сюжета «Дорожной карты»

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

    Как это можно сделать:

  • Продумайте сюжетную линию.

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

  • Уделите особое внимание началу и концу истории.
    Начало должно вызвать интерес, а в заключении этот интерес должен быть удовлетворён.

  • Не перегружайте фактами.

    Если приводить слишком много деталей, это утомит пользователя вашей «Дорожной карты» и он потеряет к ней интерес. Сообщайте только действительно важное.

  • Подберите подходящий способ визуализации.

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

    Пути достижения или как же это всё изобразить

    Как сделать правильно

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

    Captura-de-pantalla-2015-09-20-a-las-15.23.18-1024x880

    Укажите направление

    Читатель должен ясно видеть, откуда вы предлагаете ему начать своё путешествие, и постепенно привести его к логическому окончанию истории. Для того чтобы этого достичь, применяйте стрелки, рамки, линии и поясняющие надписи, о которых говорилось выше.

    Captura-de-pantalla-2015-09-16-a-las-19.39.06-1024x561

     

    Подчеркните каждый шаг

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

    Captura-de-pantalla-2015-09-16-a-las-19.37.37-1024x315

     

    Чего следует избегать
    Избегайте больших блоков с данными.

    Если необходимо донести до пользователя большие объёмы данных, скорее всего макет «Дорожная карта» не совсем то, что вам нужно. Он предназначен для того, чтобы визуализировать простые и очевидные шаги или процессы.

    И не следует злоупотреблять фотографиями. Гораздо эффективнее применять простые иконки и пиктограммы, не отвлекающие от сути сюжета.

    Два различных способа применения одного и того же шаблона

    Для примера возьмём приведённый выше шаблон «Как сэкономить деньги» и рассмотрим два варианта подачи в двух различных случаях.

    Минималистский подход

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

    Untitled-Infographic-41

     

    Детальный подход

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

    Untitled-Infographic-5

    Мы всегда готовы помочь вам рассказать клиентам или посетителям увлекательную историю. Просто обращайтесь к нам через форму на главной странице.

     

     

Поделиться:

Читайте также:

Веб дизайн 15.06.2015

Какие преимущества когда дизайнер и

Часто, особенно среди фрилансеров, разработчики и дизайнеры работают над созданием сайта  отдельно друг от друга. Дизайнер создает макет сайта, разработчик

Ольга Милюшенко 0 комментариев


Веб дизайн 13.12.2015

Что такое прототип сайта и

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

Александр Орехов 1 комментарий


Веб дизайн 11.01.2017

Некоторые советы по продающим сайтам

Достаточно типичную ошибку допускают многие предприниматели, решившие начать свой бизнес во всемирной сети. Они сначала создают себе предлагающий услуги сайт

Александр Орехов 0 комментариев


Подпишись на рассылку

без спама, только самое интересное

Оставьте первый комментарий

Оставить комментарий