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

编者按:资深设计师经常强调的「场景」是什么?今天@拉瓦像阿拉蕾 通过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

相关推荐

  • 关于用户体验,我有6点零星想法

    提升用户体验不是单方面的事情,它有多重影响,本文主要从六个方面来探讨关于如何提升用户体验。用户体验是指用户的主观感受(无法量化,因时而异,因人而异,因产品而异),它不仅仅是用户对产品本身的感受。产品所有可以延伸涉及的一切事件都可以是用户的判断基准,它所涵盖的范围很大,甚至对产品背后公司法人形象的认知都会影响到用户对产品的用户体验。提高用户体验不单单是靠交互、视觉、又或是产品,它还需要运营、市场、策划、客服等等部门的共同参与,用户所有能接...

    2018-03-16
  • 打造一个平台的用户体验,从需求方和供给方入手

    这几年做平台,我一直在思考平台的价值究竟是什么?后来我认识到:满足供需双方的需求,提供超越传统线下方式的用户体验,就是平台的价值。平台圈住的用户并不是它的价值,而是因为这个平台具备价值,所以用户愿意留在这个平台上。

    2017-05-11
  • 用户体验设计专题——前言

    元宵佳节一过,春节假期正式步入尾声,相信大家的工作也已步入正轨。为了感谢大家对我们这个略显晦涩却干货满满的公众号的支持,经过系统梳理,我们归纳总结了9个用户产品设计的基本原理,结合从数千个小流量评估实验中筛选的经典案例予以阐述,在未来两个月的时间里,会逐步分享给大家!废话少叙,步入正题!笼统地说,用户体验(User Experience,简称UX或者UE),是指用户在使用一个产品、系统或者服务时建立起来的纯主观感受。这里我们会关注两个重...

    微信热点 2018-03-02
  • 「确定」和「取消」按钮哪个该放在左边?

    永恒之战 “确定/取消”党与“取消/确定”党在这场旷日持久的按钮排序之战中,各执己见,至今未能统一。 “确定/取消”党的见解: 符合自然说话/阅读习惯。日常生活中当我们提出问题并伴随肯定与否定的选择时,往往会这样…

    2015-12-10
  • 像用户体验设计师那样思考

    [国外设计第158期][图片]插画来自Crafticons培养探索未知的心态(持续)学习用户体验是最需要技巧的事情。因为这不是标准教育中的某个正式课题。它总是以某种神秘不可预测面貌示人,直到你在设计、研发、市场推广(或者其他创意领域)中遭遇到用户体验的具体概念。虽然在用户体验方面

    微信热点 2018-04-18
  • 被忽略的交互设计本质

    谈论交互设计本质是起源于日常的很多谈论,不管是向朋友介绍自己从事“交互”相关岗位,还是需要向亲戚通过三言两语解释自己的工作内容;甚至在工作的上下游沟通中,也经常会被问道“你怎么就判断用户是这么想的”“产品如何从0(概念)到1(页面界面)的”;这些问题促使我想要追本溯源,捋顺一下交互的由来、工作内容,以及依照什么方法执行等问题。(1)把冰箱门打开→ (2)把大象放进去→ (3)把冰箱门关上(1)要充值的手机号码→(2) 确认充值多少钱(用“确认”是因为很多软件提供了默认金额)→ (3)付款搞定。

    2017-05-15
  • 别逗了,真正的“用户体验”并不如你们所想

    什么是用户体验?如何评价用户体验的好坏? 在知乎上,俞军说:“我理解的用户体验,是让用户付出最小成本满足需求”。这其实仅仅是在讲“易用性”(usability)。另有位叫做Allen Zhang的大牛说:“个人对用户体验的目标…

    2015-10-10
  • 交互设计篇-如何处理需求

    如何处理需求,是产品经理的基本功,不管是来自老板还是客户的,亦或来自企业内部(运营、业务)及产品本身的发展,产品经理都需要把需求的收集、分析、管理做到有效进行。一、需求收集用户调研运用场景:产品规划初期或者遇到重大版本迭代,需要重新架构设计时,将会进行用户问卷、用户访谈的方式去挖掘用户的真实需求。基本方法:用户问卷-定量研究的方法,问卷问题一般为15个左右,包含用户基础资料信息(包括年龄、收入、教育水平等人口统计学范畴信息)和主观性的信...

    2018-05-06
  • 新版微博APP|微博设计团队是如何对于微博IM界面进行优化设计?

    微博是一款典型的信息流产品,早期微博IM复用了信息流的一些设计,并且已经很久没做大的更新迭代,导致现有的设计与实际场景不符。

    2017-05-18
  • 设计师进阶:从UED向UXD转型

    UXD(User experience designer)概念为何在当下越来越热?这个新Title对设计师意味着什么?UXD对设计师提出了怎样的新要求,设计师们又如何去转型UXD呢?在设计师转型UXD的背景下,还需要讲求专业精深吗?纯视觉设计师VD(Visual designer)又有怎样的发展路径?

    三位阿里巴巴UED掌门人分别从自身视角对设计师转型UXD进行了解析。

    2017-05-12