Пн, 9/01/17 – 17:44 | One Comment

Окинув взглядом главную страницу, среднестатистический посетитель сайта доверится впечатлению от дизайна, интерфейса, стиля. Оформленное «на коленке» вызовет рефлекторную реакцию закрытия вкладки – такого …

Читать статью »
CSS верстка

Оформление веб-страницы: css3 html5 приемы верстки сайтов

Дизайн

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

Wordpress

Wordpress сайту: современные и креативные, шаблоны вордпресс

Интернет магазины

Электронная коммерция, новинки и тренды в E-Commerce дизайне

Свой сайт

О создании оформления сайта, как сделать свой сайт лучше

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

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

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 выглядит как уборщик туалетов

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

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