资深交互设计师经常强调的「场景」到底是什么?

编者按:资深设计师经常强调的「场景」是什么?今天@拉瓦像阿拉蕾 通过5个搜索的案例,带你认识场景的魅力。

文章目录[隐藏]

资深交互设计师经常强调的「场景」到底是什么?

编者按:资深设计师经常强调的「场景」是什么?今天@拉瓦像阿拉蕾 通过5个搜索的案例,带你认识场景的魅力。

在toB类的系统设计中,表格页面应该是比较常用的用于展示数据信息的方式之一了。大多数场景下,承载了大数据量的表格用户需要通过「搜索」的场景来快速找到需要的信息。下面是在数据表格中,几乎可以涵盖到所有搜索需求的交互模式。

一. 单搜索框

资深交互设计师经常强调的「场景」到底是什么?

顾名思义就是搜索框只有一个,这种场景比较常见的是「单属性搜索」,当用户可以简单地通过一个属性就能快速定位到目标,比如搜索「产品ID」这种具有唯一识别性的属性。

另外,这种场景也同样适用于「模糊搜索」的场景,也就是用户在一个「万能」输入框中,输入关键字,进行多属性的关键字匹配,从而帮助用户找到相关信息。

二. 多条件组合搜索

资深交互设计师经常强调的「场景」到底是什么?

这种搜索框是基于表格数据维度很多的情况下,用户需要通过多个属性组合,更加精确和快速地找到相关的条目。在这种情况下,我们不建议「大而全」地把表格所有的属性都列出来让作为搜索条件,产品往往需要去了解清楚哪些属性对于用户来说是高识别度的、高使用频次的,进而决策几个对用户帮助最大的属性作为组合搜索的条件。根据「7±2法则」,组合搜索的条件最好不要超过5个,否则再增加一个,对用户就多一份负担。

三. 多条件折叠搜索

资深交互设计师经常强调的「场景」到底是什么?

△  收起状态

资深交互设计师经常强调的「场景」到底是什么?

△  展开更多

在复杂业务的系统中,我们常常会发现当数据量特别多,维度特别复杂的情况下,用户在不同业务场景中需要用到不同的搜索条件来帮助定位信息,这些搜索条件可能使用频率不高,但是却是必要存在的,因此这时候搜索条件常常会有7-8个,甚至10个以上都有可能。那么在这个情况下,把所有搜索条件一次过暴露给用户不是一个好的做法。

我们常见的做法是,把搜索频次最高的属性和数据覆盖面最广的2-3个属性暴露给所有用户,其他必要的但是使用频次比较低的属性通过折叠的方式隐藏,用户需要时点击展开更多搜索条件。

四. 模糊搜索+精确筛选

资深交互设计师经常强调的「场景」到底是什么?

△  高级筛选收起

资深交互设计师经常强调的「场景」到底是什么?

△  高级筛选展开

这种模式其实严格意义来讲也是属于「多条件组合搜索」的一种,至于它跟上面提到的不同点在于用户的任务流顺序不同。这个的用户任务流是「输入关键字 – 搜索结果 – 筛选条件 – 找到目标」,而上述的多条件搜索的用户任务流是「 筛选条件 – 输入关键字 – 搜索结果 – 找到目标」

那么在使用场景上跟上述的多条件组合搜索的区别在于:

  • 多条件组合搜索:

表格信息是内容与属性一一对应的比较多的情况下。比如,一个花名对应的就是「创建人」,一个日期在表格中就对应的是「创建日期」。这就要求用户对于要找的信息有明确的定位,知道可以通过哪些维度可以找到自己想要的,更有目的性,更精确。

  • 模糊搜索+筛选:

模糊搜索的字段会对应到多个属性的,比如一个花名会分别对应「创建人」、「处理人」、「审批人」,那么这时候通过一个模糊搜索框,「捞」出一堆已经分类号的信息,直接通过这些类别进行筛选,从而快速找到目标。

五. 表头搜索

资深交互设计师经常强调的「场景」到底是什么?

△  每列的表头增加一个筛选的图标按钮

最后这种就是在表格中定制化的表头搜索的功能。这种搜索方式,用户直接在表格的表头中找到对应的属性,在该属性下对关键字进行搜索。这种使用场景常常是因为用户对表格的每一列,每一个属性都有搜索的需求,这种情况比较少。还有一种使用场景是:在产品规划的前期不清楚哪些条件对用户有更大的帮助,使用这种模式,在每个表头的搜索按钮进行埋点,后期收集数据,从而知道哪些属性使用频次高的,可以被单独拎出来作为表格之外的搜索条件,帮助用户更快速更有效地找到目标。

最后

有了交互模式,更需要对用户有更多的了解,以及对业务和需求的深刻把握,才能把交互模式「用好」,设计出能真正帮助用户提高效率的产品。

交互设计的案例实战」

  1. 阿里设计专家的经验:《为什么设计师也要学会判断优先级?》
  2. 交互设计中的按钮:《三个按钮背后由小见大的交互思考》
  3. 什么是正确的需求:《聊聊设计中「需求」的正确打开方式》

资深交互设计师经常强调的「场景」到底是什么?

【优设网 原创文章 投稿邮箱:yuan@uisdc.com】

================明星栏目推荐================

优优教程网 UiiiUiii.com 是优设旗下优质中文教程网站,分享了大量PS、AE、AI、C4D等中文教程,为零基础设计爱好者也准备了贴心的知识树专栏。开启免费自学新篇章,按照我们的专栏一步步学习,一定可以迅速上手并制作出酷炫的视觉效果。

