Прототипы пользовательских интерфейсов

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

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

Часто бывает, что именно на этапе создания и согласования прототипа вскрываются какие-то неочевидные ранее проблемы. А чем раньше замечена проблема, тем легче и дешевле ее исправить.

Пример прототипа
Пример простого прототипа. Изображение с сайта Moqups.com


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

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

Как происходит работа над прототипом

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

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

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

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

Интерфейс программы
Интерфейс разработчика в FlairBuilder


Стоимость услуги

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

Интегральный рейт в нашей компании составляет 1 000 рублей за час работы. Исходя из нашего опыта, прототип несложного информационного сайта потребует 1-2 дня рабочего времени, то есть обойдется примерно в 10-15 тысяч рублей. Речь идет о "чистом времени", переговоры, консультации и согласования оплаты не потребуют.