搜索栏让用户可以在一组内容中,输入关键词以查找特定信息。

搜索栏是一种可编辑的文本输入框,通常显示搜索图标、清除按钮以及占位文字,供用户输入他们想要查找的内容。搜索栏还可以配合范围控制(scope control)和搜索令牌(tokens)使用,以帮助用户筛选和精确限定搜索范围。在不同的平台上,访问搜索的方式有所不同,这取决于你的应用目标和界面设计。
1. 最佳实践
展示能清楚说明可搜索信息类型的占位文字。例如,Apple TV 应用的占位文字是 “Shows, Movies, and More”(节目、电影及更多)。避免使用 “Search” 之类的词作为占位文字,因为这种表达对用户没有任何实质提示。
如果可能,用户一开始输入就应立即触发搜索。边输入边搜索的交互方式能让体验更具即时反馈感,因为搜索结果会随着输入内容的具体化而不断被优化。
在搜索开始前,或在用户输入时,考虑展示一些推荐搜索词。即使暂未正式启动搜索,显示常见或热门搜索词也能帮助用户更快找到目标内容。
简化搜索结果。优先显示最相关的结果,减少用户为寻找目标而不断滚动的需求。除了按相关度排序外,也可以通过分类的方式帮助用户更快定位。
考虑让用户能够对搜索结果进行筛选。例如,你可以在搜索结果区域中添加范围控制(scope control),帮助用户快速便捷地过滤内容。
2. 范围控制与搜索令牌
范围控制与搜索令牌是两种组件,它们可以帮助用户在搜索前或搜索后进一步缩小搜索范围。
- 范围控制的作用类似于分段控制(segmented control),用于在不同搜索类别之间切换。
- 令牌是搜索词的视觉化展现,用户可进行选择和编辑,令牌还可在搜索中充当针对任何额外搜索词的过滤条件。

使用范围控制过滤明确定义的搜索类别。范围控制可帮助用户从较广范围切换至较窄范围。例如,在 iPhone 上的“邮件”中,范围控制可帮助用户将搜索范围从全部邮箱切换至正在查看的特定邮箱。
默认使用较广范围,并让用户按需细化。较广范围可为全部可用结果提供上下文,有助于在用户选择缩小范围时为其指引有用的方向。
使用令牌按常见搜索词或项目过滤。在你定义令牌后,其所代表的搜索词会进行视觉封装处理,表示用户可以将其作为单项进行选择和编辑。令牌可以解释搜索词,如在“邮件”中按特定联系人过滤,还可以将搜索聚焦于特定属性组,如在“信息”中按照片过滤。若要了解相关的 macOS 组件,请参阅令牌栏。
考虑将令牌与搜索建议搭配使用。用户可能不知道哪些令牌可用,因此将其与搜索建议搭配使用可帮助用户了解其使用方式。
3. 平台考量因素
无针对 visionOS 的额外考量因素。
3.1 iOS
你可以将搜索入口点放置在以下三个主要位置:
- 屏幕底部的标签页栏中
- 屏幕底部或顶部的工具栏中
- 直接与内容内联显示
最合理的搜索位置取决于 App 的布局、内容和导览。
标签页栏搜索
你可以将搜索做成差异直观的标签页并放置在标签页栏后端,这样在用户切换 App 部分时,搜索仍保持可见且始终可用。

当用户导览至搜索标签页时,所显示搜索栏的初始状态可以是聚焦或不聚焦。

以聚焦形式出现的搜索栏可帮助用户快速查找所需内容。搜索栏以聚焦形式出现时,键盘会立即显示在搜索栏下方,可供用户开始搜索。这提供了一种更瞬态的体验,让用户可在退出搜索后直接返回上一个标签页,且十分适合于快速无缝地执行搜索。
以不聚焦形式出现的搜索栏可促进发现和探索内容。搜索栏以不聚焦形式出现时,搜索标签页会在屏幕底部扩展为未选中的栏。用户轻点该栏开始搜索之前,这种方式在屏幕的其余部分为发现或导览更多内容提供了空间,非常适用于需要展示大量内容的 App,如“音乐”或“视频”。
工具栏搜索
作为标签页栏搜索的替代方案,你也可以将搜索放置在屏幕底部或顶部的工具栏中。








