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

Дизайн, использующий визуальный и когнитивный контрасты, не только выделяет вас из толпы, но и влияет на то, как люди пользуются вашим интерфейсом.

Несмотря на то что tumblr и сайт Местра находятся, что называется, на разных концах спектра, у них есть кое-что общее: и тот и другой доставляют пользователям эстетическое удовольствие. Оба искусно используют цвет, шрифт, масштаб, разметку и пространство. Иными словами, они прекрасно сконструированы. Дизайн часто ошибочно принимают за необязательное украшение функционального интерфейса. Вы наверняка когда-нибудь слышали, как ваши коллеги говорят: «Было бы неплохо обзавестись стильным интерфейсом, но людей больше волнует то, что́ сайт делает, а не то, как он выглядит». Интересно, пришел бы кто-нибудь из них на собеседование в пижаме, раз важен не внешний вид, а способности? Думаю, если они осмелились бы это сделать, то быстро осознали бы, насколько неправы.

Как говорит в своей книге Emotional Design («Эмоциональный дизайн») первопроходец в области юзабилити Дональд Норман [13], красивый дизайн вызывает в мозгу позитивный эмоциональный отклик, который улучшает наши когнитивные способности:

Привлекательные вещи заставляют людей хорошо себя чувствовать, что, в свою очередь, заставляет их мыслить творчески. Как это влияет на простоту использования? Элементарно: людям становится легче решать проблемы, с которыми они сталкиваются.

Норман описывает эстетически-практичный эффект. Привлекательные вещи, как правило, лучше работают.

Многие бренды применяют этот принцип, но лишь некоторые достигли таких высот, как Apple.

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

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

В 2002 году Apple запатентовала так называемый Breathing Status LED Indicator. Каждый, у кого дома есть компьютер Mac, знает, что ноутбуки и моноблоки Apple оснащены индикатором статуса, который начинает мигать при переходе в спящий режим. Дизайнеры Apple поняли, что чаще всего этот индикатор будет виден в пустых офисах, спальнях и гостиных, где станет единственным источником света.

Индикатор пульсирует в строго определенном ритме. Он подражает дыханию человека в состоянии покоя: от 12 до 20 вдохов и выдохов в минуту. Мигание играет ту же роль, что и поглаживание младенца по спине – создает настроение. Как и в случае с золотым сечением в Парфеноне, человек не всегда сможет соотнести мигающий огонек с ритмом своего дыхания, но всегда ощутит его умиротворяющее воздействие. В Apple могли бы сделать индикатор, который просто горит в режиме сна, что было бы вполне оправданно с функциональной точки зрения, но «дышащий» огонек привлекает и успокаивает.

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

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

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

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

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

Дизайн интерфейсов относится к тому роду деятельности, который характеризуется понятием «человеко-компьютерное взаимодействие» (Human-Computer Interaction, HCI) и который существует на пересечении информатики, бихевиоризма и дизайна. Специалисты HCI разбираются в вопросах психологии, юзабилити, пользовательского взаимодействия, концепциях программирования и основных принципах визуального дизайна. Знакомо? Да-да, именно с этими дисциплинами каждый день сталкиваются в своей работе дизайнеры.

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

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

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