Ответ
Искусство периферийных убеждений в вебдизайне Опции темы
Старый 30.06.2014, 18:30
  #1
Green
 
Регистрация: 08.02.2014
Сообщений: 28

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

Но люди визуальные натуры, и длинные блоки текста им не нравятся.

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

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

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

Информационный

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

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

Доставка информации

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





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

Теперь все, что зрители должны сделать, это проверить различия между iPhone 5S и 5С. Вот и все. Визуализация обеспечивают мгновенное представление, чем эти три модели похожи и в чем их основные различия, так что посетители могут легко принять решение.





Обеспечение контекста

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

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

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

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





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

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





Рассказ истории

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

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

Один из разделов описывает положительное влияние совместного использования автомобиля на количество выбросов углекислого газа. И показывает статистику:

"В 2009 году при совместном использовании автомобилей, глобальные выбросы углекислого газа уменьшились на 482 170 тонн. (Это половина веса моста Золотые Ворота!) "
Сама по себе эта статистика является действительно интересным и познавательным фактом. Но с образами моста через океан и "выбросами" (в сочетании с вождением по всему сайту), вместо описания статистики, вы словно рассказываете историю.





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

Аналогичная интерактивная инфографика был создана, чтобы отметить работу и достижения Кэрролла Шелби, создателя Ford Mustang, после его смерти.

Эмоциональность

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

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

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

Активизация различных действий

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

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

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





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

Предложение опыта

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

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





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

Показать вашу заботу

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

Возьмите страницу ошибки 404, например. Если посетитель приходит через Вашу страницу 404, то это означает, что каких-то страниц, которые они искали, нет на сайте.

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

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





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

Убедительность

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

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

Демонстрация надежности

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

Как вы строите этот опыт и авторитет, чтобы получить это доверие?

Исследование: влияние уверенности на принятие решений

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

Перед предположением, каждого из добровольцев попросили выбрать одного из четырех консультантов (также добровольцев) чтобы получить совет. Консультанты представили свои весовые догадки в процентном виде, с некоторыми распространениями диапазонов. Например, один советник мог бы сказать, что существует 60% вероятность, что вес человека 160-169 фунтов, 20% что это 150-159 фунтов и 20% что это 170-179 фунтов. Более уверенный советник, однако, мог бы сказать, что вес 100% в пределах 170-179 фунтов.

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

Дон обнаружил, что добровольцы были более склонны брать советы у уверенных советников, чем у тех, кто дробит свои проценты, даже если уверенные советники были неправы.

Если перевести этот вывод на Интернет, выйдет что люди, скорее всего, вам будут доверять и конвертировать, если вы выглядите уверенным.

Использование визуализации для отображения доверия

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





Например, давайте посмотрим на изображения со страницы президента Обамы. Цитата: «Женщина заслуживает равной оплаты за равный труд", является мощной сама по себе. Образ Обамы также мощный сам по себе. Но поставьте их вместе, и они оживляют друг друга. Картинка заставляет цитату стать более убедительной, поскольку она исходит от лица фактической власти. Цитата же превращает картину в мощную политическую структуру.

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

Создание дружественной атмосферы

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

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




Нравится 0   Не нравится 0
Пожаловаться на это сообщение 0  
Ответить с цитированием

Ответ
 
 

Метки
визуализация, дизайн, убеждение


Здесь присутствуют: 1 (пользователей: 0, гостей: 1)
 
Опции темы

Быстрый переход


Текущее время: 20:40. Часовой пояс GMT +3.