Яндекс.Метрика

Дизайн-журнал №1. Актуальная информация для дизайнеров, веб дизайнеров, программистов и разработчиков сайтов.

5 дизайнерских техник по работе с эмоциями

10 мая 2014 | Опубликовано в статьюшечки | 12 Комментариев »

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

 

Персонифицируйте сайт при помощи комических иллюстраций

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

 

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

Продемонстрируйте утонченность и минимализм

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

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

Повысьте интерес при помощи параллакса

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

Посмотрите для примера Nizo. Этот одностраничный сайт отлично демонстрирует как при помощи параллакса можно получить полное внимание и оживленный интерес пользователя. Параллакс популярен не только из-за эффектов анимации. С его помощью также можно создать ощущение глубины и объема в дизайне.

Предложите объект взаимодействия

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

К примеру, меню сайта Rog.ie дает пользователю возможность «поиграться». При наведении курсора на элемент, он увеличивается и всплывает, что привлекает внимание и развлекает.

Пробудите эмоции при помощи портретных снимков

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

Ничто не поможет нам передать эти ощущения так, как большое портретное фото, как на сайте Andrea Mann. Дизайнер блестяще использовал классическое портретное фото в черно-белом варианте.

Заключение

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

Автор статьи Sylvia MLewis

Перевод — Дежурка

Смотрите также:




Комментарии

  1. avalspro
    Thumb up Thumb down 0

    Как на сайте Andrea Mann блог находится не на главной странице? Как это настраивается в WordPress?

    Ответить

    Andrew Ответ:

    Thumb up Thumb down 0

    Создаешь папку «blog» в корневой папке сайта, в нее заливаешь скаченный WordPress, и когда ты заходишь на site/blog/ он устанавливается и работает как отдельная стр. (если я не ошибаюсь конечно)

    Ответить

  2. Merziuz
    Thumb up Thumb down 0

    V5Ivqt pills2sale.com viagra online

    Ответить

  3. Darius
    Thumb up Thumb down 0

    Do you like it here? quality meds delivery Less than 10 per cent of the cash is being given to just 12 NHS trusts in the North of England, with half being handed to 22 NHS trusts in London and the South and the remainder to 19 in the Midlands and East Anglia. A further £15m is going towards improving the much-criticised NHS 111 helpline.

    Ответить

  4. Ariel
    Thumb up Thumb down 0

    Have you read any good books lately? approved pharmacy Washington has led calls for Bashir to face internationaljustice over bloodshed in the now decade-old conflict in Sudan'sDarfur region, and a senior State Department official said lastweek that Bashir would «not receive a warm welcome» if hetraveled to New York.

    Ответить

  5. Eusebio
    Thumb up Thumb down 0

    I'm training to be an engineer is seroquel used for bipolar disorder No Chinese vessels were reported in the vicinity on Sunday, although Chinese and Japanese planes and patrol vessels have been playing cat-and-mouse near the islands, raising concerns that an unintended incident could escalate into a military clash.

    Ответить

  6. Infest
    Thumb up Thumb down 0

    On another call micardis 40 mg tablets side effects "I came to support Sharia law and legitimacy — to support democracy. We want Egypt to be democratic like other countries. We want a free democracy. We want to vote freely. We don’t want the army to rule us for 60 years...We want the return of the president. We will not go home till he’s back in office...Why is it when democracy comes with Islamists, they cancel it? "

    Ответить

  7. Cody
    Thumb up Thumb down 0

    It's OK can you take keflex for tooth abscess "You act like you're the minority, " retired General Motorsworker Paul Neal told U.S. Representative Luke Messer at a townhall meeting in Greenfield, a farm town east of Indianapolis. "We control the House. You ought to act like it. "

    Ответить

  8. Ellsworth
    Thumb up Thumb down 0

    I enjoy travelling omeprazole dr 20 mg capsule coupon WASHINGTON, July 23 (Reuters) — U.S. lawmakers clashed overSyria, Afghanistan and government spying on Tuesday as the Houseof Representatives began debating a $598 billion defensespending bill for 2014, including a Pentagon base budget of $512billion and $86 billion for the Afghan war.

    Ответить

  9. Madison
    Thumb up Thumb down 0

    Could you tell me the number for ? mmc maxman capsules side effects The Saturday before, he bought a Remington 870 shotgun and ammunition for it at a gun shop in Virginia. He also purchased a hacksaw at a home improvement store, which he could have used to saw off part of the shotgun's barrel.

    Ответить

  10. Keith
    Thumb up Thumb down 0

    We need someone with experience disneyland anaheim max capacity Jonathan Pershing, deputy assistant energy secretary forclimate change, acknowledged that major infrastructure upgradeswould have to be funded by the private sector, but said thedepartment could offer guidance and information to help statesand companies make the most effective investments.

    Ответить

Оставить ответ


7 − шесть =

Вставить изображение