Разработан ли чек-лист проектировщика?
Проверить, что:
- Задача понятна.
- Проведен достаточный анализ для принятия дальнейших решений:
- изучены текущая реализация и причины такой реализации,
- открытые источники о предмете дизайна,
- терминология,
- решения конкурентов,
- действия пользователя или системы задокументированы в формате Use Case,
- бизнес-процесс задокументирован с помощью нотации BPMN,
- если запускается глобальный новый сценарий, то спроектирован CJM,
- составлен список стейхолдеров и экспертов.
- Описаны все краевые сценарии.
- Отрисованы все состояния страниц:
- состояние «без данных»
- во время загрузки
- ошибка при загрузке
- успех
- К каждому контролу написана спецификация:
- Тип поля
- Ссылка на базовую спецификацию компонента в дизайн-системе:
- Состояния: Enabled, Disabled, Hover, Focus, Active, Pressed
- Размеры
- Анимация
- Работа с помощью клавиатуры
- Кликабельные области элеме нтов, если они больше видимых
- Доступность
- Обязательно ли для заполнения
- Маска
- Минимальные и максимальные значения
- Значение по умолчанию
- Плейсхолдер
- Тип поднимаемой клавиатуры
- Валидация и сообщения об ошибках
- Если вызывается справочник:
- Название справочника и состояние в возможным содержимым
- Сортировка значений внутри справочника
- Количество видимых пунктов списка
- Механизм поиска, если это автокомплит
- Описание процесса и выбор точки начала загрузки значений из справочника
- Ошибка при загрузке
- В справочнике нет значений
- Ничего не найдено
- Для всех анимаций подготовлены отдельные прототипы и описания.
- Знаем как тянется дизайн и выглядит на мобильных устройствах.
- Продумана доступность фичи для пользователей с ограниченными возможностями:
- Заполнение ARIA-атрибутов
- Стилизация фокуса
- Tabindex
- Управление фокусом
- Продуман переход к предыдущему экрану.
- Показаны точки входа и выхода.
- Все экраны проверены в темной теме.
- Нужны ли подсказки для режима новичков.
- Задача прошла юзабилити-тестирование.
- Продуман процесс сбора фидбэка.
- Задача спроектирована в соответствии с принципами дизайна, принятыми в компании.
- Составлен чек-лист проверок для тестировщика, убедиться в полноте проверок. Выполняется совместно с
тестировщиком. - Разметил экраны для сбора метрик. Выполняется совместно с
дата-аналитиком. - Заказал написание инструкций для раздела «Помощь» и проревьюил их. Подготовил список потенциальных вопросов от пользователей. Выполняется совместно с
саппортом.
Согласования
Заказчики
Согласовал задачу с продактом и другими заказчиками, определенными в DoR.
Три амиго
Это способ совместного мышления, который устраняет пробелы в полноте и понимании бизнес-спецификаций.
Согласовал задачу и снял все вопросы от коллег: бизнес-аналитика, разработчика и тестировщика.
Дата-аналитик
Согласовал с аналитиком список метрик, которые помогут посчитать пользу от задачи и понять, как пользователи пользуются новой функциональностью. Запланировали создание дашборда или дат по выгрузке данных и их анализу.
Юрист
Некоторые задачи следует обязательно согласовывать с юристом. Особенно это касается новых формулировок, которые возникают в интерфейсах между компанией и клиентами.
SEO-специалист
Если запускаешь внешнюю индексируемую страницу, то согласовал содержимое и наполнение тегов с сеошником.
Редактор или UX-писатель
Сверился с редполитикой или Tone of Voice. Согласовал тексты с редактором.
Маркетинг и PR
- Знаем как рассказать о фиче: Release Notes, рассылка, онбординг.
- Информационные материалы готовы или готовятся.
- Согласована настройка целей в Метрике.
- Сроки запуска согласованы и зафиксированы.
Саппорт
Подготовили инструкции для раздела «Помощь». Передал потенциальные вопросы от пользователей. Запланировали дату публикации инструкций в хэлпе.
Ссылки
Проектировщик интерфейсов в Контуре
Эталонные сервисные модели и паттерны
Самостоятельная проверка интерфейса. Ivan Zviahin