Пт, 5/04/19 – 9:26 | 2 комментария

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

Читать статью »
Дизайн

Секреты веб-дизайна, примеры стильных сайтов

Тренды / ТОП

Топ лучших идей, новые тенденции и тренды WEB’а

Маркетинг

Статьи о маркетинге сайтов, примеры эффективности

Свой сайт

Как создать, оформить, сделать сайт лучше

Шаблоны сайтов

Обзоры шаблонов: лучшие темы для сайта

Главная » Дизайн

Эмоциональный веб-дизайн на примерах. Эффективность элементов дизайна

19 января 2013 Один комментарий

примеры персонажей в веб-дизайне

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

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

Были рассмотрены домашние страницы трех различных сайтов (testflightapp.com signnow.com / axure.com). Назначение выполненных от руки рисунков на них – добавить индивидуальности этим сайтам. 46 участникам было задано по три вопроса относительно каждого сайта и получено 529 различных мнений и 306 комментариев к ним. Задавались следующие вопросы:

  • Какие элементы дизайна привлекают внимание больше всего? В комментарии укажите почему.
  • Что вы думаете о рисунке? В комментарии укажите почему.
  • Какие элементы дизайна вы бы удалили? В комментарии укажите почему.

Результаты в двух словах

В общем результат показал, что рисунки выполненные от руки оказали различный эффект на участников:

(1) Во всех трех версиях эти изображения показали свою высокую эффективность в привлечении внимания. Соответственно 52% опрошенных отметили это для Testflight, 62% для Sign now и 79% сказали, что рисунки на axure.com заслуживали их внимания.

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

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

(4) Позитивного в ответах указано меньше, чем негативного. Для людей труднее сказать что-либо положительное, чем критиковать. В целом было меньше сказано положительного про изображения этих сайтов. Однако участники опроса не выбрали вариант удаления этих элементов, когда их спросили: «Что бы они хотели убрать с главной страницы

Подробно и с комментариями пользователей

Testflight

рисунки сделанные от руки

Привлечение внимания

  • Первое, что я сразу заметил, это самолет
  • Я сначала увидел самолет, потом цветные иконки
  • Рисунок действительно привлек мое внимание: возможно потому, что я люблю рисунки сделанные от руки
  • Очень мило! Весело и красочно. Это вызывает у меня желание читать дальше
  • Рисунок привлек мое внимание и создал что-то вроде визуального образа в дополнение к имени сайта

Положительные эмоции

  • Мне нравится эмоциональный дизайн, очень современно
  • Удачный рисунок
  • Мне нравятся такие рисунки
  • Стиль рисунка очень привлекательный
  • В рисунках  сделанных от руки мне нравится факт того, что они очень просты, а не навязчивы и детальны

Отрицательные эмоции

  • Я не люблю рисунки от руки. Я считаю, что они усложняют сайт и делают его назойливым
  • Я не понимаю такие рисунки. О чем они могут рассказать мне?

Семантическая ценность

  • Рисунок приятный, понятный и шутливый. При этом заметна его деловитость
  • Я люблю рисунки от руки и считаю их очень понятными
  • Удачный и понятный рисунок
  • Рисунки от руки в действительности хорошо согласуются с текстом, и потому я считаю их очень полезными
  • Такие рисунки действительно помогают мне определить по ним назначение сайта

Sign now

сайты с рисунками от руки

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

Положительные эмоции

  • Цвет и стиль картинок поднимают мне настроение
  • Забавные изображения
  • Мне нравятся рисунки сделанные от руки и они побуждают меня к дальнейшему изучению материала
  • Они дают отличное и веселое начало для дальнейшего изучения сайта
  • Мне нравятся эти рисунки поскольку они выглядят приятно и я думаю они запомнятся мне
  • Незамысловатый стиль рисунков — очень мило

Отрицательные эмоции

  • Мне не нравятся эти изображения
  • Рисунки от руки — это старомодно
  • Мне кажется рисунки несерьёзные, чересчур ребяческие
  • Слишком простые, как будто детские рисунки, что не очень профессионально

Семантическая ценность

  • Наиболее существенные моменты (идея сайта) становятся понятнее через такие рисунки
  • Изображения проясняют для меня как все работает. Мне нравится это направление — эмоциональный веб-дизайн, поскольку я много чего делаю  через свой iPhone в движении
  • Рисунки возбуждают любопытство и побуждают читать далее
  • Изображения совершенно понятные и дают мне представление о товаре
  • Удачно выполнено, просто и понятно

забавные рисунки персонажи для сайта

Привлечение внимания

  • Изображение в центре с молнией, это первое что я заметил
  • Рисунки действительно привлекают внимание
  • Я сначала взглянул на рисунки сайта, может потому, они расположены в центре
  • Эти изображения приковали мой взгляд
  • Рисунки привлекают внимания потому, что они супер-оживленные, почти агрессивные

Положительные эмоции

  • Забавные рисунки
  • Забавные персонажи
  • Мне нравятся все персонажи (и персонажи для маленьких ролей) на этом сайте
  • Рисунки привлекают внимание, возможно даже слишком доминируют
  • Мне нравится комбинация 2D & 2D в рисунках. Это дает возможность по новому взглянуть на них

Отрицательные эмоции

  • Слишком много всего происходит
  • Персонаж UX man выглядит раздражённым и недоброжелательным. У него такой вид, как будто люди вокруг чем-то разочарованы
  • Рисунки слишком детские и нелепые
  • Мне не понравилось изображение, хотя оно и было первым, что я заметил
  • Лично я не люблю стиль рисованных изображений, это слишком примитивно
  • UX man выглядит как уборщик туалетов

Семантическая ценность

  • Не понимаю о чем эти изображения
  • Вам нужно очень внимательно рассмотреть все три изображения сайта, чтобы понять идею
  • На самом деле мне не нравятся эти рисунки, но они вполне ясны, понятны по замыслу
Читайте также:  Как правильно оформить главную страницу: 42 сайта в пример