Дизайн интерфейса — описание того как система взаимодействует с пользователем в run-time. Помимо дизайна интерфейса есть и другие описания, например, как продукт обменивается информацией “под капотом”. Воплощение этих описаний — сам продукт, его поведение и функции, его интерфейс (UI) и взаимодействие пользователя с продуктом через этот UI.
Дизайн интерфейса — одно из набора описаний системы, которая воплощается/реализуется/разрабатывается, поэтому приёмкой работ по дизайну интерфейса будет приемка всей системы в целом. Другими словами — дизайн интерфейса признается успешным только при успешности всей системы.
При этом в процессе разработки этого описания (дизайна интерфейса) можно выделить вниманием именно фронт (front-end) продукта, который будет интерфейсным портом, а сам интерфейс будет возникать между фронтом и пользователем в run-time. При выделении фронта как Локальной Целевой Системы (ЛЦС) у этого фронта тоже будет своя архитектура, которая основана на функциях/требованиях, а они в свою очередь трассированы от потребностей надсистемы ЦС. Здесь важно понимать, что из списка потребностей и страссированных к ним требований только часть требований будут рассмотрены в рамках ЛЦС.
Стандартные модули архитектуры фронта:
Контролы (элементы) — принимают команды от пользователя и передают в ЦС.
Навигация — показывает пользователю текущую локацию, содержит контролы, передает запрос пользователя на перемещение к контенту.
Компоновка — размещает навигацию и контролы, отображает пользователю целевой контент/данные.
Интерфейс, порт, соединение — как порт у физических устройств обеспечивает интерфейс, так и элементы UI обеспечивают тот самый пользовательский интерфейс, который воплощается только в момент использования.