快生活 - 生活常识大全

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


  本篇文章作者提出了有关后台产品设计的三种思考:优先级的判断、归类和扩展性,对此,提出了四种方法。
  我们在做后台产品的设计时,经常会遇到有大量的字段需要用户填写的场景,如果把所有的字段全部铺开,让用户填写,估计很多用户看到之后,填写的意愿会降到冰点。
  所以,如何在既能满足业务需求的情况下,让界面的保持简洁、达到用户操作便利、高效的目标?
  一、三种思考
  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个卡片进行展示:
网站目录投稿:谷枫