Перейти к содержимому
Дизайн/Бесплатный инструмент

Генератор матрицы состояний интерфейса

Постройте матрицу покрытия по каждому штату для загрузки, пустых, ошибок, успеха, автономных и разрешенных состояний. Экспортировать контрольный список пользовательского интерфейса без ИИ.

Компоненты на этом экране

Экранные компоненты

4 Предложенные государства

4 Предложенные государства

3 Предложенные государства

5 Предложенные государства

4 Предложенные государства

4 Предложенные государства

Резюме по охвату

Компоненты

2

Требуемые государства

8

Охват государства

Выберите государства, в которых нуждается каждый компонент. Это требования, а не комплектация чекбоксов.

Требуемые состояния UI по компонентам
компонентLoadingEmptyErrorSuccessOfflineNo permission
Data table
Form

Спецификация по штату

ui-state-matrix.md

UI state coverage requirements

Data table

  • Loading: Preserve context, communicate progress, and prevent duplicate actions.
  • Empty: Explain why there is nothing here and offer a useful next action.
  • Error: Explain the failed action, preserve safe input, and offer a recovery path.
  • No permission: Explain missing access and offer a safe destination. Enforce authorization on the server.

Form

  • Loading: Preserve context, communicate progress, and prevent duplicate actions.
  • Error: Explain the failed action, preserve safe input, and offer a recovery path.
  • Success: Confirm the completed action and make the resulting state clear.
  • Offline: Explain the connection issue, preserve safe local input, and provide a retry path.

These are required states, not verified implementations. Use existing components and validate the final behavior with real data and keyboard navigation.

Количество слов: 136Вернуться к подробностям ↑

Текст экспорта остаётся на английском; введённые данные сохраняются без изменений.

Не подписывайся. Никаких кредитов. Этот инструмент собирает ваш вывод в вашем браузере.

От идеи к чему-то полезному.

  1. 01

    Выберите компоненты на экране.

  2. 02

    Переключите состояния, которые применяются к каждому компоненту.

  3. 03

    Копировать контрольный список реализации по штатам.

Небольшой контекст.

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

Хорошие вопросы.

Отобранные государства уже реализуются?

Нет. Проверенные состояния являются требованиями к проектированию и тестированию. Этот инструмент не проверяет ваше приложение.

Могу ли я удалить несуществующие государства?

Да. Переключите любую ячейку матрицы. Ваш экспорт включает только выбранные государства для выбранных компонентов.

Все инструменты