品设计笔记之App搜索功能设计.pdf

: .
品设计笔记之 App 搜索功能设计
搜索入口
如果搜索功能在产品中的比重相对比较重要，是需要重点突出的，可以采用如下
设计策略：
1. 放在比较明显的位置，或者用明显的视觉元素吸引用户注意力；
2. 页面滑动的时候一直存在，或者一直有快速入口立刻切入；
3. 独立的一级 tab 专门用于搜索；
4. 同时使用上述多个策略；
淘宝的搜索功能比较重要，放置位置较明显，同时页面滑动时，一直固定顶部 : .
口袋购物除了将搜索入口一直放置在顶部外，还专门放了搜索的 tab
如果搜索相对而言不是很重要，或者用户早已熟悉产品的结构想把其他功能突出
弱化搜索时，可采用如下策略：
1. 适度的位置留个入口进入，不明显突出；
2. 首次使用时显示搜索入口，后续再次进入时隐藏搜索入口；
3. 搜索入口一直留着，但页面滑动时，不固定；
4. 完全隐藏搜索入口，通过新手教程引导，通过手势促发； : .
微信的搜索入口第一次进入时呈现，后续进入不呈现，通过下拉查看搜索入口 : .
IOS 原生的快速搜索入口一直隐藏，通过手势下拉触发
搜索页面
移动端的搜索往往都是跳转至单独的搜索页面，根据时间顺序可以分为三个阶
段：搜索前、搜索输入中、搜索完成后。
搜索前
搜索前的搜索页面是 app 的默认搜索页面，往往包含以下元素：
1. 退出搜索的按钮；
2. 搜索提示信息，比如输入哪些内容进行搜索，提示可以在输入框内，也可以放在输
入框下面；
3. 历史记录，已经搜索过的信息一键即可完成搜索，减少用户手动输入； : .
4. 热点关键词推荐；
5. 根据用户信息进行推荐的内容；
6. 广告；
…
微信、微博、美团的搜索默认页面放置了默认提示、历史记录、实时热点、热门