Прототипирование сайта: а надо ли?

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

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

Как сделать прототип сайта?
 

Прототипирование веб-сайта можно сделать тремя способами:

• Вручную с помощью листа и карандаша (бумажное прототипирование);
• С помощью специальных программ;
• С помощью Photoshop или других графических редакторов.
   

Разберем преимущества и недостатки каждого из видов прототипирования сайта.

Бумажное прототипирование
 

По сути, для создания прототипа понадобятся только канцелярские принадлежности. Специалист вручную создает «набросок», подписывая каждый блок для понимания что и где будет размещаться. К преимуществам такого способа относится:

• Детальная проработка каждого элемента и высокая скорость создания прототипа;
• Возможность моментально внести комментарии или доработать эскиз;
• Нет необходимости в знании программ.
   

Недостатки:

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

Прототипирование с помощью специальных программ
 

Специальные программы позволяют быстро сделать прототип сайта. Для этого не нужно тратить время на изучение программы; даже, если программа на английском языке, управление интерфейсом доступна на интуитивном уровне. Преимущества:

• Возможность визуализации различных блоков (меню, футер, хедер);
• Детализация наброска, можно самостоятельно подписать блок, вместив большое количество текста;
• Привлекательный вид прототипа, можно менять визуализацию, создавая эффекты рисования карандашом и др.;
• Доступность к прототипу всем участникам проекта;
• Разработка прототипа в виде картинки или на языке HTML.
   

К недостатку можно отнести только хранение прототипа сайта непосредственно на сервере программы. Изображение возможно перенести на свой ПК, только если купить дополнительный пакет услуг.

Использование Photoshop или других графических редакторов
 

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

Преимущества прототипирования с помощью графического редактора:

• Привлекательный вид эскиза с возможностью его изменения в любой момент;
• Высокая детализация элементов.
   

Недостатки:

• Отсутствие интерактивности прототипа;
• Длительное время на освоение программы.
   

Подведем итоги

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