Структурные схемы страниц (wireframes) — основной результат работ по проектированию. Они в деталях показывают, какая информация и элементы управления должны выводиться на каждой странице системы. А также расставляют акценты — какие из элементов страницы более, а какие — менее важны. Wireframes также описывают поведение динамических и AJAX-элементов страниц — как они должны реагировать на действия пользователя. Стоит помнить, что схемы страниц — это не конечный дизайн системы и все размеры в нем относительные.
Назначение
Постановка задания дизайнеру. При отрисовке макетов страниц дизайнер должен не забыть все указанные в wireframes элементы и учитывать расставленные акценты.
Постановка задания разработчикам. Команда разработки должна руководствоваться wireframes при создании функционального прототипа системы (уже работающая система, к которой еще не «прикручен» дизайн).
Демонстрация инвесторам и потенциальным пользователям. Система может быть показана заинтересованным лицам уже через несколько недель после начала работ.
В каких процессах участвует документ?
Проектирование и дизайн интерфейсов Пять этапов, в ходе которых происходит сбор требований к продукту, проектирование и дизайн его интерфейса.
Юзабилити-консалтинг Три этапа, в ходе которых существующий продукт анализируется и готовятся рекомендации по улучшению его интерфейса.
Диаграммы переходов между страницами
Диаграммы переходов между страницами — это схемы работы пользователя с функциональностью системы. Такая диаграмма показывает, как пользователь выполняет одну из своих задач, переходя от страницы к странице. В отличие от карты сайта и схемы навигации, диаграммы переходов между страницами берут не всю систему, а ее конкретный модуль и рисуют процесс работы пользователя с ним во всех мелочах. Кроме того, если в карте сайта и схеме навигации важны иерархические отношения «раздел/страница», то описываемые диаграммы концентрируются на последовательности перехода между ними.
Пример диаграммы переходов между страницами