Мастер (интерфейс пользователя)

Мастер — способ построения пользовательских интерфейсов, при котором для выполнения какого-либо действия пользователю необходимо последовательно пройти несколько форм, содержащих небольшое количество элементов управления. Широко применяется при установке и начальной настройке программного обеспечения. Значительный вклад в распространение этого подхода внесла компания Microsoft, начинавшая активно использовать этот приём в Windows 95.

В современном UX-дизайне «мастер» представляет собой структурированный паттерн, интегрируемый в пользовательские пути (User Flow) в виде выделенных потоков или модальных окон. Современные реализации паттерна характеризуются переходом к динамическим адаптивным пошаговым сценариям, при которых система автоматически определяет следующий шаг на основе введённых пользователем данных[1].

История

В 1991 году при разработке Microsoft Publisher возникла задача помочь пользователям, не имеющим профессиональных навыков в подготовке печатных документов, сделать их документы опрятными по внешнему виду. В Microsoft посчитали, что, вне зависимости от выбранного инструмента, новичкам будет сложно освоить работу самостоятельно. С целью облегчения работы придумали интерфейс «Page wizards», позволявший пошагово выполнять разметку документа на основе заранее подготовленных шаблонов, а затем редактировать её стандартными средствами[2]. Подобные интерфейсы проектировались в Microsoft и ранее, например для Microsoft Access, однако эта программа вышла позднее — в ноябре 1992 года. Уже в 1989 году обсуждались идеи применения синтеза речи и говорящих персонажей, однако тогда их реализовать не удалось из-за технических ограничений.

Позже мастеры были внедрены и в других приложениях. В 1992 году они появились в Microsoft Excel для Mac, например, для работы со сводными таблицами. В Office 95 появился «мастер ответов», предназначенный для поиска в справочной системе с помощью естественного языка[3], а в Windows 95 мастеры активно использовались для настройки различных параметров, таких как печать или подключение к Интернету[2].

К 2001 году аналогичные инструменты появились и в других операционных системах. В Mac OS такие интерфейсы назывались «ассистентами» (англ. assistant, «помощник»), впоследствии аналогичный термин использовался и в среде Gnome.

Хотя в Microsoft Manual of Style рекомендовалось называть подобные интерфейсы «мастерами», по мере их широкого распространения этот термин стал использоваться реже. Многие приложения, имеющие пошаговые интерфейсы для выполнения определённых действий, не используют обозначения «мастер»[4].

Описание

Основная задача мастера — помогать пользователю решать сложную задачу, разбивая её на небольшие последовательные подзадачи вместо того, чтобы сразу открывать весь набор доступных инструментов, в которых можно запутаться[5]. Мастер представляет собой разновидность диалогового окна. Главные признаки мастера: наличие кнопок «Далее» и «Назад» для поэтапного перехода вперёд или возвращения назад. Обычно также предусмотрена кнопка «Отмена» для закрытия окна без выполнения действия. На последнем этапе кнопку «Далее» обычно заменяет кнопка «Готово»[6]. В некоторых мастерах кнопка «Готово» доступна на всех этапах, если предполагается, что пользователь может принять настройки по умолчанию, не проходя все шаги. Свободный переход к произвольному этапу является исключением, однако возможен возврат к пройденным или разблокированным шагам через боковую панель или индикатор прогресса[7][1]. Современные мастера также поддерживают сохранение состояния (state persistence), что позволяет прервать работу или отменить действие, сохранив текущий прогресс для последующего возобновления[8].

Первое окно мастера по традиции не содержит элементов управления и представляет собой окно приветствия с разъяснением сути выполняемого действия, однако в современных SaaS-продуктах эта традиция уступает подходу «нулевого шага», при котором приветственные экраны сразу содержат активные элементы (CTA) и направляют пользователя к первому целевому действию[9][10]. Завершающее окно обычно информирует о достигнутом результате. Некоторые мастеры снабжены индикатором, показывающим текущий шаг и количество оставшихся этапов[5]. Стандартом для минимизации возвратов в многошаговых формах является валидация всех полей текущего шага перед переходом на следующий[11][12].

Психология и UX

Использование паттерна «Мастер» направлено на снижение когнитивной нагрузки пользователя и является практическим воплощением принципа прогрессивного раскрытия (англ. Progressive Disclosure). За счёт декомпозиции сложных задач на последовательные шаги интерфейс отображает только ту информацию, которая актуальна для конкретного этапа. Фокусировка на релевантных данных позволяет пользователю направить ресурсы рабочей памяти на текущую задачу, что снижает умственные усилия и минимизирует риск ошибок.

В мобильных интерфейсах

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

Правовое регулирование

В России использование предустановленных флажков (тёмных паттернов) в пошаговых формах получения согласия запрещено поправками к закону о защите прав потребителей, требующими явного согласия пользователя. С 9 января 2026 года за их использование предусмотрены штрафы по статье 14.8 КоАП РФ: от 200 до 500 тысяч рублей для юридических лиц и от 50 до 150 тысяч рублей для должностных лиц и индивидуальных предпринимателей[14].[15].

