UI 设计语境 · 主题 / Content & Search Experience
内容与 SEO
把内容结构、搜索意图、内部链接和页面可读性纳入 UI 设计。
Identity · 身份
- 子类型
- UI 设计语境主题
- 父级类目
- Web 界面设计
- 层级
- UI 设计语境 · 主题
What · 是什么
- 定义
- 把内容结构、搜索意图、内部链接和页面可读性纳入 UI 设计。
Why · 为什么
- 核心问题
- 页面如何同时服务阅读、发现、理解和下一步行动?
- 分类目的
- 连接内容设计、SEO 结构与界面呈现。
Where · 在哪里
- 适用场景
- Docs / FAQ、Article、Blog Index、Pricing、Article Body、Content List、FAQ、Related Content、Search & Filter、通用 Web 设计框架、Search Field
Lifecycle · 生命周期
- 状态
- 草稿
所属 UI 领域与横向 Web 关系
关系来自本地关系表,并包含反向关联。
- ArticleArticle Page应用于
承载一篇完整内容的详情页面,组织标题、正文、辅助信息、相关内容和下一步行动。
- Blog IndexBlog Index应用于
聚合文章、主题和筛选入口的内容列表页,帮助用户发现和选择下一篇内容。
- Docs / FAQDocs & FAQ应用于
回答使用问题、配置问题和常见疑问的文档与问答页面。
- PricingPricing Page应用于
解释方案、价格、差异和购买或联系路径的商业页面。
- Article BodyArticle Body应用于
承载文章核心论证、说明或叙事的正文区块,包含标题层级、段落、媒体和辅助结构。
- Content ListContent List Section应用于
以列表、卡片或摘要集合呈现一组相关内容的页面区块。
- FAQFrequently Asked Questions应用于
以问题和答案组织常见疑问的内容区块,通常位于页面决策或帮助节点附近。
- Related ContentRelated Content应用于
根据当前页面主题、任务或用户下一步需求提供的相关内容区块。
- Search & FilterSearch & Filter应用于
帮助用户在大量页面、内容或结果中缩小范围并找到目标对象的区块。
- Web 界面设计Web Interface Design属于
围绕浏览器环境组织页面架构、导航、内容、区块、组件、转化和性能的界面设计领域。
- Article BodyArticle Body反向 · 属于
承载文章核心论证、说明或叙事的正文区块,包含标题层级、段落、媒体和辅助结构。
- Article CardArticle Card反向 · 属于
专门呈现文章标题、摘要、作者、主题或发布时间的内容卡片。
- ArticleArticle Page反向 · 属于
承载一篇完整内容的详情页面,组织标题、正文、辅助信息、相关内容和下一步行动。
- Blog IndexBlog Index反向 · 属于
聚合文章、主题和筛选入口的内容列表页,帮助用户发现和选择下一篇内容。
- Content ListContent List Section反向 · 属于
以列表、卡片或摘要集合呈现一组相关内容的页面区块。
- Docs / FAQDocs & FAQ反向 · 属于
回答使用问题、配置问题和常见疑问的文档与问答页面。
- FAQFrequently Asked Questions反向 · 属于
以问题和答案组织常见疑问的内容区块,通常位于页面决策或帮助节点附近。
- PaginationPagination反向 · 属于
将长列表分成多个可导航页面并显示当前位置的组件。
- PricingPricing Page反向 · 属于
解释方案、价格、差异和购买或联系路径的商业页面。
- Related ContentRelated Content反向 · 属于
根据当前页面主题、任务或用户下一步需求提供的相关内容区块。
- Related LinkRelated Link反向 · 属于
带有上下文说明、指向相关内容或下一步任务的链接组件。
- Search & FilterSearch & Filter反向 · 属于
帮助用户在大量页面、内容或结果中缩小范围并找到目标对象的区块。
- Search FieldSearch Field应用于
让用户输入查询词并触发内容或数据检索的专用输入组件。
- 通用 Web 设计框架Universal Web Design应用于
一个不绑定真实网站的 Web 界面知识框架,用页面、区块、组件、模式和原则描述 Web 设计对象之间的关系。