Зачем нужен прототип сайта? Полезные заметки для дизайнера.

Прототип сайта

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

Прототип глазами веб мастера

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

Прототип глазами заказчика

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

✔️ Прототип — средство быстрого согласования. Нет способа быстрее согласовать все детали проекта, чем сделать его эскизное визуальное представление.

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

✔️ При отсутствии прототипа — все подводные камни всплывают на производственных этапах или даже после старта проекта.

✔️ Лучше найти проблему в проекте на этапе прототипа.

✔️ Прототип — это не дополнительный этап. Если прототипа нет, то вся работа по проектированию переходит на этап дизайна, а выполнять проектирование в Photoshop очень долго и дорого, а зачастую просто бесперспективно. Прототип не увеличивает объем работы, а уменьшает его.

✔️ Упрощает этап дизайна — когда есть схемы всех страниц, состав и расположение всех элементов, отрисовать макеты проще и дешевле. Это делает этап дизайна намного более предсказуемым.

✔️  Это готовый проект, с которым можно при необходимости обратиться в любую компанию для продолжения работы.

✔️ Выводит работу с контентом на совершенно иной уровень. Каждая страница, даже текстовая, создается как интерфейс: структурируется информация, расставляются акценты, планируются иллюстрации и интерактивные элементы.

✔️ Если проект начинается с прототипа, заказчик сможет увидеть сайт и даже начать тестировать его на самых ранних этапах, до того, как начались дорогие производственные работы.

✔️ Помогает заказчику формулировать свои требования — когда на его глазах быстро и понятно проект обретает форму, сразу становится очевидным, что требует корректировок и поправок. Исполнитель в свою очередь охотно вносит правки, ведь это просто.

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

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

✔️ Если в разработке проекта используется прототип, то работа делится на две части: проектирование и реализация. Это значит, что сначала заказчик оплачивает только проектирование. Риски сведены к минимуму.

✔️ Многие задачи кажутся проще до того, как над ними началась работа. Прототип — это прекрасный способ вовремя понять, что проект слишком дорог или не реализуем.

✔️ Он намного более понятно и емко описывает сайт, чем текстовое ТЗ — он лучше чем ТЗ на 80 страниц, в котором никто ничего не понимает и не хочет читать.

✔️ Прототип все же не заменяет ТЗ — он описывает интерфейсы сайта. Серверную часть программирования и базы данных все-равно необходимо описывать.

✔️ Для восприятия даже глубоко проработанного прототипа необходимо абстрактное мышление. Заказчики «визуалы» иногда не воспринимают прототип и могут работать только с дизайном.

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

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

✔️ Прототип не поможет в работе над проектом, требующим креативного визуального решения. Сложная графика и идеи лучше демонстрировать в форме презентации и эскизов, но не прототипа.

✔️ Если делается редизайн веб-проекта с сохранением функционала, роль прототипа выполняет он сам. Делать прототип заново обычно нет необходимости.

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