闲聊UED设计-方向
方向和时机是做事最重要的两个点;方向错了,努力的效果会非常甚微;写了这一篇UED方向性的文章。
一、首先提几本跟UED设计相关性比较高的专业教程类书籍:
《人机交互》、《设计心理学》,还有一本,是通过这两本书中讲的核心内容延伸的一本心理书相关性的书籍《认知心理学》。一般一本书前面10页,肯定会出现重点的内容;
还有交互设计7大定律,对于初学者,一定需要理解透它每一个定律说明什么。这些理解会帮助我们去佐证我们的设计是否站得住脚。就像初中学习很多几何定律,基于这些定律和已知条件,我们能证明什么样的结果;交互设计师基于这些定律去优化自己的设计,是特别具有说服力的。
1,《人机交互》里面会重点提到“心智模型”/“用户模型”的概念;
2,诺曼的《设计心理学》的“心理模型”概念;
里面很多是讲工业设计,讲到人机交互“以用户为中心的设计”,提倡以用户的需求和利益为基础,以产品的易用性和可理解性为侧重点。目前从职能划分上面,用户的需求,主要是产品经理需要做的。
产品的易用性和可理解性,这个就是UED部门需要做的主要工作。
3,《认知心理学》里的“认知”概念,这是软件UI、UE设计与心理学最紧密的心理学学科。
是人脑接受外界输入的信息,经过头脑的加工处理,转换成内在的心理活动,进而支配人的行为,这个过程就是信息加工的过程,也就是认知过程。
UED部门要解决的核心问题是:解决信息的认知问题,对信息获取过程的优化与对信息生成过程的易化。
对人类认知深层的研究,是人机交互设计更深层的理解和开发;
《人机交互》和《设计心理学》在谈到人机交互的时候,都会用不同的话说相同的概念。重点都是在说明:设计师的设计表达与终端用户的理解,两者是否吻合。
二、提到这些大学工业设计类必修课程的原因:
因为这是UED设计工作的最核心内容,也是设计过程中一直围绕的中心;方向对了,努力价值会更高!
三、UED的核心用场景化的方式说明;
为了方便理解,我想用一个故事去解说:
我一个人坐地铁去火车站,就通过地铁标示的导向到达目的地;进地铁后,我突然睡着了,一睁眼,所有的画面都是UI。我在哪?我要到哪里去?怎么通过一路的标示引导我去想要达到的站,是UI和UE最重要的事。
四、UED设计的重心;
---关于评审的几个纬度,从优先级排序;
1,导向性-易理解、示能性;
我们所有页面,不需要设计师去解释性地说明设计,只需要大家看。然后看了之后是否知道“我在哪?我要到哪里去?”这个核心点;这也会牵涉到未来的“可用性测试”环节;这是第一点,也是最重要的点;
2,易辨别性;
---这里写一个单独的章节,说一个实例,涉及到认知记忆一类的研究;
这个属于导向性范畴的深化,怎样做到清晰明了,减少对用户的干扰因素;
一个色块(包含icon),普通大众往往会从视觉的角度去看待这个问题,但从交互的视角,色块的含义有好几层用意。
第一是用来区分页面主次;
第二是快速辨别不同的色块;尤其对于多次使用的用户,通过人的记忆特性,在选择哪个功能的时候,色块有助于更加快速地辨别和选择;
-----------------------------------------------------------------
疫情期间,钉钉火了,但是钉钉在UI方面也存在很多问题,有一个很大的问题就是在易辨别性上,明显考虑欠佳的,与微信和企业微信放在一起比,问题会更加明显;
接下来我来说这个问题:
(1)看到这张照片,大家是否想到曾经自己的好友曾经用过哪些头像?我是一下能想起好几个我的好友用过的头像,虽然已经过了有十年;尤其是动物的头像,我更容易记住谁。为什么会这样?
我觉得不同造型的动物,比不同的卡通头像更容易被记住。我甚至在我的记忆空间里把某一个动物对应到一个朋友,去很快分辨出来不同的好友。钉钉在沟通的时候,因为颜色色块的处理没弄好,有时候找人会特别费劲,都是一偏蓝(如下图),“蓝色块”里再放一个薄薄的“字”,这种思路在逻辑上没错,但在操作中却让用户很费劲。对比一下早期QQ用一些默认的头像,加深记忆,把我们的好友一一对应地放进我们“记忆空间”的小房子里,这个方案要妙的多!
(2)钉钉、微信、企业微信放在一起对比,我觉得钉钉在UI设计这一块明显是最差的。为什么这么讲?从我的角度分析这个问题。
一个重颜色的色块,是很容易聚焦的,当用户看到页面的时候,用户很容易被高纯度的颜色吸引眼球,理论上来说,这个地方应该是很重要的地方。从用户第一次、第二次以及后面多次使用钉钉的场景来说,使用频率最高的会是哪块区域?以我的多年的直觉判断以及自身日常操作来看,应该是“信息列表”项,那理论上是信息列表应该是一个深颜色的色块组成,但是在设计中有个规律:如果长时间、高频率使用的软件,颜色尽量不要太艳丽,应该轻快一些、纯度低一些,这样会更方便长时间操作和阅览。
微信UI这一块比钉钉要好,它左侧的背景色纯度要低是一点,还有就是图标,不说特别好找,但至少不会像钉钉“一片蓝”里找,那个找人和群,特别费劲。企业微信的UI设计,我觉得是最好的,高频率的阅览,颜色朴素、简洁,比较好。有信号来了,红色的提醒,在朴素的页面中也格外显眼。唯一觉得可能还存在优化空间的是左侧7~8个图标,其实都不知道什么意思,要想知道,就需要一个一个点,不是很好。实在不行,少两个图标,然后加个文字,至少“示能性”会好一点。每次找一些共享文件或是什么,需要找很久。
----------------------------------------------------------
3,易用性;
快捷、高效操作;
从页面实际需求出发,满足以上几点之后,再开始到达第四:评论美观与否;
对于美观性,大部分人的审美是一致的,会有小部分成“长尾理论”中差异化的样子;
如果设计师用理性的思维设计出来的作品,不美观。硬是用自己所谓的理性理念让别人认可这是美观的,这种感觉犹如上图;
我们设计时候,一直在找美的共性。有时候自认为的理性数字带有美感。就像看到别人logo设计,画了很多辅助线,一倍的圆、二倍的圆、三倍的圆。我有时候在想,到底是设计师画好了logo,再用几倍的方式去修正设计的图形,还是用这种一倍、两倍的这种设计逻辑,然后终于设计出好看的设计?
我觉得会是第一种,先用感性设计好看,再用理性优化设计。要不然很可能会出现上图那一幕的感觉;














































































