MVP. Как выводить на рынок товары и услуги, которые нравятся покупателям

Обратите внимание на Рисунок 7.4, который иллюстрирует различия между низкой и высокой точностью артефактов проекта. Оба представленных на рисунке результата проектирования относятся к одному и тому же приложению для iOS (источник: https://itunes.apple.com/us/app/pointedlysimple-score-keeper/id933257819). Это приложение, созданное талантливым UX-дизайнером Беном Норрисом, позволяет упростить процесс подсчета очков во время различных настольных игр (например, в Scrabble), заменяя использование для этой цели ручки и бумаги. В левой части рисунка показан вайрфрейм низкой точности. Он не использует каких-либо цветов (сделан в оттенках серого) и показывает только расположение элементов экрана без детализации визуального оформления. Высокоточный макет в правой части рисунка выглядит гораздо более похожим на реальный продукт (несмотря на то что его цветное изображение в печатной версии этой книги также представлено в оттенках серого). Элементам пользовательского интерфейса здесь уже придан близкий к реальному дизайн, использующий определенные цвета, шрифты и графику.

Рисунок 7.4. Вайрфрейм низкой точности в сравнении с высокоточным макетом

Эскизы

В левом нижнем углу Рисунка 7.3 вы можете видеть проектные артефакты, обозначенные как «Эскизы», которые характеризуются наименьшей точностью и наименьшей интерактивностью. Создание эскиза – отличный способ начать визуализировать идеи, особенно если вам нужно обсудить их с товарищами по команде и другими внутренними заинтересованными сторонами. Эскиз на доске или бумаге позволяет вносить в проект быстрые правки. Я активный сторонник использования доски для рисования, особенно на ранней стадии проектирования. На самом деле, данный метод вполне может являться идеальным инструментом бережливого производства, поскольку позволяет участникам команды осуществлять быстрые итерации своих идей. Однако, какими бы полезными ни были эскизы для внутреннего использования, слишком низкая точность не позволяет использовать их для получения обратной связи от пользователей (именно по этой причине они отсутствуют в представленной на Рисунке 7.2 матрице MVP-тестов).

Вайрфреймы

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

Вайрфреймы могут быть нарисованы вручную, но обычно они представляют собой цифровые артефакты, созданные с помощью программных продуктов, предназначенных для проектирования либо специальных приложений для создания вайрфреймов. Чаще всего для создания графического дизайна используют такие приложения как Illustrator и Sketch. Приложения OmniGraffle и Visio представляют собой инструменты более общего назначения. Некоторые специалисты, не являющиеся профессиональными дизайнерами, создают вайрфреймы в PowerPoint или Keynote. Я рекомендую использовать более эффективные инструменты, специально разработанные для создания вайрфреймов, такие как Balsamiq, Axure и UXPin – для веб-продуктов.

Поскольку продукты для мобильных устройств – будь то нативные или интернет-приложения – как правило, имеют элементы пользовательского интерфейса, отличные от тех, которые используются для традиционных веб-приложений, появились специализированные инструменты для создания мобильных вайрфреймов. Дизайнерам, создающим вайрфреймы для мобильных приложений, я рекомендую такие инструменты, как Flinto и Marvel. Тем, кто не занимается дизайном, для создания мобильных вайрфреймов подойдут простые в использовании приложения POP и Dapp.