Макетирование сайта
Создание прототипа сайта (макетирование) позволяет «прокликать» его еще до начала дизайна.
На этапе проектирования создаются сетки основных страниц сайта – схематические изображения будущих страниц. Их может хватить для постановки задачи на дизайн, но, без достаточной проработки интерфейса сам дизайн ждет множество доработок, необходимость в которых обычно обнаруживается гораздо позже, уже на этапе верстки, внедрения CMS или заполнения сайта.
Более половины всех причин срыва сроков связаны с доработками дизайна и последующей цепочкой вносимых изменений во все программные модули.
Чтобы этого не произошло, бизнес-аналитик в специальной программе создает рабочий прототип сайта. Еще без дизайна, только на основе сеток, но прототип уже можно загрузить в веб-браузер, нажимать на кнопки меню, заполнять формы и выполнять любые другие действия, как будто бы сайт уже работал.
Секрет пользы в том, что «оживленные» таким образом сетки воспринимаются уже как практичные элементы дизайна и юзабилити. А значит, легко выясняется, насколько прост в использовании созданный интерфейс. Также, при макетировании сайта выясняется, каких элементов дизайна не достает в задаче. Все выявленные дополнения вносятся в ТЗ, и уже после этого ставятся задачи на выполнение арт дизайна и технического дизайна сайта. Здесь же определятся финальный набор иконок и иллюстраций.
Стоимость и сроки создания прототипа сайта
Состав команды:
GUI-дизайнер
Бизнес-аналитик
Сроки: 4 часа – 1 месяц
Прототипирование требуется не только масштабным интернет-проектам, но даже небольшим сайтам. В простейших случаях построенный за 4 часа прототип позволяет не только выявить доскональные требования к дизайну, но и улучшить бизнес-показатели сайта, усилить продающие моменты, выверить логичность структуры.
Все это в разы сокращает сроки пусковых работ, которые, вместо пары недель могут затягиваться на месяцы, в результате того, что процесс работ то и дело возвращается к началу на доработки.
В следующих разделах можно прочесть об особенностях создания дизайна: его креативной и технических составляющих. Нажмите здесь, если желаете пропустить эти статьи и перейти к описанию процесса верстки сайта.