Для UX/UI-дизайнеров и разработчиков интерфейсов, которые хотят проектировать поведение до визуальной полировки. На учебной записи на примерку разбираем загрузку, отсутствие слотов, конфликт выбора, неопределённый результат отправки и восстановление. Из карты состояний собираем небольшой проверяемый прототип.
Содержание 5
Для кого
Для дизайнеров с базовым владением прототипированием и разработчиков, участвующих в обсуждении поведения интерфейса. Задача занятия — согласовать состояние и действие, а не освоить рисование с нуля. Используем вымышленный сервис записи без реальных контактов, платежей и персональных данных.
До начала
- Выберите небольшой учебный сюжет, который можно разобрать целиком.
- Подготовьте исходники, на использование которых есть права.
- Проверьте доступ к выбранному инструменту; платная подписка не входит в авторскую стоимость.
- Сформулируйте один вопрос, на который хотите получить ответ в разборе.
Программа
- Разложить задачу на решения пользователя.
- Описать данные и ограничения.
- Составить таблицу состояний.
- Нарисовать сценарий восстановления.
- Проверить фокус и клавиатурный путь.
- Подготовить спецификацию для разработчика.
Самостоятельная работа
Разложите запись на выбор времени, ввод контакта и подтверждение. Для каждого шага опишите пустое состояние, ожидание и ошибку. Соберите основной путь и две ветки восстановления, затем пройдите их только клавиатурой. В спорном случае отдельно укажите, какое поведение зависит от серверного контракта.
Как оценивается учебная работа
- ☐Каждое действие имеет входные данные, результат и возможную ошибку.
- ☐Потеря соединения не объявляется автоматически отсутствием записи.
- ☐При восстановлении сохраняются допустимые уже введённые сведения.
- ☐Фокус и клавиатурный путь позволяют завершить сценарий.
- ☐Границы между поведением прототипа и будущей серверной реализацией обозначены.
Результат обучения
Таблица состояний записи, прототип основного пути и восстановления, схема порядка фокуса, примеры для 390 и 1440 px и критерии приёмки повторной отправки.
Работа с ИИ
Авторский сценарий. Генеративные инструменты помогают подготовить варианты; проверку смысла, качества, прав и окончательное решение выполняет человек.