Этапы разработки сайта 1 : Прототипирование сайта


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

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

Прототипирование страниц сайта на бумаге

Бумажный прототип на бумаге - это простой путь. Хотя даже бумажный прототип может хорошо справиться с задачей, если будут соблюдены все размеры и границы. Размер бумажного листа лишь отдалённо приближен к размерам мониторов персональных компьютеров, ноутбуков и экранам смартфонов и планшетов, а потому, соблюдать размеры на бумаге трудно. Гораздо удобнее и быстрее прототипирование страниц сайта проходит в специальных программах – где не нужно использовать линейку для соблюдения размеров и границ.

Какая программа для прототипирования сайтов заслуживает внимания?

Не хотелось бы советовать то, чего не пробовал сам, поэтому ограничусь кратким обзором одной программы, которую использую для прототипирования сам – Axure. Это без сомнений, как минимум хорошая программа для прототипирования сайтов. Использование специальных программ не только упростит для вас сам процесс прототипирования, но и сделает прототип более профессиональным и лицеприятным. Не стоит тратить время рисуя прототипы в Corel (да, и такое бывает) или Photoshop – эти программы предназначены для другого. Не стоит использовать привычные средства. Лучше потратить 10 минут на освоение специальной программы (а в случае с Axure я потратил действительно не более 10-и минут) и экономить время в последствии.

В наборе инструментов Axure есть всё необходимое для быстрого сбора прототипа: изображения, текстовые блоки, кнопки, интерактивные элементы, поля ввода и тд. Просто перетаскивая и располагая их как вам необходимо, вы можете без труда собрать прототип. 



Галерея