Эмоциональный веб-дизайн на примерах. Эффективность элементов дизайна
Эмоциональный дизайн приобретает все большую популярность в веб-индустрии. Многие компании пытаясь придать сайту характерные черты индивидуальности, добавляют иллюстрированный контент, возможность контактировать с посетителем или создают собственный эмоциональный бренд персонаж.
Из любопытства мы провели краткий опрос, основанный на визуальном восприятии дизайна сайтов пользователями, с целью выяснить какой эффект оказывают на наших посетителей те или иные элементы эмоционального веб-дизайна.
Были рассмотрены домашние страницы трех различных сайтов (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 выглядит как уборщик туалетов
Семантическая ценность
- Не понимаю о чем эти изображения
- Вам нужно очень внимательно рассмотреть все три изображения сайта, чтобы понять идею
- На самом деле мне не нравятся эти рисунки, но они вполне ясны, понятны по замыслу
Следуя тенденциям упрощения сложных элементов, современные веб-сайты больше ориентированы на эмоциональное выражение, чем на формальность. В последнее время разработчики были настолько увлечены внутренней адаптации в Интернете, что они совсем забыли про внешний вид веб-сайтов, что делает их сайты практически безликими.