Проверка страницы (экрана)
<aside>
⚠️ Если вы нашли ошибку, которую ваш разработчик поправить не может и сообщает, что ошибка в компоненте разработки продукта — сообщите об этом руководителю дизайна продукта.
</aside>
Не забудьте проверить состояния:
- Состояние загрузки экрана, элементов (медленная загрузка, ошибка, успех)
- Состояние потери/восстановления соединения интернета
- Пустые состояния (нет данных)
- Валидация
- Много/мало данных (списки, карточки, заголовки и пр.)
- Успех, подтверждение (уведомления и индикации)
- Поиск (соответствие/несоответствие)
- Проверить текст интерфейса на другом языке (всё ли было переведено на другой язык)
Критические — то, что может повлиять на прохождение сценария
- [ ] Работоспособность сценария (если есть ветви и их)
- [ ] Наполнение страницы (экрана) в соответствии с тикетом на разработку
- [ ] Отображение на разных разрешениях
- [ ] Отображение на разных браузерах
- [ ] Соблюдение сетки
- [ ] Тексты на соответствие макету
- [ ] Состояния элементов и их стили при смене состояния
Некритические — ошибки, которые не влияют на прохождение сценария
- [ ] Иллюстрации и иконки на отображение и их размер, на соответствие макету
- [ ] Наличие неразрывных пробелов
- [ ] Отступы на соответствие макетам
- [ ] Шрифты на соответствие стилям
Проверка компонентов дизайн-системы
<aside>
⚠️ При нахождении расхождений обязательно сообщите об этом команде дизайн-системы.
</aside>
- [ ] Проверка стилей шрифтов на соответствие значениям в стилях дизайн-системы
- [ ] Проверка состояний элементов страницы на соответствие дизайн-компонентам