Блог

Эмоциональный веб-дизайн

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

Эмоциональный веб-дизайн — примеры

Эмоциональный веб-дизайн — примеры

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

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

Примеры

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

Безэмоциональный дизайн

Банковские сайты — самый яркий пример безэмоционального веб-дизайна. Только взгляните на примеры таких сайтов. Дизайны Capital One, Bank of America, Chase — это никуда не годящиеся старые варианты, они попросту безликие. Такие сайты не способны вызывать эмоции у своих посетителей, тем более положительные.

 

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

Приятные пользовательские впечатления

Стоит посмотреть еще на несколько сайтов финансовой отрасли, причем два из них банковские — Moven, AmericanWest Bank, Simple. В данных примерах ярко видно эмоциональный дизайн, который приносит немалую пользу компаниям. Разберемся с ними более детальнее чтобы понять всю суть.

Прозрачные впечатления

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

 

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

 

 

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

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

Приятный скроллинг

Сайт AmericanWest Bank имеет современный привлекательный дизайн. У него действительно прекрасный внешний вид. Первое с чем сталкивается посетитель — это немаленькое фото. Довольно модная тенденция, которая делает банковские сайты совсем другими. Обычно банки для своих сайтов используют попросту устаревшие дизайны, в лучшем случае он будет не таким старым, но абсолютно безликим. AmericanWest Bank было выбрано другое направление, которое через сайт позволяет приносить пользователям удовольствие. Заходя сюда посетитель чувствует заботу о себе, ему не мешают, не засыпают ненужными предложениями. Это сразу же привлекает.

 

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

Финансовая история

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

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

 

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

Соц. сети