http://duplos.org) бросает вызов традициям (рис. 2.4).
Рис. 2.4. Дизайнерское портфолио Рикардо Местра бросает вызов традициям
Дизайн Местра не придерживается разметки, он живой. Насыщенные текстуры, несглаженные углы и слои из двухмерных фигур делают его больше похожим на коллаж из бумаги, чем на сайт. Фиолетовый монстр, высовывающийся из-за дерева, и смешной текст вызывают у аудитории положительные эмоции и делают портфолио Местра незабываемым. Когда ваши конкуренты – веб-дизайнеры, когнитивный контраст просто необходим.
Дизайн, использующий визуальный и когнитивный контрасты, не только выделяет вас из толпы, но и влияет на то, как люди пользуются вашим интерфейсом.
Власть эстетики
Несмотря на то что tumblr и сайт Местра находятся, что называется, на разных концах спектра, у них есть кое-что общее: и тот и другой доставляют пользователям эстетическое удовольствие. Оба искусно используют цвет, шрифт, масштаб, разметку и пространство. Иными словами, они прекрасно сконструированы. Дизайн часто ошибочно принимают за необязательное украшение функционального интерфейса. Вы наверняка когда-нибудь слышали, как ваши коллеги говорят: «Было бы неплохо обзавестись стильным интерфейсом, но людей больше волнует то, что́ сайт делает, а не то, как он выглядит». Интересно, пришел бы кто-нибудь из них на собеседование в пижаме, раз важен не внешний вид, а способности? Думаю, если они осмелились бы это сделать, то быстро осознали бы, насколько неправы.
Как говорит в своей книге Emotional Design («Эмоциональный дизайн») первопроходец в области юзабилити Дональд Норман[13], красивый дизайн вызывает в мозгу позитивный эмоциональный отклик, который улучшает наши когнитивные способности:
Привлекательные вещи заставляют людей хорошо себя чувствовать, что, в свою очередь, заставляет их мыслить творчески. Как это влияет на простоту использования? Элементарно: людям становится легче решать проблемы, с которыми они сталкиваются.
Норман описывает эстетически-практичный эффект. Привлекательные вещи, как правило, лучше работают.
Многие бренды применяют этот принцип, но лишь некоторые достигли таких высот, как Apple.
Дизайн интерфейса Apple – рафинированный, изысканный и удобный. Он дарит эстетическое удовольствие. Элегантный дизайн делает их продукты и программное обеспечение привлекательными и простыми в использовании. Apple постоянно придерживается принципов практичной эстетики, и клиенты возвращаются к ней снова и снова.
Обилие поклонников Apple напрямую связано с тем, что компания в совершенстве овладела мастерством эмоционального дизайна. Когда Стив Джобс заканчивал презентацию продукта словами «Мы думаем, вы его полюбите», он действительно в это верил. И он не случайно произнес слово «любить»: фирменный дизайн Apple не позволяет усомниться в том, что в компании прекрасно разбираются в человеческой психологии и эмоциях.
В 2002 году Apple запатентовала так называемый Breathing Status LED Indicator. Каждый, у кого дома есть компьютер Mac, знает, что ноутбуки и моноблоки Apple оснащены индикатором статуса, который начинает мигать при переходе в спящий режим. Дизайнеры Apple поняли, что чаще всего этот индикатор будет виден в пустых офисах, спальнях и гостиных, где станет единственным источником света.
Индикатор пульсирует в строго определенном ритме. Он подражает дыханию человека в состоянии покоя: от 12 до 20 вдохов и выдохов в минуту. Мигание играет ту же роль, что и поглаживание младенца по спине – создает настроение. Как и в случае с золотым сечением в Парфеноне, человек не всегда сможет соотнести мигающий огонек с ритмом своего дыхания, но всегда ощутит его умиротворяющее воздействие. В Apple могли бы сделать индикатор, который просто горит в режиме сна, что было бы вполне оправданно с функциональной точки зрения, но «дышащий» огонек привлекает и успокаивает.
Основа эмоционального дизайна
Достаточно беглого взгляда на эволюционную психологию, чтобы понять: определенное мировосприятие заложено в нас с рождения. Оно результат тысячелетней адаптации человека к условиям существования и отбора наиболее эффективных способов выживания. К ним, в частности, относится и неравнодушное отношение к детским лицам. Способность сопоставлять явления также берет свое начало из опыта выживания. Сегодня мы можем воздействовать на эту способность с помощью контрастов, чтобы повлиять на пользователей и подчеркнуть индивидуальность бренда.
Теперь мы знаем точно: контрасты нужны, но если их слишком много, мы, согласно закону Хика, мучаемся с принятием решения. И еще: эстетика – не глазурь на торте, благодаря ей продукт можно сделать простым и удобным. Свидетельством тому служит принцип практичной эстетики.
Итак, нами управляют заложенные при рождении программы, и эмоции – их важная часть. Эмоции – основа наших личностей, и дизайн просто обязан их учитывать.
Общаясь друг с другом, реагируя на обстоятельства, все мы испытываем один и тот же набор эмоций. Но эмоциональный дизайн должен учитывать множество нюансов, потому что мы умеем управлять нашими врожденными программами, и потому мы не слишком предсказуемы.
3. Индивидуальность
Длительные отношения выстраиваются вокруг наших уникальных качеств и черт, то есть того, что мы называем индивидуальностью. Индивидуальность позволяет нам выразить весь спектр человеческих эмоций. Она та самая тайная сила, что влечет нас к одним людям и отталкивает от других. Индивидуальность в значительной степени влияет на процесс принятия решений, и дизайн должен апеллировать именно к ней.
Индивидуальность – основа для эмоций
Дизайн интерфейсов относится к тому роду деятельности, который характеризуется понятием «человеко-компьютерное взаимодействие» (Human-Computer Interaction, HCI) и который существует на пересечении информатики, бихевиоризма и дизайна. Специалисты HCI разбираются в вопросах психологии, юзабилити, пользовательского взаимодействия, концепциях программирования и основных принципах визуального дизайна. Знакомо? Да-да, именно с этими дисциплинами каждый день сталкиваются в своей работе дизайнеры.
Открою вам секрет: я не фанат термина «человеко-компьютерное взаимодействие». Создавая дизайн, я думаю о том, чтобы пользователь воспринимал интерфейс так, будто перед ним человек, а не компьютер. Возможно, вам покажется, что я слишком умничаю, но я считаю, что в этом процессе очень важны имена. Они формируют наше восприятие и порой подбрасывают необычные идеи.
Главная цель эмоционального дизайна – упростить коммуникацию между людьми. Если мы справляемся с этой задачей, компьютер отходит на задний план, и мы оказываемся лицом к лицу с личностью. Чтобы добиться этой цели, нужно представлять, как люди общаются между собой в жизни.
Я хотел бы ненадолго прерваться и предложить вам вспомнить человека, с которым вы недавно общались. Возможно, вы встретили его на каком-то мероприятии или вас представил ему общий знакомый. Ваша беседа была захватывающей и, не исключено, даже забавной. Почему этот разговор получился таким приятным? Конечно, у вас были общие интересы, темы для обсуждения, но ведь не поэтому вам так запомнилась эта встреча, правда? Вас привлекла индивидуальность собеседника, направлявшая разговор, она-то и вызвала у вас эмоции. Индивидуальность проявилась благодаря хорошей шутке, интонации, тембру голоса. Они и завоевали ваше расположение к новому человеку.
Благодаря индивидуальности рождаются дружеские отношения и возникают эмоциональные связи. Помните об этом и пронесите эту мысль через всю книгу. Подумайте об этом, когда начнете новый проект. Именно это ощущение мы пытаемся передать, когда используем эмоциональный дизайн. Мы создаем чувство радостного возбуждения и строим отношения с аудиторией, представляя ей личность, олицетворяющую наш интерфейс.
Давайте не будем думать о дизайне как о красивом фасаде, а представим его как человека, готового общаться с аудиторией. Давайте вдохнем жизнь в наши продукты. История вновь подсказывает нам, что и как делать. Оказывается, дизайнеры экспериментировали с индивидуальностью на протяжении столетий.
Краткая история индивидуального стиля в дизайне
Мы наделяем индивидуальным характером все, что создаем, пытаясь очеловечить технику. Когда в середине XV века Иоганн Гутенберг, ювелир и изобретатель печатного станка, экспериментировал с подвижными шрифтами, его вдохновляли рукописные книги. До возникновения печатного станка писцы – обычно ими были монахи – переписывали религиозные сочинения, используя перо и чернила. Переписывание Библии было священным трудом; считалось, что писец при этом транслировал божественное послание. Поэтому руке писца, его почерку придавалось огромное значение.
Разработав и начав применять гарнитуры, Гутенберг стал печатать сотни Библий, шрифт которых имитировал почерк писца. И хотя машина была создана для передачи божественного послания, он упорно работал над тем, чтобы результат был более «человечным» (рис. 3.1).
Рис. 3.1. Шрифт Гутенберга подражал рукописному тексту, чтобы напечатанные экземпляры Библии казались более «человечными»
Стремление сделать дизайн более человечным ясно просматривается и в XX веке, когда производство стало массовым.
Volkswagen Beetle выпущен в 1938 году, производился до 2003 года, а его облик признан самым удачным за всю историю автомобилестроения. Причина его успеха именно в человечности дизайна (рис. 3.2). Это был настоящий «народный автомобиль» – антропоморфность сделала его больше чем просто автомобилем для людей. Фары Beetle похожи на глаза, а скругленный капот, словно улыбающийся нам, – на детское лицо. И хотя дизайнеры главным образом стремились оптимизировать аэродинамические характеристики автомобиля, а вовсе не создать индивидуальный образ, «лицо» автомобиля дарит надежду и радость. Значительные культурные изменения, произошедшие за семь десятилетий, не помешали нескольким поколениям автолюбителей ощущать глубоко личную связь с Beetle.