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

В теории инвесторы были в восторге от идеи Mint. Бесплатный сервис, позволяющий пользователям понять, каким образом они тратят деньги, и рекомендующий им финансовые схемы, цель которых – экономить деньги, мог бы пользоваться огромной популярностью и приносить огромный доход. Однако на практике предприниматели имели предубеждение: доверять бесплатному сервису (слово «бесплатный» тут же пробуждает в человеке внутреннего скептика) информацию о своих финансах просто немыслимо.

Дизайнер Mint Джейсон Путорти знал, что именно дизайн станет ключом к успеху:

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

Путорти разработал такой дизайн Mint, который позволил с легкостью отличить его не только от сайтов конкурентов, таких как Quicken или TurboTax, но и от всех остальных веб-приложений. Mint создано в 2006 году, когда стандартом в финансовой сфере служили минималистские, строго функциональные приложения вроде 37Signals. Путорти привнес в проект иную эстетику. В те времена дизайнеры старались избегать чрезмерного использования картинок для создания эффекта градиента или шрифтов, недоступных большинству пользователей. Главным критерием была скорость работы сайта, поэтому текстуры, иллюстрации и эксперименты со шрифтами редко встречались в приложениях. Однако Путорти, разрабатывая Mint, не обращал внимания на эти предубеждения.

Вероятно, вы заметили, что интерфейс Mint будто светится изнутри. Такой эффект возникает благодаря использованию света, тени и градиента. Здесь много информации, но это не папина табличка Excel. Таблицы словно приподнимаются над поверхностью страницы, притягивая взгляд. Помните, образцом дизайна в 2006 году были Gmail и Basecamp. Mint сильно выделялся на фоне плоских, привычных для пользователя образцов строгого дизайна (рис. 5.2).

^{Рис. 5.2. Интерфейс Mint использует светотени и чистые цвета, что выделяет его на фоне конкурентов и вызывает доверие у скептичной аудитории}

Тщательно продуманный дизайн интерфейса и его безукоризненная работа обратили скептиков в клиентов. Mint позволило без особых усилий отслеживать расходы и стал учить пользователей экономить деньги – весьма полезные предложения. Если бы эти услуги были представлены в посредственном интерфейсе (как это происходит у большинства финансовых приложений), то пользователям было бы сложнее следить за своими тратами и приложение ценилось бы куда меньше. Не будь у Mint этого преимущества, сомнения в безопасности, скорее всего, перевесили бы соображения о потенциальной пользе и значительно снизили бы шансы сервиса завоевать расположение скептиков. Решающим фактором успеха Mint стал именно дизайн.

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

Кому вы скорее доверите свою жизнь – телохранителю в отглаженном костюме от Армани или парню в обрезанных джинсах и рваной футболке с логотипом рок-группы Grateful Dead? Внешность влияет на восприятие, и мы помним об этом. Дизайн Mint вызывает ровно столько доверия, сколько необходимо, чтобы пользователи сделали вывод, что в данном случае выгода превышает риски.

И все же для Путорти главной задачей было не столько завоевать доверие, сколько разработать такой дизайн, который сам убедил бы посетителя стать пользователем Mint: