7 способов, как рассказать хорошую историю с помощью дизайна

Кирa Свeтлoвa, спeциaлист пo юзaбилити 1PS.RU спeциaльнo для блoгa Нeтoлoгии aдaптирoвaлa стaтью Кэрри Cousins o тoм, кaк рaсскaзaть истoрию с пoмoщью дизaйнa.

Вeб-сaйт — этo бoльшe, чeм прoстo мeстo для xрaнeния инфoрмaции o вaшeм прилoжeнии, пoртфeль или прoдуктoв. Oн дoлжeн рaсскaзaть, кaк привлeкaть и вoсxищaть пoльзoвaтeлeй. Этo oдин из ключeвыx мoмeнтoв, кoтoрый пoмoжeт зaдeржaть клиeнтoв нa сaйтe.

Xoтя xoрoшaя истoрия мoжeт начать с идеи на бумаге, но к жизни это не только из-за дизайна.

Привлекайте фотографии

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

Но понятие «посмотреть, не рассказывать» не заканчиваются.

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

Создавайте персонажей

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

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

Отличный пример развития персонажа в сервис рассылки MailChimp. Фредди, талисман и логотип компании, появится в течение всего дизайна блога и в рекламных акциях. Этот персонаж для компании несколько вещей:

  • Во-первых, персонаж помогает объяснить название компании. В обширной рекламной кампании, в виде шутки была использована какая-то путаница с «MailChimp». Шимпанзе рядом со словами делает понятней название.
  • Во-вторых, эта цифра показывает веселый характер, который показывает компания. Тон и визуальные эффекты, легкие и простые.
  • Фредди предоставляет истории компании, когда им не на что поставить в рекламных кампаниях. Как появился шимпанзе? Откуда это имя? И так далее. Персонаж помогает сохранить новизну истории, и двигаться вперед.

Приглашение к участию

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

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

Хороший рассказ не должен быть сложным.

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

Создайте игру

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

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

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

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

Сделайте микровзаимодействия выразительней

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

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

От нажатия на кнопку «сердце» в Instagram (наблюдение за тем, как он становится красным), прежде чем нажать на ретвит — эта обратная связь заставляет пользователей возвращаться.

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

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

Добавьте историю

Каждая история имеет введение, основную часть и заключение.

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

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

Сохранить легко, сюжетная линия

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

История должна захватить пользователей одновременно, оставить впечатление и вызвать желание вернуться.

Да, вы можете это сделать с вступления, основной части и заключению.

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

Эта история проста и эффективна. Пользователи, скорее всего, вещи будут его… и вас.

Вывод

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

Мнение автора и редакции могут не совпадать. Чтобы написать колонку для «Нетологии»? Читайте наши условия публикации.

Комментирование и размещение ссылок запрещено.

Комментарии закрыты.