01 Точное место. Понятное действие.
Завершённый учебный UX/UI-концепт продукта для согласования визуальных макетов. В комплекте: презентация, 12 экранных состояний, система интерфейса и рабочий прототип.
02 Задача и аудитория
Проектная гипотеза и критерии решения: точность области, принадлежность версии и ясный статус замечания. Интервью не проводились.
03 Модель и архитектура
Информационная архитектура связывает макеты, версии и замечания. Нормализованные координаты сохраняют привязку точки при изменении масштаба.
04 Система интерфейса
Графит задаёт контекст, фиолетовый выделяет действия и выбранные комментарии. Светлые поверхности сохраняют спокойное рабочее поле. Сетка 8 px, Manrope и повторяемые компоненты связывают экранные состояния.
05 Аннотации
Master–detail и нумерованные маркеры поддерживают связь изображения и обратной связи. Координаты, номер и текст доступны в рабочем прототипе.
06 Сравнение версий
Сравнение рядом поддерживает разные пропорции. Шторка доступна при одинаковых размерах и имеет альтернативные кнопки управления.
07 Согласование и обратимость
Открытые вопросы блокируют согласование. Новый комментарий или версия снимают статус; решённый вопрос можно открыть повторно.
08 Адаптивные макеты
Фрагменты трёх мобильных состояний: выбранный макет, добавление аннотации и решённые замечания. Порядок соответствует сценарию продукта.
09 CJM и пользовательский путь
Четыре фазы связывают потребность с механикой интерфейса. Полная CJM и user flow доступны отдельными редактируемыми диаграммами.
10 Проверка
28 сценариев проверяют загрузку, данные, версии, аннотации, согласование и экспорт. Показатели UX и бизнес-эффект не заявляются.
11 Итог проекта
Результат — завершённый UX/UI-концепт с моделью данных, экранными состояниями, адаптивными макетами, диаграммами и работающим локальным прототипом.
12 Материалы и происхождение
Все материалы доступны для просмотра и редактирования. Учебный формат и использование Codex обозначены; реальные исследования и результаты заказчика не выдуманы.