Web 页面区块 / Search & Filter
Search & Filter
帮助用户在大量页面、内容或结果中缩小范围并找到目标对象的区块。
关键字段
Identity · 身份
- 子类型
- 区块
- 父级类目
- 内容与 SEO、页面架构与信息结构、状态与反馈
What · 是什么
- 定义
- 帮助用户在大量页面、内容或结果中缩小范围并找到目标对象的区块。
Why · 为什么
- 实现目标
- 降低内容集合中的查找成本，并帮助用户形成稳定的探索路径。
Where · 在哪里
- 适用场景
- Blog Index、Docs / FAQ、Web 界面设计
How · 怎么做
- 实现说明
- 搜索和筛选职责清楚；条件使用用户语言；结果数量和空状态明确；条件可撤销。
How much · 多少
- 衡量指标
- 效率 · 完成率 · 可访问性
Lifecycle · 生命周期
- 状态
- 整理中
适用页面类型与对应组件
关系来自本地关系表，并包含反向关联。
- GitHub Docs 开始使用GitHub Docs Get Started反向 · 应用于
GitHub Docs 在入口页把账户、仓库和协作任务分成可选择的开始路径，帮助用户从问题直接进入教程。
- Blog IndexBlog Index应用于
聚合文章、主题和筛选入口的内容列表页，帮助用户发现和选择下一篇内容。
- Docs / FAQDocs & FAQ应用于
回答使用问题、配置问题和常见疑问的文档与问答页面。
- Search & FilterSearch & Filter反向 · 应用于
帮助用户在内容集合、工具数据或资源目录中定位目标。
- Web 界面设计Web Interface Design应用于
围绕浏览器环境组织页面架构、导航、内容、区块、组件、转化和性能的界面设计领域。
- 内容与 SEOContent & Search Experience属于
把内容结构、搜索意图、内部链接和页面可读性纳入 UI 设计。
- 页面架构与信息结构Page Architecture & Information Structure属于
组织 Web 页面、内容层级和任务路径，让用户与搜索引擎都能理解页面关系。
- 状态与反馈States & Feedback属于
处理 Web 页面和工具在加载、空、错误、成功和进度中的体验。
- TabsTabs反向 · 应用于
在同一上下文中切换互斥内容面板的组件。