Скотт Хёрф - Как создать продукт, который полюбят

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

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

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

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

Как только команда (а в идеале ваши клиенты или заказчики) рассмотрела прототип, ваша задача сделать разработку и внедрение продукта максимально простыми для ваших коллег из отдела разработки. Это требует определенной логики, а также наличия критериев оценки времени, скорости и других факторов, которые формируют соединительную ткань между всеми фазами процесса создания продукта (рис. 5.5).

Рис. 5.5. Модель процесса создания продукта максимально эффективна благодаря прототипированию

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

В зависимости от выбранных инструментов передача кода в руки инженеров может проходить в разных формах. Вы или передаете код, написанный в Framer.js, или делитесь своими раскадровками в Xcode, или, если вы использовали Quartz Composer / Origami, переправляете композиционные файлы и самые важные моменты, такие как переходы и время анимации. Чем больше информации вы предоставите, тем быстрее будет готов ваш продукт.

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

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

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

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

«Довольно часто я в буквальном смысле менял дизайн посреди дискуссии и спрашивал: “Вы это имеете в виду?” – вспоминает Тинг. – А затем мы его тестировали и обсуждали. Это сэкономило часы и дни, которые иначе пришлось бы потратить на написание электронных писем, встречи, дополнительные обсуждения и дебаты».

• В зависимости от того, с кем вы общаетесь, могут потребоваться тысячи встреч, макетов или технических спецификаций. Хотите мое мнение? Да все равно. Если даже это правда, я скажу, что то, зачем мы делаем прототипирование – наращивание глубины проработки продукта, – того стоит.

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

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

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

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

• Если вы хотите выйти на новый уровень, начните осваивать инструменты прототипирования. Играйте на своих сильных сторонах. Не знаете код? Пробуйте InVision. Знаете JS – идите во Framer. Хотите чего-то особенного? Попробуйте Origami.

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