Интерактивное повествование и его применение в индустрии веб-дизайна
В настоящее время наличие элемента графики является необходимостью каждого веб-сайта. Без надлежащего использования визуальных эффектов вы просто не сможете донести свое сообщение до посетителя, а еще лучше заставить его покинуть ваш сайт.
Визуальные эффекты могут проникнуть в сознание зрителя и привлечь его ко всему, что вы пытаетесь представить, продать или инвестировать. Чтобы использовать визуальные эффекты в своих интересах и максимально быстро получить трафик, лучший способ привлечь и преобразовать посетителя — это интерактивное рассказывание историй.
Зачем рассказывать истории?
Я знаю, что сейчас должно быть у тебя в голове. Какое отношение Золушка или Рапунцель имеют к визуальному восприятию веб-сайта? Что ж, рассказывание историй не ограничивается только сказками и франшизами Диснея, рассказывание историй является довольно эффективным способом в маркетинговом комплексе любого веб-сайта, который стремится занять лидирующие позиции в конкурентной борьбе.
Как создать интерактивную историю
Чтобы связать дизайн с историей, требуется много планирования и проб, поэтому, когда вы показываете его на целевой странице своего веб-сайта, он не выставляет вас дураком. Ваши визуальные эффекты не обязательно должны быть шедевром нескольких дизайнеров и дорогостоящей компьютерной графикой. Вы можете рассказать свою историю с помощью одного хорошо сформулированного баннера с изображением. Однако проблема возникает, когда ваше повествование пересекается с целью вашего сайта. О чем ваш сайт? Что такое логотип вашего бренда и почему он продает то, что продает? Все, что вы объясняете с помощью наглядного изображения, должно быть уникальным, без малейшего плагиата. Он должен стать настолько привлекательным, чтобы после первого посещения вашего веб-сайта люди начали делиться им, говорить о нем и возвращаться к нему снова и снова.
Как это работает
Существует огромная разница между веб-сайтом с изображениями, графикой и анимацией и простой текстовой платформой, которую вы называете веб-сайтом. Невозможно судить людей, и прежде чем вы сможете нормально поговорить, они уйдут. Чтобы избежать этого, вводятся мультимедийные элементы. Когда покупатель видит простой текст, описывающий продукт, у него возникает чувство непреодолимого желания прочитать буквы и слова описания, тогда как изображение, видео или графическую анимацию так же легко увидеть, как и понять.
Продажа крупного продукта с короткой историей
Компания, которая продает автомобили, должна заполнить много информации, прежде чем она сможет осуществлять какие-либо продажи через свою онлайн-платформу. Покупка автомобилей в Интернете отнимает у клиента много нервов, потому что речь идет о больших суммах. Если веб-сайту не удается привлечь внимание клиента, то это не что иное, как мусор, плавающий в Интернете. Продажа автомобилей, грузовиков или тяжелой техники в Интернете под определенными маркетинговыми углами, чтобы раскрыть УТП (уникальные торговые точки) продукта. Я знаю автомобильный веб-сайт, который использовал идеальную технику рассказывания историй, чтобы показать свой стиль на экране покупателя.
Пример :
Lexusls.asia — дочерняя компания Toyota, занимающаяся продажей роскошных автомобилей. На веб-сайте дизайнеры блестяще использовали параллаксную прокрутку, чтобы представить автомобиль с достаточным количеством текста, чтобы заинтересовать посетителя. Затем внезапно катится шина справа и показывает некоторые другие интересные особенности автомобиля. По мере того, как вы прокручиваете дальше, сайт не отпускает вас и с помощью классной графики описывает назначение и преимущества автомобиля.
Визуальный язык
Визуальный язык имеет возможность задействовать самые основы дизайна, ориентированного на человека. Визуальный язык уходит корнями в далекое прошлое и даже до того, как был изобретен какой-либо алфавит, поскольку наскальные рисунки были основным средством общения. Наскальные рисунки служили источником повествования, руководством к выживанию и предотвращению потенциальных опасностей, которые были частью того периода. Более или менее наскальные рисунки являются самой ранней формой визуальных данных.
Мы знаем, что изображения и видео обладают огромной коммуникативной силой, но как использовать эту силу с помощью пикселей?
Пример :
Это когда ваше собственное воображение вступает в игру. Добавляйте изображения и видео с правильным текстом, чтобы ваш сайт говорил сам за себя.
Bellroy.com продает свои кожаные кошельки с гарантией большего пространства и более тонкого дизайна. Они показывают это с помощью элегантного слайдера с HD-изображениями одного кошелька по сравнению с другим. По мере перемещения ползунка история тоже меняется, и в пределах 10 изображений такое же количество карт помещается в их фирменный кошелек, в то время как другой кошелек деформируется больше, чем на самом деле. Здесь вывод поразителен и с избытком морали.
Создайте историю
Это очень похоже на написание пьесы, когда вы создаете визуальную историю. Все аспекты и элементы пьесы присутствуют на вашем веб-сайте и переплетаются с такой интимностью, что они полностью сливаются с историей, которую вы представили. Ваша история начинается с подготовленной вами установки, затем переходит к конфликту и завершается решением.
Например, на этом веб-сайте есть уникальный способ взять посетителя за руку и пригласить на танцевальный бал, полный эмоций и визуальных удовольствий.
Пользователи должны хорошо знать историю, поскольку она ведет их к месту назначения. И именно здесь посетитель становится лидом, а лид становится покупателем. Справедливо, что продукт или услуга, которые вы планируете представить в процессе рассказывания историй, должны иметь что-то, что нужно пользователю, уникальную функциональность или ценовую маржу, которую ищет клиент.
Пример :
Bagigia.com сначала знакомит посетителя с ритейлером, после чего следует простое, но глубокое 3D-изображение самого продукта с эмоциональным текстом, чтобы история не прерывалась. Достаточное белое пространство в дизайне помогает пользователю сосредоточиться, поскольку продукт выделяется в центре, приводя историю к действию и к развязке.
Использование анимационной истории в ваших интересах
Это так. Анимация веб-сайтов стала жертвой чрезмерного использования без каких-либо оговорок или стандартов, и это основная причина ее падения за последние 5 лет. По иронии судьбы, очень немногие дизайнеры знают, как использование умной и точечной анимации может превратить вашу историю в фильм «Темный рыцарь». Анимация создана для того, чтобы скрыть то, что не могут дополнить статические изображения, и в то же время добавить веселья самому дизайну.
Пример :
Говоря о DarkKnight, это приложение для iOS на benthebodyguard.com позволяет вам защитить и зашифровать информацию на вашем веб-сайте, которая включает анимацию прохождения (буквально), когда вы спускаетесь с «Беном» в середине, телохранителем, поклявшимся защищать вашу информацию с помощью грозная репутация. Этот веб-сайт продемонстрировал, как лучше всего можно использовать анимацию для создания идеальной истории о цели продукта.
Перевод идеи дизайна
Вас не удивляет, как дизайн, представляющий собой просто смесь изобразительного искусства и графики, может вызывать у вас сочувствие? Я знаю, что у меня есть. Мы, люди, реагируем на наши животные чувства так же, как и любой другой организм, верный своей природе. Когда мы видим сердцееда – делаем как запрограммировано. Используя эту характеристику человеческого поведения, ваша история не всегда должна быть шумихой о вашем манифесте и продуктах, потому что это, вероятно, то, что в наши дни имеет в виду каждый другой владелец веб-сайта. Когда вы добавляете чувства, духа и морали, ваша история превращается в сообщение.
Пример :
Этот веб-сайт everylastdrop.co.uk отправляет вас в путешествие по повседневному использованию воды в вашем доме и окрестностях. Чтение фактов о том, сколько воды тратится впустую каждый день, слишком распространено и часто не воспринимается всерьез. Этот невинный маленький парень, который использует воду без разбора в своем ежедневном графике, не только подчеркивает важность воды, но и противопоставляет ее тем, кто больше всего в ней нуждается в суровых уголках мира. Это настолько растет в сознании зрителя, что он, вероятно, дважды подумает, прежде чем в следующий раз выбросить еще одну каплю воды.
Использование темных элементов
Романы интересно читать, и с недавним технологическим подъемом теперь необходимо, чтобы их читали из книг. Даже по сей день подавляющее большинство онлайн-пользователей предпочитают судить о книге по обложке, а не читать пролог. Чтобы привлечь этих онлайн-пользователей и привлечь их к продукту, многие писатели часто нанимают разработчиков для создания веб-сайтов, посвященных их романам. Пошаговая репетиция романа с анимационными эпизодами не только придаст истории необходимый фейерверк, но и заманит онлайн-пользователя в ловушку ее прочтения.
Пример :
Используя тот же принцип и структуру, знаменитый рассказ Нам Ле «Лодка» был преобразован в интерактивный графический роман, создав мир шторма, разоряющего океан, вытесняющего лодку из ужасов войны во Вьетнаме. Лучшее, что каждый может сделать на празднике рассказывания историй, — это добавить звук в свой дизайн. Это превосходная степень анимированного рассказывания историй для получения UX. Смотрите здесь.
Привлекательный и наполненный иллюстрациями, это действительно доказательство того, насколько хорошо вы можете управлять продуктом, создавая дизайн, который движется, когда вы взаимодействуете с ним.
Объединение сквозной прокрутки
В индустрии электронной коммерции люди часто заинтересованы в получении преимуществ от продукта, который можно использовать в нескольких экземплярах по одной и той же причине. Во-первых, это чертовски облегчает их жизнь, а во-вторых, это часть технологической эры. Но с таким большим количеством информации, которую нужно узнать и признать о таком предприятии, как это, очень маловероятно, что клиенты будут рисковать чем-то, что имеет футуристические последствия и слишком легко служит их цели, делая это слишком хорошо, чтобы быть правдой. Я видел компании, которые пытались продавать такие продукты со слишком большим, чтобы согласиться, и результатом был трагический отказ.
Пример :
Однако этот продукт удается не только продавать, но и выполнять то, что он обещает своим клиентам. Этот продукт на onlycoin.com представляет собой единую карту, которая содержит все ваши кредитные карты. Процесс рассказывания историй помогает зрителю понять сложность ношения слишком большого количества карт в кошельке с рассуждениями, но с графическим отображением пошаговой оптимизации карт и компактного ношения становится трудно не согласиться с обещанными приложениями продукта.
Вывод
Рассказывание историй не ограничивается каким-либо продуктом или целью; он открыт для всех видов электронной коммерции, которые помогают посетителям получить идеальный UX без ущерба для функциональности дизайна. Научиться осваивать это для своих собственных продуктов и услуг через веб-сайты электронной коммерции необходимо в наш век электронного маркетинга. Без прочтения мышления потребителя вы просто не сможете продвигать свой продукт, а без спроса нет производства. Как говорит Тим О’Брайен: «Рассказывание историй — это основная человеческая деятельность, чем сложнее ситуация, тем она важнее», и, поверь мне, приятель, ситуация никогда не станет легче.