美文网首页
设计心理学-(1)人如何观察

设计心理学-(1)人如何观察

作者: vcy桑 | 来源:发表于2019-05-27 19:28 被阅读0次

    前言

    最近在阅读「设计师要懂心理学」一书,分章节将书中的小贴士内容提取出来,以便在理解的基础上有助于日常的设计工作。

    眼见非脑见

    1.别人在你的网站上看见的内容未必符合你的设想,他们的背景、文化水平、对眼前事物的熟悉度以及期待看到什么,都会影响他们的观察结果。

    2.你可以设计物体的展示方式,引导别人注意特定的内容。

    整体认知主要依靠周边视觉而非中央视觉

    1.人们看电脑屏幕时会用到周边视觉,而且经常只扫一眼周边视觉区域便以此判断整个页面的内容。

    2.虽然屏幕中央是重要的中央视觉区,但别忽略周边视觉区域。一定确保周边的内容清晰地表现了网页的用途。

    3.如果你想让用户集中注意力观察屏幕某处,就别在周边视觉区域内放置动画和闪烁元素。

    人在识别物体时会寻找规律

    1.既然人会不由自主地寻找规律,那就尽量多使用规律,利用分组和间隔创造规律。

    2.要让某个物体(例如图标)易于识别,那就用简单的集合图形来画它。这会让构成物体的几何离子更明显,从而使人更快更轻松地识别物体。

    3.多用二维元素,少用三维元素。大脑以二维形式接收人眼观察到的信息,因此屏幕上的三维图形可能会减慢识别和理解的速度。

    大脑有专门识别人脸的区域

    1.人在观看网页时,首先会对人脸做出识别和反应。(至少没有自闭症的人都是如此)。

    2.在网页上直视用户的脸最具感染力,也许因为眼睛是面部最重要的部分。

    3.如果网页上的人眼看着旁边的位置或产品,那么人们往往也会看向同一处。

    略微侧向俯视是想象物体的标准视角

    1.标准视角的画像和物体更容易识别和记忆。

    2.如果你的网页或者程序里面包含一些图标,那么不妨把它们画成标准视角的。

    人们根据经验和预期浏览屏幕

    1.最重要的信息(或希望用户关注的内容)要放在屏幕的上面三分之一部分,或者屏幕的中间。

    2.既然人们不想看屏幕边缘,就不要把重要的信息放在那儿。

    3.按照正常阅读顺序合理设计界面,避免让人来回跳着阅读内容。

    物体会提示人应该如何使用

    1.设计时要考虑功能可见性的提示。给用户操作提示后,他们就更容易正确使用物体。

    2.用阴影来表现对象已选定或对象可用。

    3.避免给出错误的功能可见性提示。

    4.设计触摸设备界面时,请慎用悬停可用的提示。

    人可能对变化视而不见

    1.不要认为物体出现在屏幕上就一定会被用户看见,特别是刷新页面出现改变时,用户很可能完全意识不到页面前后的区别。

    2.如果你要保证用户注意到界面上的某些改变,应该增加视觉提示(如使其闪烁)或者听觉提示(哔的一声)

    3.对眼动跟踪数据进行分析要谨慎,别过于重视它,也别把它作为设计决策的主要依据。

    人们以为相邻的物体必然相关

    1.你如果希望读者认为某些图片,照片,标题,或者文字是相关的,就将这些内容相邻放置。

    2.如果想使用线或者框分割内容,先尝试能否只调整间距就可以达到效果。有时,调整间距足以划分内容,还能使页面具有简洁的视觉效果。

    3.无关内容间距要大,相关内容间距要小。这听起来是常识,但很多网页布局都忽略了这一点。

    红蓝搭配难以阅读

    1.在同一页面内,避免使用红蓝或红绿搭配。

    2.红色背景上面不要使用蓝色或绿色文字,蓝色背景上不要使用红色或绿色文字。 

    9%的男性和0.5%的女性是色盲

    1.设计图片和网站时,用www.vischeck.com或者line.org检查一下,看看色盲所见的效果。

    2.如果使用颜色来代表特定含义(如绿色代表需要紧要处理的东西),应该同时使用另外一种区分方案(需要紧急处理的东西不但应该设为绿色,还要在周围加上方框)

    3.设计配色方案时,请考虑使用所有人能够识别的颜色,如不同色度的褐色和黄色。避免使用红色、蓝色、绿色。

    色彩含义因文化而异

    1.慎重选用颜色,多考虑可能具有的含义。

    2.为多国设计时,请找出你的设计可能涉及到的极大文化和国际,并在information-IsBesutiful.net上查看相关色彩的文化含义,以避免出现不当的理解。

    参考资料

    《设计师要懂心理学》


    相关文章

      网友评论

          本文标题:设计心理学-(1)人如何观察

          本文链接:https://www.haomeiwen.com/subject/nrbdzqtx.html