音频 | 好用的搜索页都是这么设计的

日期:2019-09-27 15:53作者:北大青鸟西安华清校区

摘要:搜索是产品中的常见功能,通过搜索可以让用户更快速准确的定位目标。从用户角度,合格的搜索功能需要做到快速精准,而从产品角度,搜索功能则还需要兼顾用户引流、产品推荐、
关键词: 北大青鸟ui培训


搜索是产品中的常见功能,通过搜索可以让用户更快速准确的定位目标。从用户角度,合格的搜索功能需要做到快速精准,而从产品角度,搜索功能则还需要兼顾用户引流、产品推荐、内容曝光等方面的需求,这就让搜索中间页有了丰富多样的功能。


下面我们就从中间页中出现的主要功能来展开,一一分析其样式特点及适用场景。

搜索中间页的主要功能有:搜索框、关键词联想、搜索分类、热门搜索、历史记录和猜你喜欢/广告区等↓↓↓

 

搜索框

搜索框无疑是中间页众多功能中的C位,如果说其他功能是可以自由组合的配菜,那么搜索框肯定就是无可替代的汤底啦,是每个搜索中间页的标配。它位于中间页的顶部,样式应延续其搜索入口的设计风格,需要我们注意的主要有两点:

 

·取消与返回

不同于一般页面的导航栏左侧是”返回“的设计,搜索中间页多数选择的是无”返回“按钮,而在搜索框右侧加“取消”,通过键盘的回车键确认并进行搜索。这也与iOS人机交互指南中的建议一致,多数产品都采用了这种设计。


除了这种主流样式也一些不同的设计,比如左侧依旧为”返回“按钮,右侧是”搜索“按钮的设计。


两种设计在只有一级的搜索页面时并无明显区别,无论是返回或是取消,都是结束当前搜索行为,二者的区别更多是体现在出现二级页面时。

比如拥有搜索分类的微信,搜索一级页面采用的是右侧取消的,而进入二级、三级页时,加上了左侧返回,这里”返回“对应回到上一步的操作页面,”取消“则对应结束整个搜索行为,直接回到最初页面。

 

· 是否默认弹起键盘

多数产品进入搜索中间页后,搜索框光标闪烁,键盘自动弹起呈待输入状态,让用户可以更方便快捷的操作。但也有一些产品进入中间页后需要重新点击搜索框唤起键盘,为页面内容预留更多展示空间,侧重于突出中间页的推荐内容。







转载请保留本文网址https://www.sxbdqn.cn
上一篇:产品思考-快看点是如何建立上瘾模型的?
下一篇:图标自检手册
北大青鸟
校区简介
青鸟品牌
就业体系
就业学生
在线报名
热门课程
BCVE视频特效课程
BCUI全链路UI设计
BCSP软件开发专业
BCNT网络工程师
JAVA工程师
青鸟问答
男生学什么技术好
女生学什么专业好
北大青鸟师资
北大青鸟就业
北大青鸟学费