Цели прототипирования

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

«Это как хакатон»[110], — говорит Тинг.

Основная цель — извлечь мысли из головы как можно быстрее, пока концепции не утратили свою четкость.

«Прототипы интеракций и анимаций были важнейшим элементом цикла разработки в Wildcard и позволяли нам просто и ясно формулировать даже самые сложные идеи», — говорит Мезарос.

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

Вторая цель — увидеть тех, кто будет знакомиться с вашим прототипом, чтобы понять, насколько его требуется прорабатывать — придется охватывать весь сценарий или только действия конкретного пользователя? Или только конкретное взаимодействие? В какой мере стоит уделять внимание деталям? Успешный прототип обращается непосредственно к аудитории.

Но и это еще не все. Один из самых важных вопросов: насколько вы ограничены по времени? Ответ на него позволяет подобрать правильные инструменты для выполнения проекта.

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

Мне очень нравится, как продуктовый дизайнер Twitter Пол Стаматиу описывает компромисс, к которому он пришел, разрабатывая Twitter Video.

Несмотря на то что я активный сторонник прототипирования, я отдаю себе отчет, что иногда этот процесс может стать пустой тратой времени. Прототипирование зачастую вызывает проблемы технического характера, когда приходится озаботиться сохранением структуры и обработкой массивов данных. Поэтому я прибегаю к прототипированию только в том случае, если мне нужно получить ответы на глобальные вопросы об общем ощущении от продукта; когда я не могу визуально представить, что видят «глаза моего мозга», как говорит один из наших дизайнеров. В этом случае я делаю прототипы функциональными ровно настолько, насколько требуется, чтобы решить конкретный вопрос, и не стану тратить день или два на то, чтобы пытаться прописать код для каждой функции продукта[111].

Поли Тинг, в свою очередь, пишет:

Быстрое прототипирование — это концентрация внимания в течение намеренно ограниченного времени, что позволяет отсечь все лишнее, второстепенное и посредственное. Никто не отрицает, что чем более «отполированным» будет опыт использования прототипа, тем выше шансы, что клиент его купит. Мы должны принимать решения, всегда помня об этом. Если конкретное взаимодействие критично для демонстрации новых / лучших / более простых способов навигации или для использования продукта, тогда да — мы его сделаем. Но если это просто глянец, тогда не стоит тратить время.

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

«Прототип способен решать многие вопросы и подходить для нескольких целей. Например, с его помощью можно продемонстрировать идею, изучить, протестировать или даже продать ее, а также собрать MVP», — комментирует Тинг.

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

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

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

Когда прототип будет готов к передаче в разработку, команда должна его обсудить и решить, как продолжить работу.

Хороший пример — Twitter (да, снова) в той форме, в которой вы его никогда раньше не видели. В середине 2006 года Twitter можно было принять за клон Craigslist. CSS не было. Простое текстовое окно, простые изображения (желтая звезда и эскиз стартовой страницы), кнопка отправки и нестилизованные <ul>, которые представляли последние обновления статусов людей, на которых вы подписались, в обратном хронологическом порядке (рис. 5.4)[112].

Рис. 5.4. Один из первых прототипов Twitter

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

Помимо скорости, у построения прототипов есть еще одно неоспоримое преимущество. Этот процесс позволяет прийти к согласию не только внутри компании, но и с клиентами. Прототип становится универсальным языком общения, который все понимают.

Цель создания прототипа — разобраться, где что-то не так со сценарием или конкретным взаимодействием. Где люди теряются? Где требуется проявить больше изобретательности? Как эти изменения способны преобразовать другие части продукта? Встретьтесь со своими разработчиками, теми, кто принимает решение, клиентами, заказчиками — и вы сразу получите ответы на свои вопросы.

«Визуализация [и тестирование] взаимодействий помогает нам вести конструктивный диалог с крупными командами, — говорит Мезарос. — Прототипы играют важную роль в получении и использовании обратной связи от всех команд: от стратегии до дизайна. Создавая прототипы, мы гораздо лучше контролируем последствия процесса. В Wildcard оценка стоимости играла критически важную роль для достижения конечной цели. Вот почему я яростный сторонник дизайна и прототипирования в любом возможном контексте. Мне кажется, что лучший вариант — встраивать все части пользовательского интерфейса так же, как может быть в финальном продукте».

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

«Одна-две недели — это хорошее время, чтобы прийти с качественными идеями и реализовать их без лишних наворотов и крутизны. Его вполне достаточно, чтобы остановиться, выдохнуть и принять продуманное решение, но и не слишком много, чтобы бездумно его тратить, — отмечает Тинг. — Самое главное, что я выучил при быстром создании прототипов, — это очень мощный катализатор. Использование таких инструментов, как InVision и Quartz Composer, накладывает обязательства на создателей пользовательского интерфейса (UI) и опыта взаимодействия (UX), на менеджеров проектов и инженеров. Они должны вникнуть в дисциплины друг друга, разобраться в них и начать работать вместе. У нас практически не бывает конфликтов, все слаженно работают как единая команда. А все потому, что быстрое прототипирование — это даже не инструмент и не методология, это своего рода культура».

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

«Мы можем улучшать и корректировать [проект] очень быстро в режиме реального времени — за считаные секунды или минуты, — говорит Мезарос. — Подобный уровень контроля действительно восхищает. Это и есть искусство интерактивного дизайна, и прототипирование дает нам определенные преимущества».