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

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

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

Итак, с чего начать? Как и любой хороший дизайнер интерфейсов[5], начну с рассмотрения потребностей тех, для кого мы создаем дизайн.

Хеллоу, Маслоу

В 1950–1960-е годы американский психолог Абрахам Маслоу открыл то, что мы все знали, но не могли сформулировать: независимо от пола, возраста, расы или статуса все мы имеем базовые потребности, которые необходимо удовлетворять. Свою идею Маслоу представил в виде так называемой пирамиды потребностей (рис. 1.1).

Рис. 1.1. Пирамида потребностей Маслоу

Маслоу подчеркивал, что в первую очередь нужно удовлетворить расположенные в основании пирамиды физиологические потребности: в отсутствие возможности дышать, есть, спать и справлять нужду все остальное теряет смысл. Когда эти потребности удовлетворены, появляется необходимость чувствовать себя в безопасности: мы не можем быть счастливы, если боимся получить увечья, потерять семью, имущество или работу. Кроме того, нам нужно чувствовать связь с другими людьми, чувствовать себя любимыми. Удовлетворение этих потребностей позволяет нам попасть на следующий уровень, где располагаются самоуважение и уверенность в себе, столь необходимые для достижения успеха. Пирамиду Маслоу венчает важная категория – самореализация. Когда все базовые нужды удовлетворены, мы чувствуем потребность в творчестве, интеллектуальном и духовном развитии. То, как Маслоу выстраивает иерархию базовых потребностей человека, помогает нам понять наши цели при проектировании интерфейсов. Мы могли бы довольствоваться и тремя нижними ступенями пирамиды – физиологическим комфортом, безопасностью и признанием, но только верхний уровень делает нашу жизнь полноценной. Дизайн интерфейса – это дизайн для человека, в данном случае для пользователя. Попробуем выстроить потребности пользователя наподобие пирамиды Маслоу, и вот что получится (рис. 1.2).

Рис. 1.2. Переименовываем ступени пирамиды Маслоу в соответствии с нуждами наших пользователей

Освоить основы

Интерфейс должен быть функциональным. Он обязан отвечать потребностям пользователя. Если пользователь не может сделать с его помощью то, что хочет, он не станет тратить на приложение время. Помните, как Apple выпустила Ping? Она пыталась построить социальную сеть вокруг музыкальной библиотеки iTunes. Попытка завершилась провалом, во многом потому, что пользователи не могли обмениваться композициями с друзьями в Twitter и Facebook. Они быстро поняли, что в новой системе нет интересующих их функций, ушли и больше не вернулись.

Интерфейс должен быть надежным. Помните, как пользователи Twitter ненавидели кита, появление которого означало, что сервер перегружен или недоступен? Если сервер время от времени падает, то пользователи покинут его.

Интерфейс должен быть удобным. Основные задачи должны решаться легко, быстро и не требовать специальных навыков. Вы пытались хоть раз купить билет на самолет онлайн? Если да, ставлю пять баксов на то, что всякий раз, ожидая, пока сайт загрузится, вы с трудом сдерживали поток ругательств. И не вы одни. К счастью, компания Hipmunk (http://hipmunk.com) выпустила на рынок новую панель инструментов для бронирования билетов онлайн.

Исторически сложилось, что удобство использования, или юзабилити[6], всегда было краеугольным камнем дизайна интерфейсов. Если вы создали удобный интерфейс, то ваши шансы на успех высоки. Но представьте себе, что по тем же меркам живет автопром… Мы бы до сих пор мечтали об AMC Pacer[7] 1978 года выпуска.

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

Удобный = съедобный

Если вы много работаете в Интернете, то, возможно, уже пользуетесь удобным приложением Basecamp (http://basecamphq.com), разработанным компанией 37Signals (рис. 1.3).

Рис. 1.3. Basecamp – приложение для управления проектами

Работая над ним, дизайнеры 37Signals сосредоточились на двух вещах – простоте и удобстве использования. Их идеи, собранные на сайте Getting Real (http://bkaprt.com/de/2), уже вдохновили целое поколение веб-разработчиков на создание простого дизайна, который позволяет легко справляться с любыми задачами.

37Signals помогла нам преодолеть нижнюю ступеньку пирамиды. Стремясь к простоте и спартанскому дизайну, эта компания создала эталон функционального, надежного и удобного веб-приложения. Несмотря на просьбы пользователей о новых функциях или изменениях в технологическом процессе, Basecamp остался верен своей первоначальной идее. В этом его сила и слабость. За годы работы их интерфейс существенно менялся всего несколько раз, потому-то он предсказуем, удобен и пользователю легко его освоить. Но если интерфейс не развивается, появляется риск потерять связь с потребностями пользователей. То же происходит и с дизайном. Несмотря на то что дизайнеры 37Signals многому нас научили, за последние годы изменились и сама Сеть, и наше отношение к ней. Простота и практичность – это, конечно, здорово, но мы можем добиться и большего. Наш веб-дизайн должен дарить радость.

Вспомните обед, который вам понравился больше всех других. Не просто хороший, а поражающий воображение, изменяющий сознание обед, в который вы влюбились. Что вам запомнилось больше всего? Оформление блюд? Необычное сочетание вкусов? Внимательные официанты, приятное окружение? Скорее всего, такие сильные эмоции вызвало сочетание всех этих факторов. А теперь попробуйте вспомнить, приходила ли вам в голову мысль о питательной ценности поданных блюд? Сомневаюсь (в противном случае вам нужно чаще бывать на свежем воздухе). Обед удовлетворил ваши физиологические потребности, но запомнилось удовольствие.

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

Взять, к примеру, Wufoo – компанию, которая создает не только удобный, но и веселый интерфейс.

Wufoo: больше чем польза

Wufoo (http://wufoo.com/) – популярное сетевое приложение, позволяющее людям создавать веб-страницы со специальными формами и подключать их к базам данных. Wufoo применили эмоциональный дизайн непосредственно к интерфейсу (рис. 1.4). Подобно Basecamp, Wufoo – практичное приложение. Его пользователи хотят, чтобы все работало быстро. Создание баз данных и проектирование форм не самый простой процесс, если вы не слишком компетентны в технических вопросах. Однако Wufoo позволяет справиться с этой задачей легко и, в отличие от их конкурентов, весело.

Рис. 1.4. Wufoo – практичное и веселое приложение для разработки веб-страниц

Интерфейсы Wufoo просты, в них нет ничего лишнего. Несмотря на то что приложение предоставляет продвинутым пользователям весьма серьезные рабочие инструменты, оно не отпугивает и менее компетентных, тем самым сохраняя равновесие, позволяющее компании не застрять в узкой потребительской нише. Миллионы пользователей создают свои веб-формы, и я утверждаю, что работать с Wufoo надежно. Подобно Basecamp, компания стремится к тому, чтобы ее продукты были функциональны, надежны и полезны всем.