Критика

Мастера получили широкое распространение, однако для опытных пользователей и во многих случаях, где требуется выполнить большие объёмы настроек, которые трудно оформить в последовательную цепочку шагов, предпочтение отдают традиционным окнам с полным набором опций. Для опытных пользователей эффективной альтернативой также выступают «длинные формы» (англ. One-page forms) с якорным меню. Они обеспечивают высокую скорость ввода, гибкость и удобство быстрого возврата к предыдущим разделам для проверки или редактирования данных, что особенно актуально для частых повторяющихся задач средней сложности и форм с большим объёмом взаимозависимых настроек[16].[17]

Алан Купер критикует использование мастеров, называя подобный интерфейс «допросом пользователя», «не являющимся ни дружелюбным, ни вселяющим уверенность, и не приносящим сколько-либо заметной пользы», а также указывает, что он «не удосуживается объяснить, что происходит», а популярность формата среди разработчиков ПО объясняется возможностью «общаться с пользователем как с периферийным устройством» и перекладывать ответственность за неудобство интерфейса на пользователя, тогда как сам интерфейс построен с опорой на интересы разработчиков, а не реальных пользователей[18]. Мастеры также критикуют за необходимость выполнять излишние действия. Если мастер используется не самостоятельно, а как альтернатива сложному интерфейсу для новичков, возникающие формы оказываются оторваны от контекста, что мешает сопоставить элементы управления в мастере и основном приложении и затрудняет понимание процесса, для которого предназначен весь интерфейс[5]. Часто пользователи проходят все шаги не глядя, полагаясь на значения по умолчанию[18], чем нередко пользуются распространители нежелательного ПО.

Ещё одним решением проблемы жёсткой линейности мастеров является паттерн «Hub-and-spoke» (с англ. — «ступица и спицы»). В отличие от традиционных мастеров, связывающих экраны в строгий линейный поток, этот подход использует единый центральный экран (хаб) для перехода к различным разделам или задачам (спицам), позволяя пользователю переходить к ним в произвольном порядке[19].[20][21]

Примечания

  1. 1 2 Wizard UI Pattern Explained. Eleken. Дата обращения: 27 августа 2026.
  2. 1 2 Microsoft, 2001.
  3. Sinofsky, Steven 036. Fancy Wizard and Red Squiggles (англ.). hardcoresoftware.learningbyshipping.com. Дата обращения: 27 августа 2026. Архивировано 19 июля 2021 года.
  4. An intro to user onboarding, part 1 — InVision Blog (англ.), InVision Blog (8 января 2015). Архивировано 12 июня 2018 года. Дата обращения: 27 августа 2026.
  5. 1 2 3 Babich.
  6. UIPatterns.
  7. Wizard Design Guidelines. PatternFly. Дата обращения: 27 августа 2026.
  8. Wizards: When and How to Use Them. Nielsen Norman Group. Дата обращения: 27 августа 2026.
  9. SaaS Onboarding Best Practices. Design Revision. Дата обращения: 27 августа 2026.
  10. SaaS Onboarding Flows That Actually Convert (2026). SaaS UI Design. Дата обращения: 27 августа 2026.
  11. Inline Validation UX. Smart Interface Design Patterns. Дата обращения: 27 августа 2026.
  12. Multi-Step Forms. Static Forms Dev. Дата обращения: 27 августа 2026.
  13. Wizard UI Pattern Explained. Eleken. Дата обращения: 27 августа 2026.
  14. Запрет на тёмные паттерны в России с 2026 года. Proversite. Дата обращения: 27 августа 2026.
  15. Новые штрафы за тёмные паттерны: что изменится с 2026 года. Хабр. Дата обращения: 27 августа 2026.
  16. Wizards Versus Forms. UXmatters (19 сентября 2011). Дата обращения: 27 августа 2026.
  17. Single-Page vs. Multi-Page Forms: When to Use Which. UX Movement. Дата обращения: 27 августа 2026.
  18. 1 2 Купер, 2009, с. 627-628.
  19. Show Me the Way to Go Anywhere: Navigation for Mobile Applications. Interaction Design Foundation. Дата обращения: 27 августа 2026.
  20. iOS Navigation. frankrausch.com. Дата обращения: 27 августа 2026.
  21. Navigation. Oracle UX Alta Patterns. Дата обращения: 27 августа 2026.

Литература

  • Алан Купер. Об интерфейсе. Основы проектирования = About Face. The Essentials of Interaction Design. — 3. — СПб.: Символ-Плюс, 2009. — С. 499. — 688 с. — 1500 экз. — ISBN 978 5 93286 132 5.
  • Constantine Stephanidis. part III // Universal Access in Human-Computer Interaction. Context Diversity. — Springer, 2011. — ISBN 978-3-642-21665-7. — doi:10.1007/978-3-642-21666-4.

Ссылки

Категории