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

摘 要

  ;;是许多移动端应用中的常见功能,尤其对于电商类、引擎类、信息流类的应用,搜索往往是其中最重要的功能之一,据说淘宝用户的行为都从搜索框开始 无论是移动端还是端;搜索;的设

   ;;是许多移动端应用中的常见功能,尤其对于电商类、引擎类、信息流类的应用,搜索往往是其中最重要的功能之一,据说淘宝用户的行为都从搜索框开始 无论是移动端还是端;搜索;的设计思考都以;用户要得到什么?;作为出发点;但两者的展现形式却不尽相同 较于端,移动端的搜索功能需要在更小的屏幕空间上占有一席之地;根据不同的业务形式,其展现的方式也是多种多样 以;搜索的时间逻辑;作为脉络,从;为什么要搜索-搜索前-搜索时-搜索后;对搜索功能进行解剖式分析,给自己做分析整理的同时也分享给刚刚入门做移动端体验设计的同学 为什么要-关于搜索的行为思考不同的搜索目的不同的用户或使用场景,用户搜索的目的往往不同,一般分以下三类 精确搜索 场景下用户目的清晰明确、直奔主题,通过在搜索框输入内容快速找到所需目标,完成此次搜索动作 案例如百度地图、、网易有道词典、同花顺的搜索功能等 提高寻找效率,高效锁定目标或快速缩小范围 这时候搜索;功能在一定程度上和;筛选;近似,有时候往往和筛选一起使用 常见于信息浏览类应用,在用户浏览信息的同时往往;迸发;出念头,想要快速浏览有针对性内容,于是开始使用搜索 案例如爱奇艺、下厨房、优酷、美团、大众点评、知乎等 用户不知道自己想要什么,通过;搜索;启发自己灵感 因为很多应用的搜索页面中往往有精心安排;的信息 为这类用户需求,搜索页面一般有热门搜索的关键词、搜索类目、记录等等 写在前-搜索怎么放、搜索图标:在导航栏一侧或其他位置放置,根据用户场景和重要级需求决定 一般图标放在右侧,当右侧有两个及以上按钮时,考虑平铺或折叠 搜索栏:以搜索栏的形式直接放在导航栏或放在导航栏下方等其他位置,此时搜索栏可结合语音、拍照、删除(在输入后显示)等功能按钮 搜索作为标签栏中的某一个功能:根据内容重要性决定排在第几个标签中 搜索以单独页面或主页功能展现:直接作为主页面或主页以较大篇幅显示搜索栏,内容及形式根据用户场景定义 (图二)我是图二以图标形式展现的搜索功能,当用户点击时,或以动效形式出现搜索框,或直接至单独的搜索页面 ,搜索框的形式展现时,点击行为也会触发至一个新的页面 无论哪种形式,当至单独的搜索页面时,可展现的关于;搜索;的内容就更加精彩纷呈了 一般可以给出以下内容)与搜索字段相关的联想词列表:页面上实时展现与搜索关键词有关的单一内容列表或多样性内容展示 若词有相关操作或二级内容,如关闭、搜索结果的副标题或补充内容等,可直接在关联词后露出 )内容的支持范围:定义内容、类目列表、范围栏()给出支持的标签或者 目的是让用户明确;搜索;支持的范围,相当于搜索的,有时候;筛选;功能会在该页配合搜索一起使用 (图三)我是图三搜索历史热门搜索可能在搜索(根据用户习惯、喜好等数据推荐)精华内容运营推广内容:如内容推荐、建议类目的关键词 试想当你输入了段文字之后展现的页面是;暂无内容;,相比于此,提前让用户知道:;我们这里暂时没有你要的 ,或许可以看看别的;;别的内容或许也有你意想不到的惊喜奥!;此方案看上去像降级方案,但本质是让用户的搜索行为可控,反而提升了搜索结果的用户体验 (图)我是图五搜索后-搜索的结果呈现当我们完成搜索时,以何种形式呈现什么样的内容才能更好的满足我们的需求呢?当用户点击搜索时,有两种信息的呈现形式,一种是在当前页面展示,另一种是新开页面 在当前页面展示搜索结果的页面,内容较简单,主要目的是为了让用户进一步点击选择,使得搜索的结果可控 情况下常以列表形式平铺地展现信息,相关地二级标题或按钮会结合搜索结果同步露出 情况下,很多时候键盘地;搜索;按钮是禁用的或者键盘的设计无搜索按钮 当需要展示的内容有不同属性,如列表、图、图文结合或的其他形式,则一般采用新开页面的方式,信息的展示也需要做分层处理 信息的包括每个单元内信息之间的对比、强调和弱化 的用户这时候会做什么?或许会重新发起一次搜索,输入更加精确的关键词、提交报错或反馈,这类用户总会找到他想做的事情 对于被动的用户,我们就应该去了解他,投其所好 相似度和关联性推荐、热门推荐、可能喜欢、搜索历史等形式 (图)我是图七有时候用户对于搜索结果并不满意,我们可以在页面上做结果页展示的补偿方案:如让用户进一步明确搜索词,缩小搜索范围,如通过分类和筛选功能 二是用户在应用可支持的范围内进行搜索,如同花顺的股票搜索、知乎的搜索案例等 语本文仅从;时间逻辑;的角度把搜索功能的形式做了一次简单总结;但搜索的场景往往根据具体业务需求千变万化,但这恰恰是用户体验设计的意义点所在,也是设计的本源,即;探索人搜索的初始欲望; 关于,可以思考的点还有很多,随意抛出一个问题,如:点击;搜索;的时候一定要唤起键盘吗?再问,点击;搜索框;的时候一定要唤起键盘吗?这些都没有永恒的固定答案,而相对正确的答案都在每一次的具体业务中
  • 186
    A+
发布日期:2019年09月04日  所属分类: Seo进阶