ui topic / 导航与方向感
Navigation & Orientation
通过全局导航、局部导航、面包屑和当前状态帮助用户定位。
Identity
- Subtype
- UI 设计语境主题
- Parent Taxonomy
- Web Interface Design
- Hierarchy Level
- UI 设计语境 · 主题
What
- Definition
- 通过全局导航、局部导航、面包屑和当前状态帮助用户定位。
Why
- Core Question
- 用户在哪里、从哪里来、还能去哪里?
- Classification Purpose
- 降低迷路成本,支撑探索和回退。
Where
- Applicable Context
- Search Results Page, Documentation Shell, File Browser, Inbox, Notification Center Page, Footer Navigation, Global Navigation, Universal Web Design, Header, Navigation
Lifecycle
- Status
- 草稿
Related content
Relationships come from the local knowledge graph and include reverse links.
- Footer NavigationFooter NavigationRelated
页面底部承载补充导航、法律信息、联系入口和站点范围说明的区块。
- Global NavigationGlobal NavigationRelated
跨页面稳定存在的主要导航,帮助用户理解站点范围并进入核心区域。
- Breadcrumb TrailBreadcrumb TrailReverse · Related
显示当前页面在信息架构中的位置,并提供返回上级的路径。
- Footer NavigationFooter NavigationReverse · Related
在页面末端提供次级导航、法律信息、联系入口和补充行动。
- Global NavigationGlobal NavigationReverse · Related
跨页面提供品牌、一级目的地、账户和全局操作的稳定入口。
- Pagination / Load MorePagination / Load MoreReverse · Related
将较大的结果集合拆分成可控制的批次,并让用户继续浏览。
- Search & FilterSearch & FilterReverse · Related
帮助用户在内容集合、工具数据或资源目录中定位目标。
- Search Suggestions / CommandSearch Suggestions / CommandReverse · Related
在用户输入过程中提供建议、命令、历史和可直接执行的结果。
- Store LocatorStore LocatorReverse · Related
让用户按位置、服务或库存查找最近的门店、机构或服务点。
- Web Interface DesignWeb 界面设计Related
围绕浏览器环境组织页面架构、导航、内容、区块、组件、转化和性能的界面设计领域。
- Back LinkBack LinkReverse · Related
返回上一级或父级页面的导航链接。
- Skip LinkSkip LinkReverse · Related
跳过重复导航、直接进入主内容的辅助导航链接。
- App BarApp BarReverse · Related
结合品牌、导航、页面标题和全局操作的应用顶部栏。
- Bottom NavigationBottom NavigationReverse · Related
在移动或窄屏界面中提供固定的一级目的地切换。
- MenubarMenubarReverse · Related
提供桌面应用式的顶层菜单组和键盘导航。
- Navigation MenuNavigation MenuReverse · Related
组织站点、产品或应用的主导航及其子级入口。
- Service NavigationService NavigationReverse · Related
在政府、机构或大型服务站点中保持全局服务入口的导航。
- Documentation ShellDocumentation ShellRelated
以侧边导航、正文、目录、版本和搜索组成的文档阅读模板。
- File BrowserFile BrowserRelated
浏览、搜索、排序、选择和管理文件与文件夹的工作区页面。
- InboxInboxRelated
以列表、详情、筛选、已读状态和批量操作处理消息或任务的工作区。
- Notification Center PageNotification Center PageRelated
聚合通知、筛选、已读和跳转动作的页面级模式。
- Search Results PageSearch Results PageRelated
搜索、筛选、排序、分页和结果反馈组成的发现型页面。
- BreadcrumbBreadcrumbReverse · Related
显示当前页面在站点层级中位置的路径组件。
- Footer NavigationFooter NavigationReverse · Related
页面底部承载补充导航、法律信息、联系入口和站点范围说明的区块。
- Global NavigationGlobal NavigationReverse · Related
跨页面稳定存在的主要导航,帮助用户理解站点范围并进入核心区域。
- HeaderHeaderRelated
页面顶部承载品牌、全局导航和主要操作的容器组件。
- NavigationNavigationRelated
提供一组有层级关系的页面或功能入口的组件。
- PaginationPaginationReverse · Related
将长列表分成多个可导航页面并显示当前位置的组件。
- Related LinkRelated LinkReverse · Related
带有上下文说明、指向相关内容或下一步任务的链接组件。
- Universal Web Design通用 Web 设计框架Related
一个不绑定真实网站的 Web 界面知识框架,用页面、区块、组件、模式和原则描述 Web 设计对象之间的关系。