用途:帮助设计或改进搜索体验、结果展示与筛选界面,适用于用户要求添加搜索、重设计搜索结果或提升可查找性的场景。目标是引导用户从意图到结果,而非首次即完美相关。
主要能力:提供自动补全模式、筛选架构、结果呈现与零结果恢复的参考;覆盖站内搜索、自动建议、命令面板与意图感知可查找性;覆盖长结果列表、分面浏览与筛选浮层;覆盖推荐、智能默认值与恢复流程。
使用方式:先阅读 frontend-design 并遵循其 Context Gathering Protocol,复用已有上下文,仅询问关键缺口,并额外收集用户常搜内容、常见失败查询与可搜索数据集规模。随后评估搜索意图(已知项、探索式、事务式)、数据集大小、查询模式与失败模式,再设计查询输入、自动补全、筛选集成、结果列表、空状态、排序控件、分页与加载、无障碍支持。
关键实践:占位文本具体化;输入后显示清除按钮;支持回车提交并保留可见搜索按钮;2-3 字符后显示建议并按类型分组、加粗匹配子串、支持方向键与 Esc;筛选状态同步到 URL;结果高亮匹配词;空状态承认查询并给出替代与恢复路径;排序可切换并标注默认原因;加载用骨架屏;屏幕阅读器播报结果数与筛选变化。
限制与反模式:避免大小写敏感、无视觉反馈、产生零结果的筛选组合、过多筛选、隐藏已选筛选、刷新丢失筛选状态、无限滚动阻断页脚、要求精确匹配、无零结果恢复、自动补全劫持光标。发布前需用真实查询与拼写错误测试。具体实现细节与代码示例暂未提供。