ui topic / 页面架构与信息结构
Page Architecture & Information Structure
组织 Web 页面、内容层级和任务路径,让用户与搜索引擎都能理解页面关系。
Identity
- Subtype
- UI 设计语境主题
- Parent Taxonomy
- Web Interface Design
- Hierarchy Level
- UI 设计语境 · 主题
What
- Definition
- 组织 Web 页面、内容层级和任务路径,让用户与搜索引擎都能理解页面关系。
Why
- Core Question
- 用户如何从入口到目标内容,页面之间如何形成清晰结构?
- Classification Purpose
- 规划站点地图、页面层级和内容入口。
Where
- Applicable Context
- Home Page, Docs & FAQ, Tool Page, Article Page, Blog Index, Footer Navigation, Global Navigation, Related Content, Search & Filter, Universal Web Design
Lifecycle
- Status
- 草稿
Related content
Relationships come from the local knowledge graph and include reverse links.
- Article PageArticleRelated
承载一篇完整内容的详情页面,组织标题、正文、辅助信息、相关内容和下一步行动。
- Blog IndexBlog IndexRelated
聚合文章、主题和筛选入口的内容列表页,帮助用户发现和选择下一篇内容。
- Docs & FAQDocs / FAQRelated
回答使用问题、配置问题和常见疑问的文档与问答页面。
- Home PageHomeRelated
面向首次访问和回访用户的站点入口页面,解释站点价值并提供主要探索路径。
- Tool PageToolRelated
让用户输入信息、等待处理并获得可操作结果的工具型页面。
- Footer NavigationFooter NavigationRelated
页面底部承载补充导航、法律信息、联系入口和站点范围说明的区块。
- Global NavigationGlobal NavigationRelated
跨页面稳定存在的主要导航,帮助用户理解站点范围并进入核心区域。
- Related ContentRelated ContentRelated
根据当前页面主题、任务或用户下一步需求提供的相关内容区块。
- Search & FilterSearch & FilterRelated
帮助用户在大量页面、内容或结果中缩小范围并找到目标对象的区块。
- Web Interface DesignWeb 界面设计Related
围绕浏览器环境组织页面架构、导航、内容、区块、组件、转化和性能的界面设计领域。
- Article PageArticleReverse · Related
承载一篇完整内容的详情页面,组织标题、正文、辅助信息、相关内容和下一步行动。
- Blog IndexBlog IndexReverse · Related
聚合文章、主题和筛选入口的内容列表页,帮助用户发现和选择下一篇内容。
- Docs & FAQDocs / FAQReverse · Related
回答使用问题、配置问题和常见疑问的文档与问答页面。
- Footer NavigationFooter NavigationReverse · Related
页面底部承载补充导航、法律信息、联系入口和站点范围说明的区块。
- Global NavigationGlobal NavigationReverse · Related
跨页面稳定存在的主要导航,帮助用户理解站点范围并进入核心区域。
- Home PageHomeReverse · Related
面向首次访问和回访用户的站点入口页面,解释站点价值并提供主要探索路径。
- Related ContentRelated ContentReverse · Related
根据当前页面主题、任务或用户下一步需求提供的相关内容区块。
- Search & FilterSearch & FilterReverse · Related
帮助用户在大量页面、内容或结果中缩小范围并找到目标对象的区块。
- Tool PageToolReverse · Related
让用户输入信息、等待处理并获得可操作结果的工具型页面。
- Universal Web Design通用 Web 设计框架Related
一个不绑定真实网站的 Web 界面知识框架,用页面、区块、组件、模式和原则描述 Web 设计对象之间的关系。