快好知 kuaihz

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

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

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

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

一、三种思考

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个卡片进行展示:

本站资源来自互联网,仅供学习,如有侵权,请通知删除,敬请谅解!
搜索建议:后台交互设计师的收纳技能  收纳  收纳词条  交互  交互词条  后台  后台词条  设计师  设计师词条  技能  技能词条  
设计

 关于搜索建议的两点小问题

最近在做搜索设计时,发现了两个容易纠结的小问题,在这里谈谈自己的一些分析。问题一:提交的关键字是哪个?凡客的这个例子中,搜索建议“时尚斜拉链”高亮显示,这个时候...(展开)