Ты спросишь – что это за страшное слово – прототипирование? Все более, чем просто – это создание макета (или прототипа) будущего сайта.
Зачем это делается? Видел когда-нибудь, как инженеры начинают работу над строительным комплексом? Сначала делаются чертежи, а потом создается макет зданий в миниатюре. Конечно, не из настоящих строительных материалов и не в цвете. Зато этот прототип помогает наглядно увидеть будущий результат и заметить недочеты, чтобы вовремя их устранить. Вот так и с сайтом. Чтобы сэкономить время на исправление ошибок и всякие там доделки, грамотный разработчик сначала сделает прототип сайта.
Что дает прототип сайта
Чтобы все они могли продуктивно сотрудничать и ясно понимать точку зрения и видение друг друга, как раз и нужен эскиз. Общаться графически удобнее и проще чем в текстовом режиме.Вот только некоторые из плюсов создания макета.
1. Упрощает сотрудничество.
В процессе разработки участвует как минимум пять человек:заказчик;
менеджер;
веб-дизайнер;
HTML-кодер;
программист.
2. Создание прототипа обычно предшествует написанию ТЗ. Часто его прикладывают к брифу и включают в список приложений к договору на создание интернет-ресурса.
3. Визуализация сайта. Сколько не описывай на словах расположение всех блоков на каждой странице сайта, представить себе все в деталях не получится. Это как читать текст о физических упражнениях – голову сломаешь, пока поймешь, что к чему. А вот посмотришь видео – и все сразу ясно и понятно. Только на прототипе можно заметить, как объекты смотрятся рядом друг с другом, не мешает ли какой-то баннер, хорошо ли заметны важные разделы.
4. Экономия времени и средств. Обговорить и исправить детали на этапе создания макета гораздо проще и выгоднее чем переделывать готовую работу.
5. Клиент видит все детали, одобряет или просит изменить что-то на этапе прототипирования. Это исключает претензии и недовольство потом.
6. Универсальность. При наличии готового прототипа есть возможность обратиться в любую веб-студию, и там быстро сориентируются и поймут, как выполнить заказ.
7. Готовый эскиз в дальнейшем может использоваться в качестве презентации.
8. Прототип иногда помогает понять, что проект невозможно реализовать.
Минусы прототипирования
- Если у заказчика слабое воображение, ему будет трудно понять макет.
- Если предусмотрена гибкая разработка, прописывание прототипа каждой страницы сайта не целесообразна.
- Если сайт создается по шаблону, то делать макет не стоит, так как блоки в шаблоне не получится изменить.
Разновидности прототипов
- Статические. В них только картинки блоков и кнопок с поясняющим текстом. То есть все объекты неактивные.
- Динамические. В таких эскизах все кнопки и ссылки активные, что позволяет проверить функционирование сайта в онлайн-режиме. Такой прототип несомненно лучше, так как имеет более эстетичный вид, позволяет быстро вносить изменения, при необходимости его можно перевести в статический.
Пару слов о создании прототипов
Чтобы рассказать все о создании прототипов, что мне хотелось бы - потребуется написать отдельную статью. Но сегодня я не хочу загружать тебя тонной новой информации. Поэтому опишу только основные моменты.
- Для создания прототипов можно использовать как платные, так и бесплатные ресурсы.
- Статика делается в одном из графических редакторов, иногда в Word.
- Динамика – в HTML или Power Point.
- Из спец. инструментов можно назвать: Mockflow, Go Mockingbird, Protoshare, Creately, Wireframe, Balsamiq, Solidify App.
- Макет должен быть понятен и прост для всех участников разработки, в том числе для клиента. Все блоки по размеру изначально создаются такими, какими будут в конечном продукте. Лучше делать несколько вариантов эскизов. Чтобы потом выбрать лучший.
В заключение
Вспомню старую пословицу – семь раз отмерь, один отрежь. Наши предки были абсолютно правы. А значит, написание прототипа сайта - первый и очень необходимый этап создания веб-ресурса.