移动端搜索设计比较分析

       最近在做移动端交互,避不开的一个问题就是搜索。针对搜索栏的必要性和市场上产品的搜索样式进行了调研,对移动端搜索做了简单的分析。移动端的搜索一般是针对全局进行,搜索功能在不同产品中的重要程度不同,其展现形式也不一样。常见的展现形式有顶部通栏搜索框、顶部搜索icon和底部Tab入口。这3种形式的搜索按重要程度排序依次是底部Tab入口、顶部搜索框、顶部搜索icon。接下来对这三种搜索样式的优缺点及使用背景进行分析:

       底部Tab入口作为一个单独的搜索页面,它可以承载较多信息,除了最基础的输入关键词搜索之外,还可以根据用户的关注点推荐相关信息或者运营需要推荐相关资讯。这种Tab入口的做法需要有强大的信息和个性化推荐作为支撑。Tab入口的代表是微博,抛开微博的前世今生与未来发展方向,我们现在看到的是一个提供综合资讯的社交平台。有着丰富资讯的微博,搜索当然是其比较突出和重要的一个功能。底部Tab入口相当于一个聚合的页面,其icon是一个搜索标识,而文字说明是发现,用户进行搜索的本质是查找想要了解的信息,其实是用户去探索和发现的过程,所以从概念上搜索只是发现的一小部分,发现还包括用户可能喜欢的内容推荐。

      顶部搜索框的是大多数平台喜欢采用的形式,原因有三点:一是它在页面中占有比较重要的位置,吸引用户;二是通过它可以进入搜索中间页面,同样可以有平台的个性化推荐或者运营信息;三是中国人的中庸之道,在三种形式的搜索当中,顶部通栏的优势夹在Tab入口和顶部icon入口的中间。顶部搜索框相对于Tab入口,页面可承载的推荐和运营信息较少。走个性化推荐或者定制服务的路线的产品很少采用这样的搜索形式。采用顶部搜索框的如网易音乐、喜马拉雅、淘宝、美团、聚美优品、京东等(如图1)。这顶部搜索框的显示可以进行升级,添加辅助性的功能,如扫码、拍照等(如图2);

        顶部搜索icon入口的形式出现也比较少,它和顶部搜索框可以承载一样的信息,但其在视觉上是弱化的,所以当产品的搜索功能不完善,或者需要弱化搜索功能的时候会采用这样的形式。比如现在市场上的摩拜、哈罗等共享单车。搜索是一个用户目标非常明确的操作,目前来看两个单车产品的搜索内容是地点,可是搜索地点后到我走到该地点,中间可能车辆已经被别人使用,这就是后续的问题,涉及到是否需要给单车预约功能且有合适的可预约的时长。所以在还未能完全解决整个流程中涉及的问题时候,尽量不要放大该功能。

       此外,还有一种情况也适合采用顶部搜索icon。在电商产品中,通过搜索功能查找商品的步骤为:首页搜索——搜索中间页——搜索结果页——产品详情页。这四个步骤每一步都会涉及一个页面,并且根据用户在当前场景下需求而采取不同的搜索形式。  

       首页的搜索和搜索中间页在前文已经分析过。用户在搜索结果页对搜索结果不满意时,需要切换检索词重新操作,所以需要一个明显的搜索入口;当用户来到产品详情页时,必然是在搜索结果中找到了目标,所以如果用户对产品详情页的商品不满意会返回搜索结果重新选择一个商品,而在产品详情页重新输入检索词进行搜索可能性太小,所以该页面可以给一个搜索icon入口或者不给搜索入口,当用户真的在该页面重复切换搜索时也会遇到几个问题:用户通过产品的返回键返回时,一直循环在刚才搜索结果的页面中,只能通过搜索结果或者详情页的首页选项快快速返回首页。


总结:三种导航样式各有优势,在设计的时候要根据产品的定位和不同的情境选择合适的样式。

作为交互新人,欢迎各位前辈给予指点!

你可能感兴趣的:(移动端搜索设计比较分析)