首页 > 策划 > 关键词  > 移动端搜索最新资讯  > 正文

移动端搜索,那些你可能不知道的设计巧思

2015-11-02 09:34 · 稿源:章立枣

“搜索” 是许多移动端应用中的常见功能,尤其对于电商类、引擎类、信息流类的应用,搜索往往是其中最重要的功能之一,据说淘宝用户 90%的行为都从搜索框开始。无论是移动端还是 pc 端,“搜索” 的设计思考都以 “用户要得到什么?” 作为出发点;但两者的展现形式却不尽相同。相较于 pc 端,移动端的搜索功能需要在更小的屏幕空间上占有一席之地;根据不同的业务形式,其展现的方式也是多种多样。本文以 “搜索的时间逻辑” 作为脉络,从 “为什么要搜索-搜索前-搜索时-搜索后” 对搜索功能进行解剖式分析,给自己做分析整理的同时也分享给刚刚入门做移动端体验设计的同学。

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

不同的搜索目的

不同的用户或使用场景,用户搜索的目的往往不同,一般分以下三类。

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),这是一种搜索内容未能提供情况下,让用户能够 “有所得” 得好方法,提升了用户体验。试想当你输入了一大段文字之后展现的页面是 “暂无内容”,相比于此,提前让用户知道:“我们这里暂时没有你要的。但是,或许可以看看别的”“别的内容或许也有你意想不到的惊喜奥!” 此方案看上去像降级方案,但本质是让用户的搜索行为可控,反而提升了搜索结果的用户体验。(见图 5)

我是图五

搜索后-搜索的结果呈现

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

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

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

我是图六

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

我是图七

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

结语

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

  • 相关推荐
  • 大家在看
  • 放弃 Google 搜索引擎,Firefox 欲用必应替代?

    以「To organize the world's information and make it universally accessible and useful」(整合全球信息,供大众使用,使人人受益)为宗旨,背靠复杂的算法,借助准确的搜索结果为基石,Google 搜索引擎已成为全球最受欢迎和信任的搜索引擎,其比位于第二名 bing 足足高出近90% 的市场份额。

  • 谷歌:微软 Bing 搜索引擎上最热门的搜索词是「Google」

    据彭博社报道,该律师描述说,「Google」是迄今为止在必应上搜索最多的词。 谷歌正在用这个角度来证明其客户选择使用谷歌搜索而不是竞争对手,而不是因为它是其设备上的默认选项。

  • 主打隐私保护的Brave浏览器宣布将默认使用自家的搜索引擎

    今年 6 月,Brave 推出主打隐私体验的搜索服务 Brave Search;现在该公司宣布旗下的 Brave 浏览器将默认使用自家的搜索引擎。目前在美国、加拿大和英国等特定市场的用户将默认使用该搜索引擎来替代 Google。其他国家的用户也将很快看到这一变化。与主要的搜索引擎不同,Brave的搜索引擎不包括用户跟踪,使其成为该公司用户更有吸引力的选择。美国、英国和加拿大的用户现在将默认使用 Brave Search 而不是 Google Search。此外,德?

  • Google用首页涂鸦庆祝搜索引擎上线23周年

    Google周一用一个新的涂鸦来庆祝其23岁生日。这幅动画涂鸦的特点是一个分层的生日蛋糕,上面撒着彩虹糖霜,还有醒目的数字23。这个搜索巨头的名字也被糖霜覆盖,同时还有拟人动画效果,闪烁的绿色生日蜡烛取代了"Google"中的"L"。Google公司于1998年9月4日正式成立,由谢尔盖-布林和拉里-佩奇共同创立。1997年,当时还是斯坦福大学研究生的布林,负责带新生佩奇参观校园。第二年,这对好友在他们的宿舍里一起开发了Google的第一个?

  • 隐私搜索引擎DuckDuckGo宣称已达成负碳排放

    主打隐私体验的 DuckDuckGo 搜索引擎,刚刚宣布其在 2008 ~ 2020 年间实现了负碳排放,并承诺在未来几年内加大努力。该公司称,其正在使用黄金标准来抵消其 125% 的上下游排放量,同时希望为致力于发展除碳技术的 Stripe 气候计划提供等量的帮助。在确定需要抵消多少碳排放时,DuckDuckGo 援引了温室气体协议,将排放主要划分成三大范围与附加活动。其中该公司的“碳排抵消包”涵盖了直接排放、购买能源的间接排放、产品与服务器的

  • 微软必应和Yandex宣布为搜索引擎行业制定IndexNow快速通知协议

    微软必应和Yandex(俄罗斯最受欢迎的搜索引擎)今天宣布全新IndexNow协议,这是网站所有者通知搜索引擎其网站最新内容变化的一种新方式。网站所有者现在可以做一个简单的ping,让搜索引擎知道一个URL及其内容被添加、更新或删除,而不是等待搜索引擎发现内容已经改变。有了IndexNow,搜索引擎立即知道"已经改变的URL,帮助他们优先抓取这些URL,从而限制有机抓取以发现新内容"。另外,通过通知一个搜索引擎,就等于通知所有采用Ind

  • 巨量引擎“新搜索”:从营销工具到营销枢纽

    9月23日,2021巨量引擎搜索广告营销大会上,巨量引擎聚焦“内容激发+视频搜索+看后搜”的“新搜索”趋势洞察,首次系统全面地展现了巨量引擎搜索营销解决方案,基于平台丰富多元的内容生态、视频搜索基因和理解技术,将搜索打造成高效的“营销枢纽”,帮助用户连通内容和价值、帮助品牌串联营销经营各环节,实现更大的商业价值增长。新搜索,用兴趣内容激发搜索兴趣搜索行业历经20年发展变化,伴随当下内容平台的蓬勃发展,用户在?

  • 微信小程序搜索优化调整 通过搜索爬虫SEO获取流量将有所下滑

    近日,微信团队团队发布了小程序搜索优化调整(SEO)公告。<br/> <br/> 公告称,微信新版本中,通过 “首页-下拉-搜索小程序”、“发现-小程序-搜索小程序”等小程序的搜索入口将不再展示小程序页面的内容结果。开发者通过搜索爬虫 SEO 获取到的流量将有所下滑。

  • Z周刊 | 小程序搜索优化调整/抖音双11大促规则/淘宝联盟升级结算方式

    这是站长之家Z周刊发布的最新一期内容,主要帮助大家了解最近抖音、快手、视频号等短视频&直播平台,以及电商等行业的最新动向,挖掘有价值的信息。

  • 谷歌移动搜索搜索结果中获得连续滚动

    谷歌正在逐步为美国手机上的大多数英语搜索推出连续滚动功能。该功能允许用户在点击"查看更多"按钮之前,在谷歌搜索中查看多达四页的搜索结果。Android和iOS谷歌搜索应用都将加入新的功能从今天开始,在美国移动设备上,谷歌搜索的大部分英文搜索都开始使用连续滚动。了解更多信息:https://t.co/ulPL0EaKV0 pic.twitter.com/W0iwL3fdy6-谷歌搜索联络(@searchliance)2021年10月14日当用户滚动过四页内容标记时,仍然会看到一个"?

这篇文章对你有价值吗?

  • 热门标签

热文

  • 3 天
  • 7天