设计导航:国内人气最高的设计网址导航,设计师必备:http://hao.uisdc.com

原创文章,作者:震天下,如若转载,请注明出处:https://www.iamue.com/34191/

(0)
震天下震天下
上一篇 2017-08-28 13:20
下一篇 2017-08-29 14:08

相关推荐

  • 如何平衡广告盈利和用户体验?

    如果你是一名手机应用开发者,你肯定知道广告可以为你的应用提供巨大的收入潜力。可以说手机应用就是在为流量主下金子: 到2020年,将会有高达1890亿美元的收入,而其中仅应用内广告带来的收入就会达到1170亿美元。事实上,我们最近对1000多名应用程序开发者进行了调查,发现高达84%的人承认他们通过广告将应用变现 —— 61%的人声称广告带来了最多的收入。但是,一如既往,能力越大,责任越大。作为一名应用开发者,你要负责确保用户的使用体验,...

    2018-04-06
  • 快来感受一下美帝的体验创新之旅

    追逐着2014年最后一天的时光尾巴,MUX五位同学加入了IXDC美国体验创新之旅,从北京跨国太平洋来到旧金山(San Francisco),深入参访硅谷多家互联网创新企业,交流和感悟体验创新。 8 ▲先来张大合照,三十多人,我…

    2015-01-20
  • 4款视频app交互设计浅析

    作者对腾讯视频、爱奇艺、搜狐视频和芒果TV进行界面的整体对比,希望能给各位带来一些收获和启发。

    2017-05-10
  • 搜狗词典用户体验更给力 可原汁原味学英语

    日前,搜狗词典APP迎来重要升级,接入上百部与查询词相关的优质英美影视剧内容,并将“国际报道”内容板块升级为“双语报道”,进一步丰富了英语单词的学习语境,提升了用户的查词、记词体验,帮助用户原汁原味学英语。接入海量英美影视剧内容,新增“原声影视”内容板块及“视频单词卡片”功能,是搜狗词典APP此次升级中值得称道的一大亮点,这使得搜狗词典APP突破了原有的文字、图片、音频等内容形式,方便用户通过丰富的影视剧短片,用更具趣味的方式了解学习英...

    2018-03-12
  • 不可思议!VR虚拟现实的第一个盈利领域竟是A 片

    [alert_info] 据预测,虚拟现实色情产业到 2025 年将达到 10 亿美元。去买个虚拟现实头盔来看黄片吧。 网友评论: 太污了 我没法看下去了…… [/alert_info] 现在的虚拟现实产业就像打了鸡血一样。当你带上虚拟现实头…

    2016-01-24
  • BAT名师访谈,阿里交互设计专家的成长之路

    编者按:优设访谈第四期!今天这位设计师也是老朋友了,作为网易电子商务部UED团队的创建者,阿里现任交互设计专家,以及业内人士鼎力推荐的《破茧成蝶:用户体验设计师的成长之路》联合出版人,@刘津legene 老师的…

    2015-11-19
  • 2018年04月07招聘岗位

    诚聘:通辽澳鼎医疗器械公司诚聘:工作人员要求:40岁到50岁之间的女性,能长期工作的,有爱心,有孝心,家庭没有负担的,高中以上文化程度,语言表达能力好待遇:中午有工作午餐,每个周日休息,节假日休息,基本工资1800元,满勤奖200元,年底奖金不少于12000元。联系人:闫经理。联系电话,15247572846,15374967717不能长期工作的勿扰!招聘服务员工资底薪2500加提成收银员2700元加提成招聘电话:8663888,157...

    2018-04-08
  • 从一个弹窗的关闭按钮引发的讨论和思考

    作者:李逍遥(UXRen翻译组管理员,UI设计师)   弹窗的右上角有个关闭按钮,功能好像跟下面的取消确定差不多,都是操作完成后弹窗关闭。咋的一看好像很多余,是不是多余呢,因为设计规范的时候碰巧遇到这个问题。…

    交互专题 2023-03-03
  • SKETCH | 周鸿祎自述:我的价值观

    在这本书的开头,我想讲讲影响我价值观的电影和书。说到价值观,有的人可能要笑了:都什么年代了,还讲价值观?虽然这本书的书名是《我的互联网方法论》,但这并不是按图索骥的说明书,你如果认为读完本书,就会做产品了,就能向互联网转型了,对不起,真的是做不到。赵括把兵书读了千百遍,在纸上推演了千百遍,到了实际的战场上,还是一个输。因为无论是做互联网产品,还是传统企业向互联网转型,能不能做得成,是看你能不能创新。而能不能创新,除了你的技能、阅历、领导...

    2018-04-26
  • 【18应届报考北师大map用户体验方向】经验分享贴

    BNU学习小组互助互帮,轻松考取北师大,我们团队致力于为报考北师大MAP心理学专业的学弟学妹提供最精准的专业课辅导,官方微信:yanni513351。QQ:2194691060。专业课方面:普心、社会心理学我主要是看书背知识点,这两门课不难理解,看书熟悉内容以后将知识点背熟就可以,另外要通过做题检验自己的程度。测量心理学、实验心理学和统计心理学这三门课注重理解,尤其是统计心理学,要将每个知识点弄懂是什么意思,再做题巩固。而实验心理学重点...

    2018-04-15