跳转到内容
设计/免费工具

UI 状态矩阵生成器

构建一个组件逐州覆盖矩阵,用于加载,空,错误,成功,离线,以及权限状态. 不经AI导出UI核对表.

此屏幕上的组件

屏幕组件

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回到细节上

导出文本保留英文格式;您输入的内容保持不变。

没有注册。 没有AI的信用。 此工具将您在浏览器中的输出组装 。

从一个想法到有用的东西。

  1. 01

    选择屏幕中的组件 。

  2. 02

    切换适用于每个组件的状态 。

  3. 03

    复制逐州执行清单.

有点背景

不同的组件需要不同的恢复路径. 表单需要验证反馈;数据表需要加载,没有结果,并重试状态. 被默认的默认提供了起始点,您可以改变每个单元格。 某些州是指需要覆盖,但尚未完成。

问得好

选定州是否已执行?

没有。 经检查的状态是设计和测试的要求. 此工具不检查您的应用程序 。

我可以去掉无关紧要的状态吗?

对 切换任意矩阵单元格。 您的导出仅包含选定组件的选定状态 。

所有工具