Эмоциональный веб-дизайн

Дарвин считал, что мы идем по жизни с одним и тем же эмоциональным лексиконом. Мы не развиваем эмоции после рождения, наблюдая за окружающими, а рождаемся готовыми выражать боль, радость, удивление, раздражение и другие эмоции. Эмоции необходимы нам, чтобы выжить. С их помощью мы общаемся с теми, кто заботится о нас, а во взрослом возрасте строим взаимовыгодные отношения. Хотя по мере взросления мы развиваем устную речь, эмоции являются нашим родным языком с момента прихода в этот мир. Эмоции – это lingua franca[10] человечества.

Человеческая природа и дизайн

Изучая эволюционную психологию, мы многое узнаём о дизайне и способах эффективной коммуникации с аудиторией. Эволюции подверглось не только тело человека – мозг также отобрал инстинкты, дававшие большие преимущества, и поведение, обеспечивающее выживание вида. Мы называем эти инстинкты человеческой природой. Они, как пресловутый Розеттский камень[11], дают объяснение, почему мы ведем себя так, а не иначе.

Давайте рассмотрим знакомый всем инстинкт и изучим, как он способен помочь нашему дизайну.

Родители любят своих детей. Если у вас нет детей, вы, возможно, задумываетесь, почему люди добровольно обрекают себя на бессонные ночи, испачканные подгузники и постоянную заботу о ребенке вместо того, чтобы наслаждаться радостями взрослой жизни. Все эти заботы выглядят крайне неприятно. На самом деле это волшебство, которое не объяснить.

Вскоре после того, как я начал писать эту книгу, я стал отцом. И это, черт подери, тяжелая работа! Но когда я вижу лицо сына, то забываю, что спал всего три часа, а у него штаны полны далеко не счастьем. Все, что я вижу, – истинная красота, которая всего этого стоит.

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

Я понимаю, это звучит дико, но ученые полагают, что природа заставила нас умиляться детям, чтобы мы их не убили. Очарование – защита для младенца. Эволюционный биолог Стивен Джей Гоулд в своем эссе A Biological Homage to Mickey Mouse («Микки-Маус: биологический аспект образа») отмечает, что мультипликаторы эксплуатируют этот принцип десятилетиями, создавая персонажей с большими головами, маленькими туловищами и широко открытыми глазами.

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

Вот лишь несколько примеров: Twitter, StickyBits , Brizzly рис. 2.1) и MailChimp .

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

^{Рис. 2.1. Brizzly использует в дизайне стилизованные элементы детских лиц, чтобы понравиться клиентам}

Мир – наше зеркало

Люди склонны проецировать на себя то, что видят вокруг. Рассматривая мир, мы рассматриваем себя. Когда мы смотрим на облака или сучковатую деревяшку, то стремимся увидеть там лицо. Мы прирожденные нарциссы, выискивающие в окружающем мире то, что знаем лучше всего, а именно самих себя.

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

Нам не нужно видеть два глаза и рот, чтобы чувствовать эмоциональную связь. Иногда мы ощущаем присутствие людей благодаря совершенно абстрактным вещам, например пропорциям. Пифагор и древние греки осознали это, открыв золотое сечение – пропорцию, свойственную многим творениям природы, включая человеческое тело. Тысячелетиями мы применяли этот принцип, создавая произведения искусства и архитектуры. Мы можем не осознавать, что золотое сечение присутствует в дизайне таких вещей, как, например, iPod, но наше подсознание сразу замечает идеальные пропорции, присущие и нашему телу. Если вы читали гениальную книгу Роберта Брингхерста The Elements of Typographic Style[12], то знаете, что столетиями художники используют золотое сечение для размещения текста на странице.

Веб-дизайнеры также начали использовать этот принцип. Когда Дуг Бауман и его команда делали новый дизайн Twitter, страница была размечена по золотому сечению (рис. 2.2).

^{Рис. 2.2. Новый дизайн интерфейса Twitter использует золотое сечение для разметки страницы, делая ее более удобной и привлекательной для человеческого глаза}