Прототипирование сайта: что это + преимущества и недостатки

Ты спросишь – что это за страшное слово – прототипирование? Все более, чем просто – это создание макета (или прототипа) будущего сайта.

Зачем это делается? Видел когда-нибудь, как инженеры начинают работу над строительным комплексом? Сначала делаются чертежи, а потом создается макет зданий в миниатюре. Конечно, не из настоящих строительных материалов и не в цвете. Зато этот прототип помогает наглядно увидеть будущий результат и заметить недочеты, чтобы вовремя их устранить. Вот так и с сайтом. Чтобы сэкономить время на исправление ошибок и всякие там доделки, грамотный разработчик сначала сделает прототип сайта.

Что дает прототип сайта

Вот только некоторые из плюсов создания макета.

1. Упрощает сотрудничество.

В процессе разработки участвует как минимум пять человек:

заказчик;
менеджер;
веб-дизайнер;
HTML-кодер;
программист.

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

2. Создание прототипа обычно предшествует написанию ТЗ. Часто его прикладывают к брифу и включают в список приложений к договору на создание интернет-ресурса.

3. Визуализация сайта. Сколько не описывай на словах расположение всех блоков на каждой странице сайта, представить себе все в деталях не получится. Это как читать текст о физических упражнениях – голову сломаешь, пока поймешь, что к чему. А вот посмотришь видео – и все сразу ясно и понятно. Только на прототипе можно заметить, как объекты смотрятся рядом друг с другом, не мешает ли какой-то баннер, хорошо ли заметны важные разделы.

4. Экономия времени и средств. Обговорить и исправить детали на этапе создания макета гораздо проще и выгоднее чем переделывать готовую работу.

5. Клиент видит все детали, одобряет или просит изменить что-то на этапе прототипирования. Это исключает претензии и недовольство потом.

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

7. Готовый эскиз в дальнейшем может использоваться в качестве презентации.

8. Прототип иногда помогает понять, что проект невозможно реализовать.

Минусы прототипирования

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

Разновидности прототипов

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

Пару слов о создании прототипов

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

Для создания прототипов можно использовать как платные, так и бесплатные ресурсы.
Статика делается в одном из графических редакторов, иногда в Word.
Динамика – в HTML или Power Point.
Из спец. инструментов можно назвать: Mockflow, Go Mockingbird, Protoshare, Creately, Wireframe, Balsamiq, Solidify App.
Макет должен быть понятен и прост для всех участников разработки, в том числе для клиента. Все блоки по размеру изначально создаются такими, какими будут в конечном продукте. Лучше делать несколько вариантов эскизов. Чтобы потом выбрать лучший.

В заключение

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

Автор:
Владислав Безценных
Instagram: instagram.com/bescenru
Вконтакте: vk.com/bescenru
YouTube: youtube.com/bescenru