提交需求
赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!
来UI中国的第一篇文章~~
之前知道设计原则后一直处于一种说的对我记住就好的状态,最近看了《认知与设计》,终于了解了这些设计原则所基于的人类感觉和认知心理学背景,书中所提到的很多例子有点老,我将其中比较代表性的观点拿出来并用现在能看到的例子做一些整理,算是看完后的一种笔记记录。
一、长期记忆
1、一致性
尼尔森十大原则中有一条叫做设计需要保持一致性,指的是界面在元素、风格、文案、交互行为等多方面保持一致,这样可以减少用户的理解难度,操有助于用户低成本地学习和操作。
这背后的原因其实涉及到人的长期记忆,即人对周围世界的感知会受到过去记忆经验的影响,简单来说就是一旦我们以前在某个地方见过或者做过一件事情,之后遇到类似的事情就会下意识地做出相同的举措。这就是为什么用户经常不认真看屏幕就点击按钮或者链接,因为类似的按钮或者元素勾起了用户以前的记忆从而做出相同的操作。
利用这个原理进行的设计司空见惯,下面我举一下利用这个原理进行的设计反例,国外一款游戏将下一步按钮均做成相同的大小和形状诱导用户形成经验记忆,而涉及到需要付费的阶段依旧使用同样的样式,导致用户很容易点击进入付费,而这很显然并不是用户真实想要的。
2、帮助工具
人的长期记忆会形成经验帮助我们更加快速地做一些事情,但也有一些缺点,因为人的长期记忆不是高精度的记录事情的每个细节,而是抽象出它们的特征进行记录,这也就导致了我们很容易记混或者弄错一些事情。这一点对于设计的启发意义在于我们需要在涉及到用户长期记忆的一些操作时帮助用户减轻记忆负担。下面通过正反两个例子看一下:
① 苹果的通讯录有个功能是锁定备忘录,这样涉及到一些隐私的记录就不会被外人打开,而锁定备忘录需要用户填写打开的密码,但是考虑到用户遗忘的风险,苹果让用户可以自己设定一个密码提示,在输错次数达到三次以上时可以进行文案提示,帮助你记起密码。(我曾建立了一个备忘录,然后锁定了,但是我不相信我自己的记忆力,结果设定的密码提示是开锁密码。。。有点皇帝的新衣,不过是真的好用)
② 当然同样的道理在另外一个方面苹果就做的不那么贴心了,在新建Apple ID账号时需要用户填写密保问题,作为以后忘记密码的一种密码修改手段,但是这里给的问题都是系统默认的问题,却不允许用户自定义问题,因为有些用户可能一个能够长期记忆的问题都没有,这就大大增加了用户的记忆负担。
3、让用户识别而不是去回忆
除去以上两点关于长期记忆的优势和限制,以及他们对设计的影响,长期记忆还有两个功能需要着重注意,它们就是识别和回忆。而这一点在尼尔森十大原则中也有提及--识别好过回忆,提醒设计师要尽量减少用户需要记忆的事情和行动。背后的原因涉及到神经学的内容,核心是识别是感觉与长期记忆的协同工作,这其实与我们的祖先生存的时候必须在一两秒的时间内来识别草丛内出现的动物是食物还是肉食动物息息相关,结果就是人类对于一件事物的识别速度远远快于进行回忆。
而这个原则可以用在很多事情上,这里我举出最近看见的两个例子进行说明:
① 百度网盘10.0更新中,将个人头像与“我的”结合,用户通过缩略头像高校识别账号,确认了账号的对应状态,解决多账号用户判断自己身份的问题。
② 现在登录必定会遇到多种登录方式进行选择的问题,而且不同的登录方式很多情况代表着不同的账号,比如以下花瓣的登录方式,用户很容易忘记上次使用的登录方式是什么,如果多次错误,用户很容易产生挫败感甚至放弃登录使用。
而在一点上QQ音乐做的就很人性化,会在登录页显示“上次登录”的提示文案帮助用户识别。
二、短期记忆
同样是记忆,人的短期记忆不像长期记忆是记忆的存储,它更像是铃铛被敲击之后的短暂回音,是我们注意的焦点刺激我们的感官所残留的信息。但正因为如此,短期记忆存在信息容量小和高度不稳定性的特点。
关于短期记忆的低容量,与之相关的有个原则是7±2法则,说的是年轻人的记忆广度约为5到9个单位之间,所以如果希望用户记住导航区域的内容或者一个路径的顺序,数量应该控制在七个左右。最常见的就是移动端的底部Tab区域的ICON基本不超过五个。
三、边界视觉
人眼的构造导致人的视野所关注的信息从中央向边缘锐减,所以处于人边界视野中的暗色静止物体经常不被注意到。但是边界视觉却能够很快地察觉处于运动的物体,这个现象产生的原因是我们的祖先是因为具有发现食物和躲避捕食者的能力而生存下来的,因此我们能够潜意识自动地去注意运动的物体。
在设计中一旦有些功能处于用户的边界视觉,但是我们又希望用户去关注到它,我们可以使用一些动效来让用户发现它的存在。比如前段时间更新的Facebook,利用ICON的动效提示用户注意新消息。
四、视觉结构
在我们所处的环境里,感知结构让我们能更快地了解物体和事件,当信息以简洁和结构化的方式呈现时,人们更容易浏览和理解。而格式塔的接近律告诉我们人会把互相靠近的物体感知上形成一组,相对距离本身就可以形成分割感,而这一改变我们可以在QQ的7.0到8.0的改版中可以看见,QQ7.0中通过分割线来区分信息个体,但意义不大,其实意义不大,所以在8.0中去除了分割线,整个页面变得更加清爽。(图片来自ISUX)
结语
在这篇文章中我只选取了我感受颇深的几个点进行说明,还有很多内容没有表述出来,感兴趣的可以去看一下这一本书~~
大牛,别默默的看了,快登录帮我点评一下吧!:)
登录 立即注册