UI 设计语境 · 主题 / Page Architecture & Information Structure
页面架构与信息结构
组织 Web 页面、内容层级和任务路径,让用户与搜索引擎都能理解页面关系。
Identity · 身份
- 子类型
- UI 设计语境主题
- 父级类目
- Web 界面设计
- 层级
- UI 设计语境 · 主题
What · 是什么
- 定义
- 组织 Web 页面、内容层级和任务路径,让用户与搜索引擎都能理解页面关系。
Why · 为什么
- 核心问题
- 用户如何从入口到目标内容,页面之间如何形成清晰结构?
- 分类目的
- 规划站点地图、页面层级和内容入口。
Where · 在哪里
- 适用场景
- Home、Docs / FAQ、Tool、Article、Blog Index、Footer Navigation、Global Navigation、Related Content、Search & Filter、通用 Web 设计框架
Lifecycle · 生命周期
- 状态
- 草稿
所属 UI 领域与横向 Web 关系
关系来自本地关系表,并包含反向关联。
- ArticleArticle Page应用于
承载一篇完整内容的详情页面,组织标题、正文、辅助信息、相关内容和下一步行动。
- Blog IndexBlog Index应用于
聚合文章、主题和筛选入口的内容列表页,帮助用户发现和选择下一篇内容。
- Docs / FAQDocs & FAQ应用于
回答使用问题、配置问题和常见疑问的文档与问答页面。
- HomeHome Page应用于
面向首次访问和回访用户的站点入口页面,解释站点价值并提供主要探索路径。
- ToolTool Page应用于
让用户输入信息、等待处理并获得可操作结果的工具型页面。
- Footer NavigationFooter Navigation应用于
页面底部承载补充导航、法律信息、联系入口和站点范围说明的区块。
- Global NavigationGlobal Navigation应用于
跨页面稳定存在的主要导航,帮助用户理解站点范围并进入核心区域。
- Related ContentRelated Content应用于
根据当前页面主题、任务或用户下一步需求提供的相关内容区块。
- Search & FilterSearch & Filter应用于
帮助用户在大量页面、内容或结果中缩小范围并找到目标对象的区块。
- Web 界面设计Web Interface Design属于
围绕浏览器环境组织页面架构、导航、内容、区块、组件、转化和性能的界面设计领域。
- ArticleArticle Page反向 · 属于
承载一篇完整内容的详情页面,组织标题、正文、辅助信息、相关内容和下一步行动。
- Blog IndexBlog Index反向 · 属于
聚合文章、主题和筛选入口的内容列表页,帮助用户发现和选择下一篇内容。
- Docs / FAQDocs & FAQ反向 · 属于
回答使用问题、配置问题和常见疑问的文档与问答页面。
- Footer NavigationFooter Navigation反向 · 属于
页面底部承载补充导航、法律信息、联系入口和站点范围说明的区块。
- Global NavigationGlobal Navigation反向 · 属于
跨页面稳定存在的主要导航,帮助用户理解站点范围并进入核心区域。
- HomeHome Page反向 · 属于
面向首次访问和回访用户的站点入口页面,解释站点价值并提供主要探索路径。
- Related ContentRelated Content反向 · 属于
根据当前页面主题、任务或用户下一步需求提供的相关内容区块。
- Search & FilterSearch & Filter反向 · 属于
帮助用户在大量页面、内容或结果中缩小范围并找到目标对象的区块。
- ToolTool Page反向 · 属于
让用户输入信息、等待处理并获得可操作结果的工具型页面。
- 通用 Web 设计框架Universal Web Design应用于
一个不绑定真实网站的 Web 界面知识框架,用页面、区块、组件、模式和原则描述 Web 设计对象之间的关系。