移动端搜索设计比较分析

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

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

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

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

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

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


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

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 219,110评论 6 508
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 93,443评论 3 395
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 165,474评论 0 356
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,881评论 1 295
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,902评论 6 392
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,698评论 1 305
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,418评论 3 419
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 39,332评论 0 276
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,796评论 1 316
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,968评论 3 337
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 40,110评论 1 351
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,792评论 5 346
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,455评论 3 331
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 32,003评论 0 22
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 33,130评论 1 272
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 48,348评论 3 373
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 45,047评论 2 355

推荐阅读更多精彩内容

  • 搜索功能无论在web端还是移动端,都是产品中十分重要的功能。文章主要从用户体验和产品功能、策略角度来分析,提出一些...
    史蒂芬宋阅读 2,774评论 4 44
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 172,178评论 25 707
  • 在不同的APP或者不同的场景下搜索入口有着不同的表现形式,具体的表现形式取决于产品对搜索功能权重的定义,如果说在某...
    Perry阿力阅读 1,808评论 8 47
  • 写在前面 无论网站或是App,搜索功能几乎成了标配,在其间占据着或轻或重的位置。一方面,搜索可以帮助用户节约时间、...
    vivijia阅读 1,639评论 0 33
  • 以前工作的地方,这么说吧,下午四点下班后,悠长的闲暇时光开始……五点……六点……七点……八点……九点……十点…...
    花果山的小孙老师阅读 151评论 0 0