Прототипирование web-сайтов

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

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

  • Скорость создания прототипа: высокая
  • Возможность внесения изменений: не возможно
  • Необходима повторная отрисовка: да
  • Интерактивность: отсутствует
  • Детализация: высокая
  • Доступность для всех участников проекта: ограниченная 

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

Прототипирование с помощью доски

  • Скорость создания прототипа: средняя
  • Возможность внесения изменений: возможно с ограничениями
  • Необходима повторная отрисовка: да
  • Интерактивность: отсутствует
  • Детализация: средняя
  • Доступность для всех участников проекта: ограниченная

Преимущества доски в том, что там можно сделать больший масштаб и, распечатав небольшие стенсилы на офисном принтере - имитировать некую интерактивность. Стенсил - это некий набор привычных графических элементов (трафарет, шаблон).

Axure Pro

Одно из основных приложений разработчика прототипов.

  • Скорость создания прототипа: высокая
  • Интерактивность: средняя
  • Детализация: высокая
  • Необходима повторная отрисовка: нет
  • Доступность для всех участников проекта: полная
  • Возможность внесения изменений: возможно без ограничений

Microsoft Visio

Корпорация мелкософта также решила не отставать и создала свой инструмент для прототипирования.

  • Скорость создания прототипа: высокая
  • Интерактивность: низкая
  • Детализация: высокая
  • Необходима повторная отрисовка: нет
  • Доступность для всех участников проекта: полная
  • Возможность внесения изменений: возможно без ограничений

Программы из пакета Microsoft Office

Чтобы особо не заморачиваться с изучением новых программ, очень часто заказчики прибегают к возможности прототипирования сайта прямо в табличных редакторах (типа Excel). Получить первое представление можно, потом придется вносить правки

  • Скорость создания прототипа: средняя
  • Интерактивность: низкая
  • Детализация: низкая
  • Необходима повторная отрисовка: да
  • Доступность для всех участников проекта: полная
  • Возможность внесения изменений: возможно с ограничениями

Прототипирование при помощи онлайн-сервисов

Сервисов для прототипирования сейчас масса. Я в свое время потестировал некоторые из них - практически огромной разницы я не ощутил (кроме одного общего - все сервисы не поддерживали русский язык)


  • Скорость создания прототипа: высокая
  • Интерактивность: средняя
  • Детализация: высокая
  • Необходима повторная отрисовка: нет
  • Доступность для всех участников проекта: полная
  • Возможность внесения изменений: без ограничений


Требуется ли прототип для разработки стандартного сайта-визитки? Скорее всего да, он нужен, если клиент твердо не уверен в том, что хочет, но знает что ему это надо. Однако если за сайт не заплачена адекватная сумма, то к вопросу прототипирования надо подойти еще раз.


Есть что сказать? Добавьте комментарий!