交互|为什么看再多的设计原则,也做不好B端交互?( 二 )


而不是虚空树靶,光靠各自的 “觉得” 来讨论,这样的讨论不仅没有质量,而且不会获得有效的结果。
二、同理心和角色目标带入做产品和交互,对用户的理解优先建立在共情和同理心上。
了解用户,最好的方法不是你做了科学的实验,应用完善的理论,而是你自己成为用户!可惜很多设计师都想不明白这个道理,过度追求数据或者调研方式。
在上一个案例中,也有同理心应用的部分,自己作为用户知道这个页面操作的重点,在权衡利弊的过程中你自然知道应该选择什么,放弃什么。
下面再看另外一个学员案例,也是表单,但是是需要用户完整填写的大量表单内容。
交互|为什么看再多的设计原则,也做不好B端交互?

在右侧的改版里,我把单从横排改成了竖排,从原本省空间的方案改成了不省空间的方案,和上一个案例截然不同。
为什么?看看下面的细节先。
交互|为什么看再多的设计原则,也做不好B端交互?

如果真当自己是用户,看一遍自己做的设计,给自己定个操作的目的,并尝试在这些内容做选择,那么你选择到这种模块,就必然开始混乱起来。
上下的内容离得太近了,比左右同行同级元素还近,这样会极大损害信息识别的效率和操作顺畅度。尤其当我核对前面单选项是否选对的情况,阅读起来更是痛苦。
交互|为什么看再多的设计原则,也做不好B端交互?

而我们把内容进行上下排序,将亲密性表现得更合理,那么操作的舒适度就会显著的上升。至于多出来的高度,作为用户你沉浸在表单输入过程中,为什么会关注多出来的那点高度?
好吧!如果一定要用理论方法来分析,那可以堆砌一堆的理论解释:

  • 亲密/对齐性:上下排序的亲密性可以完美符合左对齐视觉引导,以及不同模块跨度的划分
  • 菲兹定律:左对齐的选框位置距离极短,除了滚动外鼠标就负责上下移动,而不用全屏幕流浪
  • 心流理论:用户视线不要轻易被打乱,就容易沉浸到完成当前目标,而不是关注怎么设计美观
  • ……
理论可以拿来在 PPT 里强化自己方案的说服力,但前提是别自己绕进去,纯粹通过理论的堆积来认为自己设计的是合理的。
再看看下面这种表单页的案例,多列设计来让画布被填满的设计,思考下到底是为了设计而设计,还是为 “用户” 设计?
交互|为什么看再多的设计原则,也做不好B端交互?

三、字段信息整理的必要性第三点,就是有效的整理需要的设计模块的字段信息。从产品层面去理解该模块的诉求,信息层级,状态类型。
有很多复杂的组件,如果我们直接动手画,是行不通的。主要问题源自需求层面的复杂性,不仅字段非常多,而且它们是有层级关系,集联性质。
比如再看下图的学员案例,一个在公司平台上传公共文件时,进行素材权限编辑和信息管理的组件。
交互|为什么看再多的设计原则,也做不好B端交互?

在这个模块中,包含的功能和可操控的元素非常多。从整个面板的标题开始,作为最顶层的信息,向下可以延伸出不同的子模块和对应的二级标题。
每个二级标题下,还有不同的下级元素。我们不仅要有效处理这些关系,同时还要分析权限的字段内容,它们包含了:权限类型标题、对象、对象权限、选择、删除、添加。
这时候,我就会用文字的方法把这些信息整理出来:
交互|为什么看再多的设计原则,也做不好B端交互?

推荐阅读