设计/免费工具
UI 状态矩阵生成器
构建一个组件逐州覆盖矩阵,用于加载,空,错误,成功,离线,以及权限状态. 不经AI导出UI核对表.
国家规格
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的信用。 此工具将您在浏览器中的输出组装 。
从一个想法到有用的东西。
- 01
选择屏幕中的组件 。
- 02
切换适用于每个组件的状态 。
- 03
复制逐州执行清单.
有点背景
不同的组件需要不同的恢复路径. 表单需要验证反馈;数据表需要加载,没有结果,并重试状态. 被默认的默认提供了起始点,您可以改变每个单元格。 某些州是指需要覆盖,但尚未完成。
问得好
选定州是否已执行?
没有。 经检查的状态是设计和测试的要求. 此工具不检查您的应用程序 。
我可以去掉无关紧要的状态吗?
对 切换任意矩阵单元格。 您的导出仅包含选定组件的选定状态 。