MVP. Как выводить на рынок товары и услуги, которые нравятся покупателям - Дэн Олсен Страница 36

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

Иногда удовольствие от использования достигается за счет простоты пользовательского интерфейса. В UX-дизайне меньше часто означает больше – устранение визуального беспорядка снижает когнитивную нагрузку на пользователя и помогает ему сосредоточиться на том, что действительно важно. Достаточно вспомнить минималистичный дизайн домашней страницы Google, на которой нет ничего, кроме поисковой строки.

Пользовательский опыт, при взаимодействии с которым появляется впечатление, будто он умеет читать ваши мысли, тоже доставляет пользователю удовольствие. Использование разумно выбранных установок по умолчанию или проактивных ответов на популярные вопросы может вызывать ощущение понимания и сопричастности. Google Suggest, описанный в главе 5, является хорошим примером такого подхода.

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

Удовольствие от использования часто достигается за счет ответной реакции продукта на действия пользователя. Отличным примером является эффект «резиновой ленты», которым интерфейс iOS откликается на попытки пользователя прокрутить сверх допустимого предела отображаемый на экране документ или веб-страницу. Это настолько забавный эффект, что многие люди – сознательно или нет – вызывают его на экране своих устройств снова и снова. Анимация и звуковые эффекты тоже могут вызывать восторг. Я знаю, что многим пользователям Quicken нравится слышать звук кассового аппарата «ка-цзинь» после совершения каждой финансовой транзакции. Сигнал запуска Apple Mac – это еще один звук, который вызывает положительные эмоции у многих пользователей.

Удивление – важная составляющая удовольствия. Ваш продукт может вызывать положительные эмоции у пользователей, делая неожиданные для них вещи. В первые дни существования Twitter его платформа испытывала частые перегрузки. Вместо того чтобы показывать пользователям в таких случаях скучную страницу с сообщением об ошибке, разработчики демонстрировали им ставшую широко известной картинку с терпящим бедствие китом – «fail whale»[15].

В этой связи на память приходит еще один приятный сюрприз из области UX, с которым я столкнулся при использовании приложения поставщика услуг электронного маркетинга MailChimp. Перед отправкой подготовленного вами электронного письма MailChimp позволяет просмотреть, как оно будет выглядеть при разной ширине экрана получателя. При изменении ширины экрана предварительного просмотра в пользовательском интерфейсе отображается талисман MailChimp – шимпанзе, указывающий вытянутой рукой выбранное значение пикселей на линейке. При этом появляется предупреждение, что ширина вашего электронного письма не должна превышать определенного количества пикселей. Когда вы растягиваете письмо сверх определенного размера, выражение лица шимпанзе меняется с радостного на страдальческое, и появляются текстовые предупреждения: «Это уже перебор!» и «Остановите это!». Если вы продолжаете расширять письмо сверх рекомендуемого максимума, указывающая рука шимпанзе отваливается с сопроводительным изображением: «ХЛОП!» Этот восхитительный эффект пользовательского интерфейса показался мне настолько остроумным и удивительным, что спустя годы я до сих пор вспоминаю о нем.

Айсберг UX-дизайна

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

Рисунок 8.1. Айсберг UX-дизайна

Концептуальный дизайн

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

Этот слой айсберга UX-дизайна часто вносит значительный вклад в создание инноваций. Если вы представите себе айсберг UX-дизайна как верхнюю часть пирамиды соответствия продукта рынку (то есть стоящим там, где находится слой пирамиды, обозначенный как «опыт пользователя»), то заметите, что уровень концептуального дизайна расположен непосредственно над слоем, обозначающим набор функций продукта. Концептуальный дизайн – это то, что вдыхает жизнь в объекты и придает им форму. Под этим я подразумеваю не визуальное представление или технические детали работы функций, а скорее их сущность – то, как они создают ценность для пользователя.

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

Концептуальный дизайн на примере Uber

Теперь давайте обсудим пример с приложением Uber – популярным сервисом для организации поездок на такси.