Web 页面模块与内容模式 / Related Content
Related Content
在当前内容之后提供语义相关、下一步阅读或相邻任务的入口。
关键字段
Identity · 身份
- 子类型
- 模块
What · 是什么
- 定义
- 在当前内容之后提供语义相关、下一步阅读或相邻任务的入口。
Why · 为什么
- 实现目标
- 先确认该模块解决的信息或任务问题，再控制内容密度、阅读顺序和动作优先级；所有证据、外链和社交内容都应有来源、替代路径和可访问语义。
Where · 在哪里
- 适用场景
- 内容与界面语言、Image、Link、Icon、Grid、Web 界面设计、Card Group、Article Card、Article、Pillar Page、Blog Index、Docs / FAQ、Tool、Related Content
How · 怎么做
- 实现说明
- 先确认该模块解决的信息或任务问题，再控制内容密度、阅读顺序和动作优先级；所有证据、外链和社交内容都应有来源、替代路径和可访问语义。
How much · 多少
- 衡量指标
- 高 · 重要
Lifecycle · 生命周期
- 状态
- 启用
Content · 补充内容
- 兼容标签
- 通用 · 高 · 重要 · 内容
适用页面类型、Web 区块、UI 组件与主题
关系来自本地关系表，并包含反向关联。
- Shopify 迁移文章行动Shopify Migration Article CTA反向 · 应用于
Shopify 的迁移型比较文章围绕平台差异组织信息，并把替代方案、迁移内容和产品入口相互连接。
- Zapier 博客工作流入口Zapier Blog Workflow Entry反向 · 应用于
Zapier 博客通过分类、推荐文章和工作流内容帮助访客定位自动化场景，并把相关主题连接到产品探索。
- ArticleArticle Page应用于
承载一篇完整内容的详情页面，组织标题、正文、辅助信息、相关内容和下一步行动。
- Blog IndexBlog Index应用于
聚合文章、主题和筛选入口的内容列表页，帮助用户发现和选择下一篇内容。
- Docs / FAQDocs & FAQ应用于
回答使用问题、配置问题和常见疑问的文档与问答页面。
- Pillar PagePillar Page应用于
围绕一个宽主题组织深度解释、子主题入口和相关内容链接的支柱页面模板。
- ToolTool Page应用于
让用户输入信息、等待处理并获得可操作结果的工具型页面。
- Related ContentRelated Content应用于
根据当前页面主题、任务或用户下一步需求提供的相关内容区块。
- Web 界面设计Web Interface Design应用于
围绕浏览器环境组织页面架构、导航、内容、区块、组件、转化和性能的界面设计领域。
- 内容与界面语言Content & Interface Language应用于
用标签、提示、说明和错误文案帮助用户理解界面和采取行动。
- GridGrid应用于
定义容器、列、间隙和阅读宽度等布局基础。
- IconIcon应用于
表达操作、对象、状态或方向的视觉符号。
- ImageImage应用于
Image 如何在界面中被理解、操作或组合？
- LinkLink应用于
Link 如何在界面中被理解、操作或组合？
- Article CardArticle Card应用于
专门呈现文章标题、摘要、作者、主题或发布时间的内容卡片。
- Card GroupCard Group应用于
以一致布局组织多个卡片并表达集合关系的结构