Структурные схемы страниц (wireframes)

Структурные схемы страниц (wireframes) — основной результат работ по проектированию. Они в деталях показывают, какая информация и элементы управления должны выводиться на каждой странице системы. А также расставляют акценты — какие из элементов страницы более, а какие — менее важны. Wireframes также описывают поведение динамических и AJAX-элементов страниц — как они должны реагировать на действия пользователя. Стоит помнить, что схемы страниц — это не конечный дизайн системы и все размеры в нем относительные.

Примеры структурных схем

Назначение

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

В каких процессах участвует документ?

• 

  Проектирование и дизайн интерфейсов

  Пять этапов, в ходе которых происходит сбор требований к продукту, проектирование и дизайн его интерфейса.

• 

  Юзабилити-консалтинг

  Три этапа, в ходе которых существующий продукт анализируется и готовятся рекомендации по улучшению его интерфейса.