闲聊UED设计-方向

用户头像
上海/UI设计师/6年前/226浏览
闲聊UED设计-方向
用户头像
niruimin

方向和时机是做事最重要的两个点;方向错了,努力的效果会非常甚微;写了这一篇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,再用几倍的方式去修正设计的图形,还是用这种一倍、两倍的这种设计逻辑,然后终于设计出好看的设计?

我觉得会是第一种,先用感性设计好看,再用理性优化设计。要不然很可能会出现上图那一幕的感觉;


0
举报
|
1
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
【新年UI图标】30个图标
3D卡通UI界面图标可爱插画免扣素
新能源APP应用UIKit
手表表盘UI系列
新拟态风格 UI设计组件库
【新年UI图标】礼物/活动icon
户外旅行飞机情侣假日出行
钱包ui模板
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
高级感金属拟物 UI设计组件库
UI 登录界面设计模板包
我的钱包-UI界面设计-app
Security Camera UI kit
智能家居中心 简约 UI设计组件库
3D渐变流体抽象矢量UI背景图
【新年UI图标】秒杀icon
APP/小程序商业项目UI模板|99个高保真UI+79个原型
【新年UI图标】会员icon
高级表盘系列UI源文件
【新年UI图标】钱包icon
拟物风质感写实UI卡片合集源文件
盲盒APP UI设计
【新年UI图标】汽车icon
你可能喜欢
相关收藏夹
大家都在看
登录注册