移动端搜索:如何设计搜索功能来提高搜索体验

所属分类: 网站运营 / 网站优化 阅读数: 123
收藏 0 赞 0 分享

移动端搜索 电商搜索引擎

本文以 “搜索的时间逻辑” 作为脉络,从 “为什么要搜索-搜索前-搜索时-搜索后” 对搜索功能进行解剖式分析,给自己做分析整理的同时也分享给刚刚入门做移动端体验设计的同学。

为什么要搜索-关于搜索的行为思考

移动端搜索 电商搜索引擎

不同的搜索目的

不同的用户或使用场景,用户搜索的目的往往不同,一般分以下三类,具体如下所示:

1、精确搜索

这种场景下用户目的清晰明确、直奔主题,通过在搜索框输入内容快速找到所需目标,完成此次搜索动作。常见案例如百度地图、UBER、网易有道词典、同花顺的搜索功能等。

2、提高寻找效率,高效锁定目标或快速缩小范围

这时候 “搜索” 功能在一定程度上和 “筛选” 近似,有时候往往和筛选一起使用。这种常见于信息浏览类应用,在用户浏览信息的同时往往 “迸发” 出念头,想要快速浏览有针对性内容,于是开始使用搜索。常见案例如爱奇艺、下厨房、优酷、美团、大众点评、知乎等。

3、用户不知道自己想要什么,通过 “搜索” 启发自己灵感

因为很多应用的搜索页面中往往有 “精心安排” 的信息。为迎合这类用户需求,搜索页面一般有热门搜索的关键词、搜索类目、记录等等。

写在搜索前-搜索怎么放

1、搜索图标

在导航栏一侧或其他位置放置,根据用户场景和重要级需求决定。一般搜索图标放在右侧,当右侧有两个及以上按钮时,考虑平铺或折叠。

2、搜索栏

以搜索栏的形式直接放在导航栏或放在导航栏下方等其他位置,此时搜索栏可结合语音、拍照、删除(在输入后显示)等功能按钮。

3、搜索作为标签栏中的某一个功能:根据内容重要性决定排在第几个标签中。

4、搜索以单独页面或主页 P0 功能展现:直接作为主页面或主页以较大篇幅显示搜索栏,内容及形式根据用户场景定义。(见图一)

移动端搜索 电商搜索引擎

搜索时-搜索框的变身

1、以搜索栏形式展现的搜索功能,搜索框的位置可以出现较短的文案,长度需限制在搜索框的长度以内,起到隐性提示和引导的作用,有时也会加入运营内容;当出现搜索框时,往往配合 “取消”“删除”“语音输入”“拍照输入” 等功能;当搜索框与其他功能按钮一起出现时,需要注意各个功能按钮的可用性问题。

移动端搜索 电商搜索引擎

2、以图标形式展现的搜索功能,当用户点击时,或以动效形式出现搜索框,或直接至单独的搜索页面。当然,搜索框的形式展现时,点击行为也会触发至一个新的页面。无论以上哪种形式,当至单独的搜索页面时,可展现的关于 “搜索” 的内容就更加精彩纷呈了。一般可以给出以下内容:

1)与搜索字段相关的联想词列表

页面上实时展现与搜索关键词有关的单一内容列表或多样性内容展示。若关联词有相关操作或二级内容,如关闭、搜索结果的副标题或补充内容等,可直接在关联词后露出。

2)搜索内容的支持范围

定义内容、类目列表、范围栏(scope bar)给出支持的标签或者 tab。其目的是让用户明确 “搜索” 支持的范围,相当于搜索的 tips,有时候 “筛选” 功能会在该页配合搜索一起使用。

移动端搜索 电商搜索引擎

3、搜索历史

4、热门搜索

5、可能在搜索(根据用户习惯、喜好等数据推荐)

6、精华内容

7、运营推广内容:如内容推荐、建议类目的关键词。(如类目的设计、CMS 频道的设计、促销活动的设计)(参考案例百度地图)

8、广告

9、以上几种内容的结合体

移动端搜索 电商搜索引擎

