Прототипирование

Что входит в эту категорию

Создание кликабельной модели до того, как кто-то начнёт разработку: интерактивные макеты, смена состояний, сценарии, которые люди могут реально попробовать, и тестирование, превращающее мнения в наблюдения.

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

Дизайн экранов и дизайн-системы относятся к категории дизайн. Полноценная разработка приложений без кода это no-code и автоматизация.

Детализация это решение, а не значение по умолчанию

Самая частая потеря в этой категории: красивый прототип, сделанный ради вопроса, на который ответили бы серые блоки.

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

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

Сначала определите вопрос, потом выбирайте детализацию. Если действовать наоборот, три недели уйдут на анимации, о которых никто не спрашивал.

Чем различаются инструменты

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

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

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

Тестирование, ради которого всё и делается

Прототип существует, чтобы показать его тому, кого не было в комнате.

Сессии с модератором дают объяснения: почему человек замялся, что он понял под словом. Тестирование без модератора даёт поведение в масштабе и дешевле, но без уточняющего вопроса. Оба варианта лучше совещания, где побеждает самое громкое мнение.

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

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

От прототипа к разработке

Вопрос передачи в том, что из прототипа уцелеет.

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

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

Стоимость и практические ограничения

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

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

Где прототип окупается

Три ситуации стабильно возвращают затраты на его создание.

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

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

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

Вне этих случаев часто хватает хорошего текстового описания и статичного экрана. Стоит сохранить дисциплину: спрашивать, на какой вопрос отвечает прототип, и останавливаться, как только ответ получен, а не продолжать, потому что с файлом приятно работать.