数极客首页

后台交互设计师的收纳技能

本篇文章作者提出了有关后台产品设计的三种思考:优先级的判断、归类和扩展性,对此,提出了四种方法。

后台交互设计师的收纳技能

我们在做后台产品的设计时,经常会遇到有大量的字段需要用户填写的场景,如果把所有的字段全部铺开,让用户填写,估计很多用户看到之后,填写的意愿会降到冰点。

所以,如何在既能满足业务需求的情况下,让界面的保持简洁、达到用户操作便利、高效的目标?

一、三种思考

1. 优先级的判断

人的认知资源(人的工作记忆容量是4±1)和屏幕的界面资源(受屏幕尺寸的限制)都是稀缺的,所有内容都重要,那么没有什么内容是重要的。

对优先级的判断可以从如下几个方面着手:

1.1 分用户

目标用户是谁?一般我们只能满足1~2个用户角色去做设计,如果再多,会导致我们设计目标模糊不清,所以,不要假设我们可以满足所有用户的所有需求。

比如:一个广告的创建流程,我们会优先考虑初级用户,其次才是高级用户。

1.2 分场景

同一个字段,在不同的使用场景,它的优先级是不同的。

比如:用户在浏览商品时,商品信息的优先级是高的;而用户在选好商品,进入到支付环节,商品信息的优先级相对而言,就会下降,而支付信息的优先级会上升。

2. 归类

根据具体情况,按不同的维度,将内容进行归类,比较常用的是:按属性归类。

示例:脸书的广告投放平台将把页面内容梳理成3类后,页面展示变得更为简洁。

后台交互设计师的收纳技能

3. 扩展性

考虑到各方面的原因,如:使用量暂时没有上来,开发工作量的限制等,很多功能都是小步迭代的。但是,我们的设计需要考虑到扩展性。

比如:当前产品需求选项不多,如果,后期可能还会往里加更多的选项,那么就要平衡当前界面、目前选项数量、后续选项的数量级,来判断采用什么样的控件。

示例:在Adwords的广告样式预览中:

A-1、“桌面设备”的主要广告样式的展示,平铺展示5个样式,用户可以一目了然的看到可以投放的广告样式。

如果,后续会增加大量的内容,这种展示方式的扩展性就不太友好,因为放太多,用户会很难记住。

然而,从业务需求上来说,增加内容的可能性比较小,因此,目前的展示方式,是相对合理的。

后台交互设计师的收纳技能

A-2、“移动设备”的样式展示,一次只展示一个,其它样式,通过“←→”进行翻阅,这种方式的扩展性更强,且每次只展示一个广告的样式,内容更聚焦。

有个小问题是:这里没有告之用户,一共有多少个,因为一直是循环播放,也没有终点。

所以,要求用户去记忆每个广告样式的具体内容,这个对用户的要求会有些高。

后台交互设计师的收纳技能

二、 四个方法:

1. 分步骤展示

这个在后台中比较常用,

示例:谷歌的Adwords广告投放平台,把创建广告分成了4步:

后台交互设计师的收纳技能

2. 含蓄的隐藏

隐藏只有专业用户才会用到的高级选项,采用渐进式呈现的方式。

2.1 考虑到重要程度

  • 必填项的高频操作项;
  • 必填项的低频操作项;
  • 选填项的高频操作项;
  • 选填项的低频操作项;

示例:在Adwords的广告创建流程中:

A、把要必填的内容直接展开:

后台交互设计师的收纳技能

B、把选填的内容默认收起:

后台交互设计师的收纳技能

C、把只有专业用户才会用到的高级选项,隐藏:

后台交互设计师的收纳技能

D、非必须且低频的功能,深度隐藏:D-1、通过符号,含蓄告之有收纳内容:

后台交互设计师的收纳技能

D-2、点击符号,唤起隐藏的内容:

后台交互设计师的收纳技能

D-3、通过结果反馈执行的结果:

后台交互设计师的收纳技能

2.2 考虑到数量

人的工作记忆容量是4±1,对于第5个及5个以上进行隐藏:

示例:在Adwords的人群的查看表格:放出了较为重要的前5个属性,把第6个进行了隐藏。由用户按需来决定:第5个和第6个的优先级。

后台交互设计师的收纳技能
后台交互设计师的收纳技能

3. 信息分层级展示

示例:在Adwords中广告创建流程中,突出的是右侧的内容,而不是左侧的标签。

在右侧的内容中:

  • 首先:用图示的方式,将两种网络的广告会出现的位置用黄色色块标识出来。(这个用户最为关心)
  • 其次:标题
  • 再次:高亮显示已默认为用户勾选的内容(这个用户较为关心)。
  • 然后:介绍
  • 最后:小问号的内容(隐藏内容,需要用户鼠标移到小问号上,才会展示)。
后台交互设计师的收纳技能

4. 信息分组展示(具体分组方案的设计,可以参考格式塔原则)

示例:在Adwords的广告创建流程中,将广告归纳为5种,分5个卡片进行展示:

后台交互设计师的收纳技能

 

本文由 @崔玲美 原创发布。未经许可,禁止转载

题图来自Unsplash,基于CC0协议

新一代大数据用户行为分析与数据智能平台:数极客(https://www.shujike.com),是支持无埋点、前端埋点、后端埋点、API导入四种混合数据采集方式,整合分析用户行为数据和业务数据,可以自动监测网站、APP、小程序等多种渠道推广效果分析,是增长黑客们必备的互联网数据分析软件。数极客支持实时多维分析、漏斗分析、留存分析、路径分析等十大数据分析方法以及APP数据分析网站统计网站分析小程序数据统计用户画像等应用场景,业内首创了六种提升转化率的数据分析模型,是数据分析软件领域首款应用定量分析与定性分析方法的数据分析产品

发表评论

评论已关闭。

相关文章