10、针对关键词的进一步推荐搜索的列表(我个人称之为渐进式搜索,参考案例:(知乎 APP),这是一种搜索内容未能提供情况下,让用户能够 “有所得” 得好方法,提升了用户体验。试想当你输入了一大段文字之后展现的页面是 “暂无内容”,相比于此,提前让用户知道:“我们这里暂时没有你要的。但是,或许可以看看别的”“别的内容或许也有你意想不到的惊喜奥!” 此方案看上去像降级方案,但本质是让用户的搜索行为可控,反而提升了搜索结果的用户体验。

移动端搜索 电商搜索引擎

搜索后-搜索的结果呈现

当我们完成搜索时,以何种形式呈现什么样的内容才能更好的满足我们的需求呢?当用户点击搜索时,有两种信息的呈现形式,一种是在当前页面展示,另一种是新开页面。

1、在当前页面展示搜索结果的页面,内容较简单,主要目的是为了让用户进一步点击选择,使得搜索的结果可控。这种情况下常以列表形式平铺地展现信息,相关地二级标题或按钮会结合搜索结果同步露出。这种情况下,很多时候键盘地 “搜索” 按钮是禁用的或者键盘的设计无搜索按钮。

2、当需要展示的内容有不同属性,如列表、图、图文结合或更多的其他形式,则一般采用新开页面的方式,信息的展示也需要做分层处理。信息的分层包括每个单元内信息之间的对比、强调和弱化。不同单元和属性的信息间优先级展示以及展示方式的区分。参考案例如下:

移动端搜索 电商搜索引擎

3、当搜索无内容时,我们给用户什么?最简单粗暴的形式是直接告诉用户没有,但这种体验太不好,作为交互设计师应该思考一件事 ““在没有结果展示时我们还能为用户做点儿什么?” 从用户的角度思考,即 “啥都没有,我要做什么呢?” 带着疑问来开始这个页面的设计,用户分为主动和被动。主动的用户这时候会做什么?或许会重新发起一次搜索,输入更加精确的关键词、提交报错或反馈,这类用户总会找到他想做的事情。而对于被动的用户,我们就应该去了解他,投其所好。如相似度和关联性推荐、热门推荐、可能喜欢、搜索历史等形式。

移动端搜索 电商搜索引擎

有时候用户对于搜索结果并不满意,我们可以在页面上做结果页展示的补偿方案:如让用户进一步明确搜索词,缩小搜索范围,如通过分类和筛选功能。二是引导用户在应用可支持的范围内进行搜索,如同花顺的股票搜索、知乎的搜索案例等。

结语:本文仅从 “时间逻辑” 的角度把搜索功能的形式做了一次简单总结;但搜索的场景往往根据具体业务需求千变万化,但这恰恰是用户体验设计的意义点所在,也是设计的本源,即 “探索人搜索的初始欲望”。关于搜索,可以思考的点还有很多,随意抛出一个问题,如:点击 “搜索” 的时候一定要唤起键盘吗?再问,点击 “搜索框” 的时候一定要唤起键盘吗?这些都没有永恒的固定答案,而相对正确的答案都在每一次的具体业务中。

以上就是对移动端搜索:如何提供搜索功能来提高网站流量的介绍,更多内容请继续关注脚本之家!

更多精彩内容其他人还在看

SEO搜索优化有哪些技巧?SEO优化几大技巧介绍

随着时间的推移,浏览一些同样的站主,看了他们的文章,感受颇多,在这里我就说一下自己关于网站的seo优化的几个技巧,希望能对大家有所帮助
收藏 0 赞 0 分享

SEO优化图片常见的方法有哪些?

现在这个时代是一个读图的时代,人们追求快速、一目了然了解一篇文章的中心主旨,这就对各大网站的优化大师做出了警告:做SEO的对图片优化必不可少!那么SEO优化图片常见的方法有哪些?下面我们一起来看看吧
收藏 0 赞 0 分享

如何避免企业网站变成鸡肋?让企业网站变得有用必须坚持的几点

曾经遇到过不少这样的企业网站客户,在做网站之前轰轰烈烈,网站上线之后热热闹闹,过了几天之后,冷冷清清,从最初的高大上变成“怨妇”,原因一般都是很简单,这网站和某某牛叉网站比较不行了,差老远。,那么,如何避免这样的事情发生呢?让企业网站变得有用呢
收藏 0 赞 0 分享

SEO思维怎么提升网站关键词排名?

如何提高关键词排名这个问题一直是很多小伙伴们都很关心的话题,最近百度慢慢在更新一些搜索引擎算法规则,导致部分站长们的网站都被降权、拔毛,下面小编为大家介绍SEO思维怎么提升网站关键词排名方法,来看看吧
收藏 0 赞 0 分享

seoer必看:网站外链建设的13种方法

相信很多站长都知道外链的重要性,虽然百度一直在打击垃圾外链,也降低了不少外链对页面的权重积分计算。但是现在外链依然是能够提高排名的重要方式,下面为大家分享网站外链建设的13种方法,来看看吧
收藏 0 赞 0 分享

如何微调网站挖掘用户需求提升排名?

用户的需求不断变化,网站不可能一直保持不变不跟随需求改变而改变。微调就是不断发现用户新的需求然后修改网站布局以及内容让网站更符合当下用户的需求,从而促进关键词排名
收藏 0 赞 0 分享

不同的搜索引擎如何更好的优化网站?

程序是模拟人为的行为学,搜索引擎同样是程序,搜索引擎早就有分词技术,网站蜘蛛会像人一样去尝试理解你的文章内容,这点通过判断语句就可以实现,既然需要判断就肯定有判断条件,判断条件又有哪些呢?不同的搜索引擎如何更好的优化网站?我们来看看吧
收藏 0 赞 0 分享

实际案例通过逆向思维实施SEO达成目的

听起来似乎和开启了CND加速的道理有异曲同工之妙,可事实上就是如此,当你能够熟练的使用这种方法解决问题的时候,很多棘手、毫无头绪的问题就会迎刃而解。接下来小编就给大家分享一个实际的案例来验证逆向思维的奥妙,来看看吧
收藏 0 赞 0 分享

如何选择网站流量统计工具

如今的互联网有着各种流量统计工具可供SEO人员选择,常见的有Google Analytics、百度统计、51la、CNZZ等都是不错的流量统计工具,不同的流量统计工具都有着各自的优缺点
收藏 0 赞 0 分享

流量统计的基本数据及作用概述

在流量统计中会有各种数据来体现网站当前的流量状况,越强大的流量统计工具拥有越丰富的数据,比如Google Analytics有着几十个流量报表,每个报表都有着特定的分析作用
收藏 0 赞 0 分享
查看更多