跳转到使用指南
Search UX作者 Owl-Listener

Search UX Skill.

设计完整的信息检索体验,包括搜索失败的情况。

  • 交互设计
  • 搜索
来源审查 · Search UXSKILL.md
任务 交互设计 产出内容 • 搜索输入与建议规范。 • 结果卡片或结果行的内容及筛选行为。 • 零结果恢复方案,以及衡量搜索行为所需的要求。 开始之前 搜索服务以及搜索查询的埋点与监测,需要在本指南之外另行实现。
编辑摘要 · 来源审查于 2026-10-07 · 并非生成的示例

01 功能说明

设计能帮助用户恢复的搜索体验

一份完整的搜索界面指南,涵盖输入、建议、排名呈现、条件细化和零结果恢复。

基于来源的工作流程并非执行基准测试

工作方法

Search UX 涵盖从输入查询到决定打开哪条结果的完整路径。它会考虑建议、键盘访问、结果分组、摘要、元数据和条件细化,而不是把搜索当作一个孤立的输入框。它也意识到,人们有时搜索的是设置等目标页面,而非某项内容。

其最强调的是恢复体验。零结果视图应保留查询内容、说明搜索了什么,并提供相关的纠错建议或替代路径。这些属于界面要求;拼写容错、相关性排名和个性化功能的实现仍取决于实际的搜索系统。

预期交付物

  • 搜索输入与建议规范。
  • 结果卡片或结果行的内容及筛选行为。
  • 零结果恢复方案,以及衡量搜索行为所需的要求。
查看示例简报

从简报到审查

  1. 01
    定义可搜索内容

    列出内容类型和导航目标,然后选择结果中需要呈现的信息,以帮助用户决定是否点击。

  2. 02
    明确检索与条件细化方式

    设计查询保留、搜索建议、键盘移动、结果数量和可单独移除的筛选器。

  3. 03
    处理未成功的查询

    在系统支持的情况下提供纠错建议或更宽泛的路径,并确定值得观察的查询及放弃搜索信号。

02 适用场景

何时使用

搜索服务以及搜索查询的埋点与监测,需要在本指南之外另行实现。

适用场景

  • 大型目录适用于用户需要按属性检索项目,而不是浏览小型层级结构的场景。
  • 搜索恢复帮助团队改进当前会导致任务中断的空结果页面。

需要确认的限制

  • 并非搜索引擎该来源不提供索引后端,也不实现排名算法。
  • 并非浏览架构良好的搜索界面不能取代易于理解的分类和导航。

请提供这些输入

  • 内容类型提供可搜索字段,以及用户区分结果所需的元数据。
  • 查询依据如有条件,请提供常见查询、零结果示例和导航型搜索。
  • 后端能力明确现有的拼写错误处理、筛选、排序和个性化能力,不要假定这些能力已经存在。

03 关键决策

关键决策

  1. 解释结果为何匹配

    实用的摘要或匹配字段提示可以减少用户打开结果前的猜测。

  2. 筛选操作保持可逆

    清晰可见且可单独移除的筛选器有助于用户理解并撤销导致结果范围过窄的条件。

04 示例任务

尝试一份聚焦的简报

以下示例简报尚未经过测试。使用前请检查该技能的设置说明。

检查设置

使用仓库中记录的安装方式,并保留其中引用的所有配套文件。此条目介绍的是一种聚焦的设计方法,而非可执行应用程序。

上游源文件
https://github.com/Owl-Listener/designer-skills/blob/9a6930cf84a822eb458624bd11c61aac5bbdf224/interaction-design/skills/search-ux/SKILL.md

搜索服务以及搜索查询的埋点与监测,需要在本指南之外另行实现。

从一项交付物开始

运行该技能前,请调整此简报的范围、来源材料和约束条件。

示例简报
将 search-ux 用于一个包含设计模板、作者和教程的资源库。设计搜索建议、分组结果和可移除筛选器。加入一个拼写错误且返回零结果的查询,以及一个用于前往账户设置的导航型查询。标明所有需要搜索后端开发工作的行为。

检查结果

根据以下可观察标准检查实际输出。

  • 输入的查询在条件细化和出现空结果后仍会保留。
  • 已应用的筛选器清晰可见且可移除。
  • 结果元数据有助于区分标题相似的内容。

OpenDesign 为编码智能体提供本地设计工作区。此条目并不表示该技能已内置,也不表示其中包含其外部工具、凭据和软件依赖项。

05 来源与许可证

来源与许可证

本页面介绍下方链接所指向的固定来源修订版本。上游行为和要求可能会发生变化。

来源所有者
Owl-Listener
许可证
MIT
已审查的快照
2026-10-07 · 9a6930cf84a8
编辑整理的来源摘要
一份完整的搜索界面指南,涵盖输入、建议、排名呈现、条件细化和零结果恢复。

由 OpenDesign 根据所链接来源撰写的原创摘要。仓库星标数是带有时间属性的受欢迎程度信号,并不代表技能使用量或质量评分。

06 开始前的问题

开始前的问题

它能否添加拼写容错?

它可以明确所需的行为。搜索后端必须支持或实现该行为。

结果是否应始终使用网格?

不应如此。该来源区分了便于快速浏览的列表,以及以视觉缩略图为主要选择信号的网格。

为什么要包括导航目标?

有些查询表达的是前往产品中某个已知部分的意图,而不是查找文档。

OpenDesign

为下一轮设计迭代留出空间。

将简报、来源材料和设计工作集中保存在本地工作区中。将该技能加入工作流程前,请检查其自身的设置说明。

上游源文件
https://github.com/Owl-Listener/designer-skills/blob/9a6930cf84a822eb458624bd11c61aac5bbdf224/interaction-design/skills/search-ux/SKILL.md