Разработка прототипов (интерфейса) программного обеспечения

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

Разработка прототипов происходит на первоначальных этапах разработки ПО. Созданием прототипов, как правило, занимается UI/UX-дизайнер. Для прототипирования подойдут такие программы, как Figma, AdobeXD, Webflow и др.

Существуют два основных типа прототипов: быстрый (одноразовый) и эволюционный. Быстрый прототип может быть представлен в виде:

• бумажной версии прототипа;
• скетча (наброска от руки);
• вайрфрейма (черно-белого подробного плана интерфейса);
• мокапа (цветного варианта вайрфрейма);
• интерактивного прототипа (интерактивного черно-белого подробного плана интерфейса).

Эволюционный прототип может быть в виде:

• предварительной версии (преальфа);
• альфа-версии.

Предварительная версия прототипа позволит оценить выбранную архитектуру и подход к программированию. Альфа-версия необходима на этапе, когда основные возможности в ПО уже реализованы, но необходимо обнаружить все ошибки.
Быстрый прототип не требуют качественной реализации, поэтому их довольно просто изменить. Эволюционный прототип представляет собой предварительную версию продукта, которая с каждым обновлением будет ближе к готовому ПО. Создание и корректировка эволюционного прототипа – довольно длительный и дорогостоящий процесс, результатом которого будет работающая система. Такую систему проще оценить заказчику.
Рассмотрим процесс создания прототипа.
       1. Определение аудитории прототипа
Важно ответить на вопрос – для кого разработан прототип? Он может быть разработан для заказчика, для потребителя или для разработчика. В зависимости от аудитории могут быть по-разному расставлены акценты.

Для заказчика в прототипе необходимо отразить выгодные стороны будущего ПО, а также его основные структурные элементы. Стоит отметить, что пользователем может быть человек без специальных знаний, а может быть специалист, поддерживающий функционал системы. Пользователю в прототипе необходимо увидеть, удобен ли ему будет интерфейс продукта. Разработчик в прототипе должен увидеть, как работают система и ее отдельные функции.
        2. Определение начальных требований
После выявления ЦА необходимо определить требования к будущему продукту. На основе требований от заказчика или конечного пользователя может быть предложена будущая концепция, выявлены структурные элементы интерфейса, основы будущего функционала продукта
        3. Разработка первого варианта прототипа
На данном этапе необходимо выбрать тип будущего прототипа: быстрый или эволюционный, а также форму, в которой он будет предоставлен заказчику (скетч, вайрфрейм и др.). Первый вариант прототипа может быть разработан самим разработчиком или менеджером проекта.
        4. Изучение прототипа заказчиком или конечным пользователем
На данном этапе заказчик или будущий пользователь дает обратную связь команде разработки прототипа. На основе полученных данных прототип дорабатывается.
        5. Переработка и улучшение прототипа
Доработку прототипа чаще всего осуществляет UI/UX-дизайнер. На данном этапе также можно пересмотреть форму прототипа. Например, если изначально использовался скетч, можно его доработать, перенести в электронный вид и предоставить в виде мокапа.
Четвертый и пятый этапы могут повторяться до тех пор, пока прототип не будет удовлетворять потребностям заказчика или конечного пользователя. Удачно подготовленный прототип в дальнейшем позволит разработчику создать качественный программный продукт.