用户的感知觉和设计的关联
不同的感觉器官会识别不同的外界特征,了解感知觉基本特性及在设计中的运用:
特征1:整体性
人类的感知整体性,不是简单做各个部分的叠加堆砌,然后形成的整体认知。我们是“整体的认知大于部分之和,或者说先于部分认知”。
体验设计中,整体性意味着你在设计时对整体框架设计思考要先于对细节的打磨,对整体页面的布局、构图、色彩的整个感知要有清晰的规划。
特征2:选择性
我们必须通过一些选择性的规则,对信息进行筛选加工过滤,才会进入后期意识处理。
这些选择性的规则可能是一种明显的对象背景之间的差别、一种对象的运动、距离远近。这种选择性还会依赖于人的动机目的性、兴趣点。对象背景差别越大、运动越显著、距离越近,人的动机目的性越强烈,兴趣点越大,那么我们就更能够快速地感知到这个信息。
在设计交互的时候不要把关键的内容隐藏在不必要的干扰环境里。比如不当的动态广告 banner 设计,花里胡哨,动效动静太大,或者色彩过于绚丽的弹窗小广告。
在一个安全性要求很高的持续作业环境中,更不要让用户脱离主任务而进行其他的交互任务,这样会影响安全性。
特征3:对比性
在皑皑白雪中,你可以很快看到那只黑熊;在漫漫黄沙中,你会很快锁定那片绿洲。中秋节大大的月亮周围,你总觉得好像星星很少;而漆黑的夜空,又仿佛群星闪烁。
因为人对环境的认知,也会不停地通过对比,来寻找视觉焦点。
怎么把对比性运用在设计中?
你可以用来强调事物之间的差异性,避免页面元素太相似。如果元素(字体、颜色、大小、风格、材质、形状、空间等)不相同,那就让它们截然不同:
在色彩中,对比会突出重点,恰当的对比可以很好地制造出焦点(画面主体);
在版式编排中,鲜明对比可以形成强有力的反差效果,第一时间让用户捕捉到主体和重点;
如果一个画面没有对比,会让人觉得单调乏味。画面要突出重点。对比可以帮助我们增加画面的层次感,清晰展示逻辑和内容要点。有了对比,画面才会更加生动活泼,主次分明。
特征4:理解性
理解性和人的过去的知识经验、文化背景有非常强的关系。知识经验越丰富、文化内蕴越深,理解就越深刻。
设计创作,要基于对当前你的受众的理解性来理解。
左边的女孩可爱清纯,右边的女孩搞怪和喜欢恶作剧。这种感觉是被设计师设计出来的。这叫做自上而下的光源偏见。
光源偏见:从上而下的光,比如来自大自然的太阳光、月光,会带给人平和、温暖、生机、安全感、正能量的感觉。从下而上则相反。
特征5:恒常性
世界一定是复杂并且在持续不断地变化的。在变化的世界中,人会一直尝试理解哪些事物是以不变应万变的。恒常性的形成需要时间。不过人一旦适应了一种恒常性,挑战、颠覆、改变这种恒常性的做法会产生非常强烈的不适感。
了解到人感知的恒常性特征,面对设计,我们要去利用它、顺应它,或者巧妙地打破它达到新的效果。
对应到用户体验设计中,我们经常谈到的一致性设计,就是对恒常性的顺应。特别是界面布局上入口、导航以及控制按钮的位置设计。它们的色彩、字体、阴影的感觉,我们要尤为注意。只有保持一致性才能让用户快速上手。
如果控件的功能不同,不要模仿已有的控件位置进行摆放,不然可能会导致错误的认知。
比如在移动端对话框的设计中,绝大多数情况下右侧为确定,左侧为取消。但是这个快捷开关的确认界面里,右侧为确定,左侧却变成了重置。
特征6:联觉性
一种感觉引起另一种感觉的现象就是联觉。
这两个设计里一个是音乐如微风般吹过脸颊,一个是秀色可餐,都巧妙运用了人的感知觉的联觉性。
特征7:错觉
棋盘中的 A 和 B 格子,颜色谁深谁浅。
哪个白色的圆大一些?哪个黑色的圆更大一些?
这其实就是错觉。人的感知觉会犯错,而且会经常犯错。
错觉有很多种,视觉、听觉、味觉、嗅觉等方面的知觉经验,都会出现错觉。被心理学家研究最多的是视错觉。
产生错觉的原因:
一个是生理角度,错觉受到眼睛和视网膜内神经交互作用的影响;
一个是认知角度,认为错觉受到更高水平的注意、过去经验、决策等认知因素的影响。
合理地运用错觉可以引导用户的感受