移动端搜索的设计技巧!

  • 时间:
  • 浏览:0

  2、搜索栏:以搜索栏的形式直接放入导航栏或放入导航栏下方等某些位置,此时搜索栏可结合语音、拍照、删除(在输入后显示)等功能按钮。

  2.以图标形式展现的搜索功能,当用户点击时,或以动效形式突然出现搜索框,或直接至单独的搜索页面。当然,搜索框的形式展现时,点击行为也会触发至有三个白新的页面。无论以上哪种形式,当至单独的搜索页面时,可展现的关于 “搜索” 的内容就更加精彩纷呈了。一般还能否 给出以下内容:

  7.运营推广内容:如内容推荐、建议类目的关键词。(如类目的设计、CMS 频道的设计、促销活动的设计)(参考案例百度地图)

  8.广告

  4.热门搜索

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

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

  1.以搜索栏形式展现的搜索功能,搜索框的位置还能否 突然出现较短的文案,长度需限制在搜索框的长度以内,起到隐性提示和引导的作用,有时也会加入运营内容;当突然出现搜索框时,往往配合 “撤销”“删除”“语音输入”“拍照输入” 等功能;当搜索框与某些功能按钮一同突然出现时,还要注意各个功能按钮的可用性问題。(见图二)

   不同的搜索目的

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

  2、提高寻找效率单位,高效锁定目标或快速缩小范围。这以前 “搜索” 功能在一定程度上和 “筛选” 近似,有以前往往和筛选一同使用。这些 常见于信息浏览类应用,在用户浏览信息的一同往往 “迸发” 出念头,我我想要快速浏览有针对性内容,于是之前 开始了了使用搜索。常见案类事爱奇艺、下餐厅厨房、优酷、美团、大众点评、知乎等。

  9.以上几种内容的结合体(见图四)

  1、搜索图标:在导航栏一侧或某些位置放置,根据用户场景和重要级需求决定。一般搜索图标放入右侧,当右侧有有三个白及以上按钮时,考虑平铺或折叠。

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

  5.之前 在搜索(根据用户习惯、喜好等数据推荐)

  3、搜索作为标签栏中的某有三个白功能:根据内容重要性决定排在第好多个标签中。

  我是图八

  2)搜索内容的支持范围:定义内容、类目列表、范围栏(scope bar)给出支持的标签之前 tab。其目的是让用户明确 “搜索” 支持的范围,相当于搜索的 tips,有以前 “筛选” 功能会在该页配合搜索一同使用。(见图三)

  我是图五

  1、精确搜索。这些 场景下用户目的清晰明确、直奔主题,通过在搜索框输入内容快速找到所需目标,完成此次搜索动作。常见案类事百度地图、UBER、网易有道词典、同花顺的搜索功能等。

  1)与搜索字段相关的联想词列表:页面上实时展现与搜索关键词有关的单一内容列表或多样性内容展示。若关联词有相关操作或二级内容,如关闭、搜索结果的副标题或补充内容等,可直接在关联词后露出。

  4、搜索以单独页面或主页 P0 功能展现:直接作为主页面或主页以较大篇幅显示搜索栏,内容及形式根据用户场景定义。(见图一)

  搜索后-搜索的结果呈现

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

  3.搜索历史

  我是图四

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

  搜索时-搜索框的变身

写在搜索前-搜索为什么么放

我是图七

  6.精华内容

  10.针对关键词的进一步推荐搜索的列表(我自己称之为渐进式搜索,参考案例:(知乎 APP),这是并不是搜索内容未能提供情况下,让用户不能 “有所得” 得好辦法 ,提升了用户体验。试想当你输入了一大段文字以前展现的页面是 “暂无内容”,相比于此,提前让用户知道:“亲戚亲戚我们 这里暂时没有我我我想要的。之前 ,或许还能否 看看别的”“别的内容或许全部遇见你意想没有的惊喜奥!” 此方案看上去像降级方案,但本质是让用户的搜索行为可控,反而提升了搜索结果的用户体验。(见图 5)

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

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

   为那些要搜索-关于搜索的行为思考

  结语

  3、用户我我我想要知道自己我我想要那些,通过 “搜索” 启发自己灵感。之前 不要 不要 应用的搜索页面中往往有 “精心安排” 的信息。为迎合类事用户需求,搜索页面一般有热门搜索的关键词、搜索类目、记录等等。