Web 页面模块与内容模式 / Search & Filter
Search & Filter
帮助用户在内容集合、工具数据或资源目录中定位目标。
关键字段
Identity · 身份
- 子类型
- 模块
What · 是什么
- 定义
- 帮助用户在内容集合、工具数据或资源目录中定位目标。
Why · 为什么
- 实现目标
- 先确认该模块解决的信息或任务问题，再控制内容密度、阅读顺序和动作优先级；所有证据、外链和社交内容都应有来源、替代路径和可访问语义。
Where · 在哪里
- 适用场景
- 导航与方向感、Searchbox、Select、Tag、Web 界面设计、Search & Filter Bar、Filter Panel、Blog Index、Pillar Page、Docs / FAQ、Tool、Search & Filter
How · 怎么做
- 实现说明
- 先确认该模块解决的信息或任务问题，再控制内容密度、阅读顺序和动作优先级；所有证据、外链和社交内容都应有来源、替代路径和可访问语义。
How much · 多少
- 衡量指标
- 高 · 核心
Lifecycle · 生命周期
- 状态
- 启用
Content · 补充内容
- 兼容标签
- 基础 · 高 · 核心 · 导航
适用页面类型、Web 区块、UI 组件与主题
关系来自本地关系表，并包含反向关联。
- GitHub Docs 开始使用GitHub Docs Get Started反向 · 应用于
GitHub Docs 在入口页把账户、仓库和协作任务分成可选择的开始路径，帮助用户从问题直接进入教程。
- Blog IndexBlog Index应用于
聚合文章、主题和筛选入口的内容列表页，帮助用户发现和选择下一篇内容。
- Docs / FAQDocs & FAQ应用于
回答使用问题、配置问题和常见疑问的文档与问答页面。
- Pillar PagePillar Page应用于
围绕一个宽主题组织深度解释、子主题入口和相关内容链接的支柱页面模板。
- ToolTool Page应用于
让用户输入信息、等待处理并获得可操作结果的工具型页面。
- Search & FilterSearch & Filter应用于
帮助用户在大量页面、内容或结果中缩小范围并找到目标对象的区块。
- Web 界面设计Web Interface Design应用于
围绕浏览器环境组织页面架构、导航、内容、区块、组件、转化和性能的界面设计领域。
- 导航与方向感Navigation & Orientation应用于
通过全局导航、局部导航、面包屑和当前状态帮助用户定位。
- SearchboxSearchbox应用于
Searchbox 如何在界面中被理解、操作或组合？
- SelectSelect应用于
Select 如何在界面中被理解、操作或组合？
- TagTag应用于
Tag 如何在界面中被理解、操作或组合？
- Filter PanelFilter Panel应用于
在面板中组织复杂筛选条件、应用和清除操作
- Search & Filter BarSearch & Filter Bar应用于
组合搜索、筛选、排序和清除操作的工具条