交互那些事儿——搜索模式探索

本篇是关于移动端搜索模式的学习总结,通过搜索的方式、搜索结果的排序和筛选三方面来总结。

一、搜索模式

1、模态搜索

“模态搜索”是现今大家熟知的一种搜索方式。以知乎为例,其搜索框位于导航抽屉内,但是只要点击搜索框,“搜索模式”就会显示为一个带有弹出键盘的完整搜索页。

ios版知乎

模态搜索的主要好处在于用单个搜索页面增加了搜索空间。要记住,为那些最终不打算搜索的用户提供一个返回的途径,即一个“清除”按钮和取消模态搜索的选项,同时使用反馈来表示系统正在进行的操作。

2、自动完成搜索

现在移动设计已进入成熟阶段,自动完成功能应该成为显示搜索模式的标配。自动完成 搜索即用户输入文字时,会自动出现一组可能的结果,当用户继续输入,搜索结果相应减少。点击任何一项结果就会触发搜索。

ios版穷游

目前电商类的应用设计了增强型的自动完成搜索,它将每一项提示有可能所属的类别都显示出来。这样的设计另用户可以更方便地直接进入到最相关的搜索结果。

ios版京东

3、限定范围的搜索

有些时候,如果让用户在开始搜索前就先设定好搜索范围,他们就能更便捷地得到搜索结果。如安卓版的Google play store在搜索框下面放置了一个下拉菜单控件。在ios平台上,常常用分段控件实现限定范围的搜索,但也可以选用其他的UI控件,比如滚动选项卡或胶囊导航栏。

安卓版Google play和ios版知乎

4、保存的搜索、最近搜索记录和热门搜索

优秀的移动应用界面设计都会遵循基本的可用性准则:尊重用户付出的努力。保存的搜索、最近的搜索记录和热门搜索就是通过选择先前的搜索记录,实现搜索流程的简化,让用户不必重复输入相同的关键词或搜索条件。

ios版京东

5、搜索结果、查看结果

在执行搜索后,搜索结果可以在同一页面显示,也可以跳转到专门的搜索结果页。搜索结果可以显示为表格、列表、地图、卫星图或缩略图的形式。

ios版穷游攻略根据搜索结果的信息类型使用了三种形式显示其搜索结果

二、排序模式

当你浏览许许多多应用时,可能会奇怪,这些应用时按什么顺序排列的呢?是受欢迎程度、评分高低还是发布日期?当无从知晓的情况下,你可能要到别的地方去研究一下,再去下载。现实中排序模式确实能极大的提高搜索的可用性。可以考虑在搜索结果中运用一下模式:单页排序和排序浮层。

1、单页排序

在只需要少数几种排序选项的情况下,单页排序可以作为一种简单的一键式解决方案。在安卓应用中,下拉菜单控件可以很好地用来选择排列顺序。虽然不嫩一眼看到全部的排序选项,但它可以清晰地指明那个选项是活动的。

安卓版印象笔记和ios版京东

2、排序浮层

出了单页排序,排序浮层也是一种很好的备选方案。这种模式不会占用宝贵的屏幕空间。用户可以通过点击排序标签或图标开启浮层,可以将它放在搜索结果页面的顶部、中间或者底部。

ios版蝉游记


三、筛选模式

大型数据集可能因数量太大太难处理而变得几乎没用,为了让数据有意义,用户经常需要对结果进行筛选和细化。筛选器允许用户选择条件来所见数据集,只留下对他们来说最可用、最相关的搜索结果。

1、单页筛选

与单页排序一样,单页筛选显示在搜索结果页。点击后,筛选立即执行。

iTunes和Google play

2、筛选浮层可参考排序浮层。

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

推荐阅读更多精彩内容