互交设计中的人体工学

    跟进了一段时间的UI设计,总结一下从这工作中学到的东西先。

    互交设计,归根到底是为了提高用户体验,因为离开不了人,所以人体工学往往在互交设计有一定的参考价值。

人体工学对互交设计的影响

1. 结合设计心理学进行设计计划

根据设计心理学的理论来分析交互媒体产品的使用者的需要,使用者的满意度、使用者的个体特征。同时也可利用设计心理学进行社会文化、社会阶层、社会群体、社会心理现象等宏观方面的分析,从而做出更符合用户需求的产品。

2. 设计阶段结合人的感觉习惯以及人体测量学

根据人的感觉习惯以及人体测量学中的具体内容对交互媒体作品的整体框架、色彩搭配、交互方式、界面元素的形状大小等方面提供依据。人的感觉习惯与人体测量等具体数据与内容需要在用户调研时研究清楚,为以后的设计提供一个行为习惯上、数据上的基础。

3. 任务分析时融合认知心理学和色彩心理学

通过了解人的信息加工处理过程、人的注意力、人的失误性、人的疲劳性等确定任务的操作流程、复杂程度、休息间隔等等详细内容。

4. 任务分析的同时结合色彩心理学

交互媒体产品的初步任务分析决定了是用于教学还是用于娱乐等基本性质。每个类型的交互媒体产品有其控制色、基本色、窗口框架和图标颜色、任务栏色彩等的基本色彩使用的规范。所以交互媒体界面的色彩设计是根据色彩心理学和设计任务分析来共同决定的。

人体工学在互交设计中的应用

1. 视觉与文字信息

文字的设计是交互媒体界面中重要设计元素之一,文字具有很高的明确性和极佳的直观传达作用,可以传播大量的信优势,特别适用于交互媒体界面的设计中。在选择文字的时候要考虑它的明确性、适合性、美观性、创新性以及易读性。

文字的设计要力求突出重点,简明扼要,在设计界面文字时我们应该合理的设计文字,使其符合人机工程学原理中人体的思维习惯。

下面以文本的长度举个例子:

我们一般显示的大段文字的文本,一般以40个字以内一行,报纸的排版就是一个参考。一行字太长,一般会增大用户的阅读难度,容易造成用户串行,造成用户体验不佳。(平时我们喵到一大片的文字就不想看,不是因为我们不爱文字,而是我们生理上接受不能啊)

经过研究人际工程学发现:中心视角10°以内是最佳视区,人眼的识别力最强;人眼在中心视角20°范围内是瞬息视区,可在极短的时间内识别物体形象;人眼在中心视角30°范围内是有效视区,需集中精力才能识别物象;人眼在中心视角120°范围内为最大视区,对处于此视区边缘的物象,需要投入相当的注意力才能识别清晰。人若将其头部转动,最大视区范围可扩展到220°左右。

计算得知,如果人眼距离屏幕40cm,最佳视区10°看到的宽度约为7cm。

瞬息视区10°看到的宽度约为14cm。

有效视区30°看到的宽度约为21cm。

所以我们页面的文本一行长度要尽量限制在21cm以内,根据字体的大小,适当调节文字长度将有利于提高用户体验。

2. 界面色彩的设计应用

亮度:

首先,亮度越高的时候,视觉识别难度更大,眼睛更容易疲劳。

上图右边的曲线称为明视觉曲线,是在明亮的环境下(5尼特)的光谱响应。可以看出,人眼最灵敏的点是在555毫微米的黄绿色光。对于475毫微米的蓝色光和650毫微米的橙红色光,需要10倍的强度才能引起与这黄绿色光相同的亮度感觉,而对于685毫微米的红色光,灵敏度就更下降到1%了。如上图的暗视觉曲线,是在0.001尼特以下的亮度下测定的。可以看出,峰值已经转移到510毫微米的绿色光,相应10%灵敏度的点分别为420毫微米和585毫微米。这是杆状细胞在起作用。

从上面的分析可以看出,在同样明亮的环境下,人眼最敏感的是黄绿光到绿光间的范围,如果页面太多这类颜色的元素,眼睛会容易产生疲倦,要谨慎使用。

那对于设计中的颜色,白色是白频光,全放射光对人眼的刺激最大,所以可以看到很多印刷品采用淡黄色和米白色的纸张。而针对于电脑本身就带有发光,所以同样的颜色对于用户的阅读难度已经增大。另外有眼睛表明,同样的文字,在电脑上的阅读效率仅仅能达到纸张上的80%不到。因此为了网页的浏览速度和舒适度,越来越多的网页设计采用了淡灰色、淡蓝色、淡绿色等等。

色相:

不同的颜色所产生的心理作用会给人不同感觉。在心理学上,对于一种感觉兼有另一种感觉的心理现象,叫联觉现象。人们的颜色感觉容易引起联觉,因此,颜色容易对人的心理产生这样或那样的影响。如冷暖、远近、轻重等。色彩不但影响人的视觉神经,还进而影响心脏、内分泌机能、中枢神经系统的活动。所以在交互媒体界面的设计时应该注意在不同的内容运用不同的色彩。

一个界面应该有一个主色调,而且要有一个整体的布局风格,这样可以保持使用者的情绪稳定。

过多地使用色彩,将会影响使用者注意力的集中、观看的情绪,也容易让使用者产生疲劳感。在界面色彩的设计中还要注意的是背景的颜色与文字的颜色不要使用接近的颜色,这样不利于使用者对文字的辨别度,而产生视觉疲劳,降低效率。

颜色之间的对比和人眼的辨色能力会有一定关系,当人们从距离较远的地方分辨多种色彩时,这时易于分辨的色彩顺序是红、绿、黄、白。如果将两种色彩相搭配,易于分辨的几种组合分别是:黄底黑字、黑底白字、蓝底白字、白底黑字等。

饱和度:

饱和度通俗的说就是色彩浓度。越是鲜艳(饱和度高)的颜色,便可在越短时间内吸引到人,同时也越容易引起人的视觉疲劳(越看越累)。而不怎么鲜艳(中低饱和度)的颜色,则显得更加“耐看”。

3. 阅读时长与文字显示时间

我们默读中文的一般速度为400-500字每分钟,也就是大概每秒6.67-8.33字,再算上提示的反应时间。我们可以对一些页面的提示弹窗指定如下的规则:

1-6字:显示停留1s

7-12字:显示停留2s

13-20字:显示停留3s

由于考虑到有阅读速度比较快的用户,在字数较多时提供关闭按钮也是可以的。

你可能感兴趣的:(互交设计中的人体工学)