html текст
All interests
  • All interests
  • Design
  • Food
  • Gadgets
  • Humor
  • News
  • Photo
  • Travel
  • Video
Click to see the next recommended page
Like it
Don't like
Add to Favorites

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

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

 

Для того чтобы понять основные идеи Нормана посмотрите  это видео .

В своей книге Норман описывает, почему «привлекательные вещи более эффективны». Если веб-сайт вызывает положительные эмоции, он будет быстро завоевать доверие пользователей. Есть три уровня эмоционального дизайна. Давайте поговорим о них.

Интуитивное восприятие (внешний вид)

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

Это портфолио фрилансера вызывает  только положительные эмоции.

А пингвин чувствует себя немного одиноко.

Удобство для пользователей (юзабилити)

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

Прекрасный пример сайта с хорошим юзабилити.

Созерцание (память)

Когда вы смотрите на объект,  вы всегда связываете его со знакомыми вещами, которые видели раньше. Созерцание, как процесс мышления о действиях, которые были уже сделаны. Например, на сайте Fantasy-cartography вы найдете сходство с картой мира и путешествиями.

Здесь карта расположена на лице девушки. Это довольно творческая идея. Желтый цвет имеют положительное воздействие на посетителей.

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

  • привлекательность (воздействие на восприятие пользователей);
  • эффективность (убедитесь, что посетители смогут найти информацию, которую они ищут);
  • эстетическое удовольствие;
  • хорошие впечатления и запоминаемость.

Еще один пример: сайт Bagigia имеет простой, но запоминающийся дизайн.

Осуществление идеи

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

Юмор

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

Смешное портфолио Джона Марца.

Сопоставление

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

Этот парень мечтательный и вдумчивый, но он по-прежнему вызывает положительные эмоции.

Девушка улыбается, и вы хотите улыбнуться в ответ.

Желание

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

Вот хороший пример сайта вкусной еды, который пробуждает аппетит.

Свадебный сайт является также отличным примером. Любовь это эмоция, а также счастье.

Мелкие детали

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

Страница 404 — хороший пример связи с пользователем: «Нет кофе, нет работы!»

Вы потерялись?

Еще одним примером является целевая страница MailChimp. Здесь написано: «Это твоя минута славы».

Заключение

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

Есть много подобных примеров в сети. У вас есть другие интересные примеры эмоционального дизайна? Не стесняйтесь поделиться своими мыслями в комментариях ниже.

Автор — crazypixels

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

Возможно, вас также заинтересуют статьи:

Читать дальше
Twitter
Одноклассники
Мой Мир

материал с dejurka.ru

3

      Add

      You can create thematic collections and keep, for instance, all recipes in one place so you will never lose them.

      No images found
      Previous Next 0 / 0
      500
      • Advertisement
      • Animals
      • Architecture
      • Art
      • Auto
      • Aviation
      • Books
      • Cartoons
      • Celebrities
      • Children
      • Culture
      • Design
      • Economics
      • Education
      • Entertainment
      • Fashion
      • Fitness
      • Food
      • Gadgets
      • Games
      • Health
      • History
      • Hobby
      • Humor
      • Interior
      • Moto
      • Movies
      • Music
      • Nature
      • News
      • Photo
      • Pictures
      • Politics
      • Psychology
      • Science
      • Society
      • Sport
      • Technology
      • Travel
      • Video
      • Weapons
      • Web
      • Work
        Submit
        Valid formats are JPG, PNG, GIF.
        Not more than 5 Мb, please.
        30
        surfingbird.ru/site/
        RSS format guidelines
        500
        • Advertisement
        • Animals
        • Architecture
        • Art
        • Auto
        • Aviation
        • Books
        • Cartoons
        • Celebrities
        • Children
        • Culture
        • Design
        • Economics
        • Education
        • Entertainment
        • Fashion
        • Fitness
        • Food
        • Gadgets
        • Games
        • Health
        • History
        • Hobby
        • Humor
        • Interior
        • Moto
        • Movies
        • Music
        • Nature
        • News
        • Photo
        • Pictures
        • Politics
        • Psychology
        • Science
        • Society
        • Sport
        • Technology
        • Travel
        • Video
        • Weapons
        • Web
        • Work

          Submit

          Thank you! Wait for moderation.

          Тебе это не нравится?

          You can block the domain, tag, user or channel, and we'll stop recommend it to you. You can always unblock them in your settings.

          • dejurka-magazine
          • домен dejurka.ru

          Get a link

          Спасибо, твоя жалоба принята.

          Log on to Surfingbird

          Recover
          Sign up

          or

          Welcome to Surfingbird.com!

          You'll find thousands of interesting pages, photos, and videos inside.
          Join!

          • Personal
            recommendations

          • Stash
            interesting and useful stuff

          • Anywhere,
            anytime

          Do we already know you? Login or restore the password.

          Close

          Add to collection

             

            Facebook

            Ваш профиль на рассмотрении, обновите страницу через несколько секунд

            Facebook

            К сожалению, вы не попадаете под условия акции