Ниже два формата схем, которые я разработал для представления архитектуры интерфейса и активно использую в сложных проектах. В отличие от UML, оба формата хорошо подходят для концептуального проектирования, наглядны, просты и были взяты на вооружение менеджерами и дизайнерами, с которыми я работаю.

«Интерфейс — Объекты»

Схема показывает связи объектов программы, таких как пользователь или проект, с элементами интерфейса. Благодаря наглядности схему часто забирают в продуктовые презентации менеджеры и используют разработчики.

Выше более сложный вариант той же схемы: верхний слой представляет интерфейс, средний — объекты в интерфейсе, а нижний — источники объектов (базы данных).

«Сценарии (JTBD) — Функции программы»

Схема для оценки востребованности различных функций в программе с учётом JTBD.

В левой части — JTBD с детализацией от крупных целей до мелких задач. В правой — функции программы, закрывающие эти задачи. Маркеры рядом со сценариями и задачами обозначают их приоритет для пользователя. Цвета коннекторов обозначают налоговые (UX tax) и незакрытые сценарии.

Cпособ визуализации получился очень удачным и теперь используется продуктовой командой.