Web 页面模块与内容模式 / Progress / Empty / Error
Progress / Empty / Error
在内容、任务或数据暂不可用时解释发生了什么,并提供等待、恢复或替代路径。
Identity · 身份
- 子类型
- 模块
What · 是什么
- 定义
- 在内容、任务或数据暂不可用时解释发生了什么,并提供等待、恢复或替代路径。
Why · 为什么
- 实现目标
- 先确认该模块解决的信息或任务问题,再控制内容密度、阅读顺序和动作优先级;所有证据、外链和社交内容都应有来源、替代路径和可访问语义。
Where · 在哪里
- 适用场景
- 状态与反馈、Icon、Metric、Link、Typography、Web 界面设计、Callout、Alert、Result Panel、Tool、Docs / FAQ、Blog Index、Home、Progress / Empty / Error
How · 怎么做
- 实现说明
- 先确认该模块解决的信息或任务问题,再控制内容密度、阅读顺序和动作优先级;所有证据、外链和社交内容都应有来源、替代路径和可访问语义。
How much · 多少
- 衡量指标
- 高 · 核心
Lifecycle · 生命周期
- 状态
- 启用
Content · 补充内容
- 兼容标签
- 基础 · 高 · 核心 · 反馈
适用页面类型、Web 区块、UI 组件与主题
关系来自本地关系表,并包含反向关联。
- Blog IndexBlog Index应用于
聚合文章、主题和筛选入口的内容列表页,帮助用户发现和选择下一篇内容。
- Docs / FAQDocs & FAQ应用于
回答使用问题、配置问题和常见疑问的文档与问答页面。
- HomeHome Page应用于
面向首次访问和回访用户的站点入口页面,解释站点价值并提供主要探索路径。
- ToolTool Page应用于
让用户输入信息、等待处理并获得可操作结果的工具型页面。
- Progress / Empty / ErrorProgress, Empty & Error States应用于
描述工具或页面在等待、没有结果、失败和可恢复状态下的反馈区块。
- CloudConvertCloudConvert反向 · 应用于
从文件选择、目标格式配置到转换下载,呈现一个可扩展的上传处理导出管线。
- Compress JPEGCompress JPEG反向 · 应用于
支持一次选择多张图片,统一压缩后以批量下载承接结果,强调队列进度和处理反馈。
- ConvertioConvertio反向 · 应用于
以文件上传和目标格式选择为核心,支持多文件进入转换队列,再统一下载产物。
- FreeConvertFreeConvert反向 · 应用于
从多文件上传进入统一转换队列,提供格式配置、处理进度和批量下载。
- iLovePDFiLovePDF反向 · 应用于
用工具目录承接 PDF 上传任务,再按压缩、合并、转换等动作进入结果下载。
- Mozilla ObservatoryMozilla Observatory反向 · 应用于
通过 URL 扫描给出网站安全实践评分和检查项,形成输入、扫描、报告的闭环。
- PageSpeed InsightsPageSpeed Insights反向 · 应用于
输入页面 URL 后生成性能与体验报告,用分数、诊断项和建议帮助用户定位优化机会。
- PDF24 ToolsPDF24 Tools反向 · 应用于
将 PDF 操作拆成工具目录和文件队列,支持多文件处理后统一导出。
- remove.bgremove.bg反向 · 应用于
以图片上传为起点,自动完成背景移除,再把预览、下载和高清导出组织成连续流程。
- SecurityHeadersSecurityHeaders反向 · 应用于
以网站地址为输入,返回安全响应头检查和评级结果,并把缺失项转为整改线索。
- SquooshSquoosh反向 · 应用于
在浏览器内上传或拖入图片,通过压缩参数对比预览,再下载处理后的文件。
- SSL Labs SSL Server TestSSL Labs SSL Server Test反向 · 应用于
输入域名后展开证书、协议和服务器配置评估,用分级报告呈现技术风险。
- ZamzarZamzar反向 · 应用于
用上传、选择目标格式、转换和下载四步组织文件批处理,降低格式转换的认知成本。
- Web 界面设计Web Interface Design应用于
围绕浏览器环境组织页面架构、导航、内容、区块、组件、转化和性能的界面设计领域。
- 状态与反馈States & Feedback应用于
处理 Web 页面和工具在加载、空、错误、成功和进度中的体验。
- TypographyTypography应用于
定义字体家族、字号、字重、行高和字距的基础尺度。
- IconIcon应用于
表达操作、对象、状态或方向的视觉符号。
- LinkLink应用于
Link 如何在界面中被理解、操作或组合?
- MetricMetric应用于
展示一个数值、单位、时间范围和解释的指标组件。
- AlertAlert应用于
在当前上下文中提示重要信息、风险或结果的结构
- CalloutCallout应用于
用显著的视觉容器强调补充信息、解释或行动建议。
- Result PanelResult Panel应用于
在操作或查询完成后集中呈现结果、解释和后续动作。