时间:2015-12-30 09:12:48
“搜索” 是许多移动端应用中的常见功能,尤其对于电商类、引擎类、信息流类的应用,搜索往往是其中重要的功能之一,据说淘宝用户 90%的行为都从搜索框开始。无论是移动端还是 pc 端,“搜索” 的设计思考都以 “用户要得到什么?” 作为出发点;但两者的展现形式却不尽相同。
相较于 pc 端,移动端的搜索功能需要在更小的屏幕空间上占有一席之地;根据不同的业务形式,其展现的方式也是多种多样。
搜索该
在导航栏一侧或其他位置放置,根据用户场景和重要级需求决定。一般搜索图标放在右侧,当右侧有两个及以上按钮时,考虑平铺或折叠。
以搜索栏的形式直接放在导航栏或放在导航栏下方等其他位置,此时搜索栏可结合语音、拍照、删除(在输入后显示)等功能按钮。
直接作为主页面或主页以较大篇幅显示搜索栏,内容及形式根据用户场景定义。
1、以搜索栏形式展现的搜索功能,搜索框的位置可以出现较短的文案,长度需限制在搜索框的长度以内,起到隐性提示和引导的作用,有时也会加入运营内容;当出现搜索框时,往往配合 “取消”“删除”“语音输入”“拍照输入” 等功能;当搜索框与其他功能按钮一起出现时,需要注意各个功能按钮的可用性问题。
2、以图标形式展现的搜索功能,当用户点击时,或以动效形式出现搜索框,或直接至单独的搜索页面。当然,搜索框的形式展现时,点击行为也会触发至一个新的页面。无论以上哪种形式,当至单独的搜索页面时,可展现的关于 “搜索” 的内容更加精彩纷呈了。
当我们完成搜索时,以何种形式呈现什么样的内容才能更好的满足我们的需求呢?当用户点击搜索时,有两种信息的呈现形式,一种是在当前页面展示,另一种是新开页面。
1、在当前页面展示搜索结果的页面,内容较简单,主要目的是为了让用户进一步点击选择,使得搜索的结果可控。这种情况下常以列表形式平铺地展现信息,相关地二级标题或按钮会结合搜索结果同步露出。这种情况下,很多时候键盘地 “搜索” 按钮是禁用的或者键盘的设计无搜索按钮。
2、当需要展示的内容有不同属性,如列表、图、图文结合或更多的其他形式,则一般采用新开页面的方式,信息的展示也需要做分层处理。信息的分层包括每个单元内信息之间的对比、强调和弱化。不同单元和属性的信息间优先级展示以及展示方式的区分。
3、当搜索无内容时,我们给用户什么?简单粗暴的形式是直接告诉用户没有,但这种体验太不好,作为交互设计师应该思考一件事:“在没有结果展示时我们还能为用户做点儿什么?” 从用户的角度思考,即 “啥都没有,我要做什么呢?” 带着疑问来开始这个页面的设计,用户分为主动和被动。主动的用户这时候会做什么?或许会重新发起一次搜索,输入更加的关键词、提交报错或反馈,这类用户总会找到他想做的事情。而对于被动的用户,我们应该去了解他,投其所好。如相似度和关联性推荐、热门推荐、可能喜欢、搜索历史等形式。
搜索的场景往往根据具体业务需求千变万化,但这恰恰是用户体验设计的意义点所在,也是设计的本源,即 “探索人搜索的初始欲望”。
推荐阅读
李彦宏新专利"对象识别方法和装置" 剑指移动端搜索布局 | 文军营销移动端更加本地化:谷歌的产品经理玛丽莎·梅耶尔曾经说过的一个数据来回答大家,40%的移动搜索是属于本地搜索的;微软也曾经表示在必应上,53%的移动搜索属于本地搜索意图。实现:根据搜索用户不同地理位置ip而返回不同的搜索结果。 搜索内容...