界面设计论文例1

引言

格式塔一词来源于德文“Gestalt”的音译，本意指的是形式、形状、方式、实质。格式塔心理学是一种与艺术有缘的心理学理论，其主要目标是探讨视觉感知及其与学习、思维的关系，它所研究的出发点就是“形”，“形”是经由知觉活动组织成的经验中的整体，与视知觉活动密不可分。而网页界面设计是视觉传达设计向网络媒体的延伸，主要是通过浏览者的视觉感知来接受网站信息。因此，研究格式塔理论在网页界面设计中的运用，无疑对网页界面的设计具有很大的指导作用。

格式塔理论在网页界面设计中的应用

网页设计是将特定的视觉信息要素，根据主题表达的需求在特定的页面上进行的一种编辑和安排，其基础是视觉生理学和视觉心理学。格式塔心理学派通过对视觉感知的生理研究，提出了一系列视感知规律，其中包含了“图底”这个核心概念，和“简明原则”“接近原则”“相似原则”“闭合原则”等视感知特性，将这些规律引入页面设计，有助于我们优化视觉时代“形象过剩”状态下盲目的网页设计，提高信息传达的速度与准确度。

1.图与底

在人的知觉系统中最基本的一种知觉能力是在图形与背景间作出区分。“图”是居于前部的区域，“底”被看成是用来衬托图的背景。相对而言，图比底，轮廓较为完整、封闭，形状较为规则，面积比较小，色彩比较鲜艳；此外，更重要的是，能组织成为一定意义的区域倾向于被感觉成图。

由于图与底之间存在的这种相对性质，在网页设计中，应当明确区分图与底，主体与背景。另外,主体自身结构要清晰明了，背景不能过于复杂，这样才有利于浏览者辨别需要了解的信息。在背景的色彩搭配上应尽量选用同一色系的颜色，尽量避免同时使用色相环中相对的颜色，大面积同一颜色宜采用低对比度，避免用强烈刺激的颜色引起浏览者的视觉疲劳与厌烦情绪。格式塔理论的图－底规则不仅说明了主体从背景中分离出来的条件,而且指出了背景在一个格式塔中的重要作用。因此在网页设计中我们同样不能忽视背景的作用，图形是依赖于背景而存在的，要使主体感到存在，必然要有底将它衬托出来。因此无论在文字、色彩、图像，还是动画和视频方面都要坚持图底原则。

2.简明原则

格式塔心理学家认为，人们的知觉有一种“简化”倾向，所谓简化并非仅指一般意义上的“简单”，即物体中包含的成分少或成分之间的关系简单，而是一种将任何刺激以尽可能简单的机构组织起来的倾向。我们的眼睛只能接受少数几个不相关联的整体单位，如果一个格式塔中包括太多不相关的单位，眼睛就会试图将其简化，把各个单位加以组合，使之成为一个知觉上易于处理的整体，否则，整体形象将无法被正确感知，这种形象势必会被人们忽视，以至拒绝接受。

我们可以将这一观点延伸到网页界面设计中。首先，在网页界面结构的设计上，应避免使用过于复杂的网格结构，结构的设置应尽量简单明了，符合人的视觉流程，也符合人们对规则形的喜好，利于浏览者以最短的时间找到最需要的信息。

其次，在图像的选择上，应避免使用过于繁复杂乱的、容易分散浏览者注意力的图像，这样会增加浏览者找寻信息的难度。

再次，在进行文字编辑时，应该考虑编辑的最终效果。文字应给人以清晰的视觉印象，避免页面繁杂凌乱，减少不必要的装饰变化，使人易认、易懂、易读，不能为造型而编辑，忘记了文字本身是传达内容和表达信息的主体。在字体的选择上，虽然可供选择的字体很多，但同一页面上的字体种类最多只能有三四种，这样才不会显得花哨。字体的选择应依据段落大小和内容层次,由重到轻、由粗到细。字号的选择也应该依据内容层次由大到小，但到了节以下的层面，可以选用同一字号但用不同的字体加以区分。在文本密度方面，文本应该以短小的组块形式出现，并且应该经过编辑，以简化内容。3.接近原则和相似原则

接近原则和相似原则的本质上都是简化和整体化知觉对象的组织原则，与前面的简明原则类似，人们在倾向于简化认识对象的同时，也倾向于将近似、接近的元素组合起来作为一个整体加以认知。也就是说如果不同的文字或图形组成部分位置靠近，浏览者就比较容易看出它们是一起的。根据这一原理，对于页面上的任何元素，如果在功能或内容上是相同或相近的，就应在一定程度上保持相对较小的空间距离，做到“物以类聚”。比如，页面中用以解释图形或用以表明某一部分图形的文字就应当紧挨其所指的图形或部分图形。

相似的物体也很容易被认为是从属于一个系统，具有相似的功能。因而，需要通过将浏览者注意力集中于视觉范围内的关键概念，帮助他们获得信息。在网页界面设计中，可以通过强调、动画、对比色的使用或其他手段达到这一目的。假如一个图形中的组成部分都属于同一风格，这个图形就被视为一个整体。为了使浏览者重点关注图形中的特定部分，对这一部分可采用不同的颜色、动画、闪烁或其他区分方式。但是，如果一幅画面中区别过多，也会使浏览者难以注意需要获得的信息。因此，这些方法应该用于强调关键信息或图形的关键部分，而不宜用于大片信息。

4.闭合原则与网页界面设计

闭合原则是指一种完成某种完形的行动。这一规则表明，每一种视觉样式都可以被看成是一种陈述，对于模棱两可的视觉样式，人们会根据以往的经验按照不同的样式加以组织，这时不同的人会看到不同的东西。因此，在网页界面设计时,应当避免出现不完整的图形，以免使浏览者花费过多的时间去琢磨图形的含义，而不是从网页上获取信息。

闭合规则还表明,视觉形象被知觉的形式是首先作为一个统一的整体被知觉，然后再以部分的形式被知觉。因此，在进行网页界面设计时，要强调整体风格的统一，内容与形式的统一。

结语

将格式塔心理学引入网页界面设计，目的是希望网页设计向理性化的方向发展。随着网络的不断发展，浏览者对页面的要求也越来越高，但现在的页面设计大多还是从直觉出发，离科学的页面设计还有相当大的距离，因此要想达到科学的页面设计，就要在设计时遵照人类的认知规律，并且将这些规律正确地应用到设计实践中。而如何将格式塔理论与设计结合起来,仍是我们需要投入大量精力去研究与探讨的问题。

参考文献：

[1]曹方著.视觉传达设计原理，江苏美术出版社

界面设计论文例2

二、自助服务系统界面的色彩设计

1.快递网站的色彩分析

顺丰快递的界面中多用银灰色，以其强烈的印象，给人以理性的、稳重的、现代的视觉感受，象征着内敛谦逊的品格，灰色具有金属的质感，也能表现出高级、雅致的效果。顺风是国内除了EMS以外给人感觉最为安全的快递公司，所以即便价格要贵一些，但还是有很多人愿意选择，尤其是贵重物品。而宅急送的界面中最主要的使用了深绿色到暗绿色的渐变，绿色是一种表现和平友善的平衡色，象征着自然、生命和青春，传达着新生的希望和健康和谐的态度。深绿色常使人联想到扎根于大地的针叶林，代表了精干、直率的印象，逐渐变暗的色彩能带来厚重安静的感觉。

2.关于快递行业的关键词及色彩联想

在确定自助快递服务系统的界面色彩之前，我们根据快递行业的一般特征归纳出一些关键词及其色彩联想，如“安全、信任、可靠”可以联想到“卫士、盾、保护、预防、坚定信念、坚韧不拔、监视、安心、包装、围栏、壳、保护膜、缓冲、柔软、填充物、充满、木材、保温”等。很多研究都表明色彩对于人的心理有影响，从而产生不同的心理感受，例如红色可以给人热情、性感、权威、自信的感觉，有时也会给人血腥、暴力、忌妒、控制的印象。因此研究中根据快递行业相关的关键词和联想的事物，确定一些具有代表性的色彩，最终选择出适合界面设计的色彩。由此可见，在这些色彩中，蓝色、绿色、灰色出现的频率最高，也表示它们更接近服务系统的主题，所以我们将在其中选择合适的色彩作为自助快递服务系统界面的主色调。确定了整个界面的主要背景色彩之后，要考虑的就是主色与辅色的搭配，因为好的色彩搭配不仅可以给用户舒适的视觉感受，还可以很好地帮助用户理解界面的信息和操作进程，反之就会给用户不好的视觉印象，甚至不利于用户的深度阅读和使用，导致不和谐的效果。例如在界面设计中应该尽量避免在白色背景中使用黄色的文字，因为这样的色彩搭配不仅不利于文字信息的识别，长时间阅读也会给用户带来视觉负担。基于以上的色彩设计研究，综合考量主色调选择和色彩搭配后，宅急送和顺丰被确定为模拟用户，并设计了相应的自助快递系统界面。

3.系统界面视觉形象设计方案

在宅急送企业用色中主要是深绿色到暗绿色的渐变，绿色是一种表现和平友的平衡色，象征着自然、生命和青春，传达着新生的希望和健康和谐的态度。但绿色不适合大面积使用作背景色，所以在宅急送自助快递系统界面的色彩设计中以蓝色为主，加上中间的网纹图案，目的是让整个界面具有科技感。此外，主要的操作按钮和企业LOGO的绿色与蓝色很适宜，晶莹的绿色水晶按钮不仅在整个界面中起到点缀的作用，也使得画面更加生动。因为顺丰多用银灰色，以其强烈的印象，给人以理性的、稳重的、现代的视觉感受，象征着内敛谦逊的品格，灰色具有金属的质感，也能表现出高级、雅致的效果。所以在顺丰自助快递系统界面的色彩设计以黑灰色为主，希望将顺丰沉稳守信的感觉突显出来，给用户更多的安全感。

界面设计论文例3

2用户界面设计原则

信息管理系统为驾驶员提供驾驶过程中所需的拖拉机运行参数、工作状态及故障等信息，是拖拉机必不可少的部件。随着控制技术的快速发展与我国发展农业现代化要加速推进的迫切需求，广大用户对拖拉机显示行驶、作业信息的要求越来越高，不但要求所提供的信息量丰富，显示直观、清晰、稳定，而且要求显示速度快、精度高。以符合拖拉机驾驶员操作习惯、方便使用为最终目的，针对拖拉机工作环境的恶劣与复杂性，本文特提出以下信息管理系统界面设计的基本原则。

(1)界面直观、清晰。

信息管理系统需要显示的信息繁杂，且驾驶员操作环境复杂，因此系统界面宜直观、简洁、方便，要让驾驶员一目了然，能迅速准确获取拖拉机的重要信息，包括拖拉机车速、发动机转速、冷却水温度、机油压力、燃油剩余量、行驶路程、作业面积、时间日期等。

(2)实时性强。

作业中的拖拉机工作环境异常复杂，这就要求特定信息的显示应当具有实时性。信息获取的任何延迟都可能导致驾驶员无法有效控制拖拉机正常、安全、高效地工作，例如灯光及报警信号，包括左右转向灯、远光灯、电池电压报警灯、进气压力报警灯、空挡指示灯等对于安全驾驶都具有重要意义。此外，燃油消耗量、耕地深度、耙地深度、实时播种量、实时施肥量、实时灌溉量、灌溉时压力泵的压力等信息也都需满足实时性的要求，否则可能导致漏耕、漏耙、漏播等作业失误，影响拖拉机作业效率，造成资源浪费。因此，这些信息的显示必须随着现场实时数据的变化进行周期性、高频率的刷新，以实时反映拖拉机作业时的实际情况。

(3)信息量丰富。

随着拖拉机携带作业机具作业功能的不断增强，驾驶员从信息管理系统获取信息的需求量越来越大。驾驶员不仅需要及时准确地了解拖拉机的行驶状况，如行驶速度、发动机转速、冷却水温度、驱动轮滑转率等，还需要了解作业机具的工作状况和工作效率，如机具是否正常作业、作业幅宽、耕深、耙深、播种量、施肥量、喷药量、收割量、燃油消耗量、燃油剩余量、实时作业面积、单位时间作业面积、累计作业面积、实时作业时间、累计作业时间、实时行驶里程、累计行驶里程、单位时间(每小时)作业面积、单位时间(每小时)燃油消耗量和单位工作面积(为遵从农民习惯，单位工作面积以每亩或每公顷计，其中，每亩折合667m2，下同)燃油消耗量等。通过这些信息，驾驶员可以更加有效地控制拖拉机的正常工作，调整其工作状态，提高工作效率。

(4)反应迅速。

这是对界面设计软件提出的要求。如果系统对驾驶员的操作不能及时响应，将可能导致重要命令的延误。除了响应时间的绝对长短外，系统对不同操作命令在响应时间上的差别也很重要，如果其差异过大，将直接影响驾驶员在系统使用中的用户体验，降低使用过程中的乐趣，甚至导致驾驶员对本系统的排斥、逆反心理。

(5)稳定可靠，抗干扰。

这也是对界面设计软件提出的要求。拖拉机的工作环境恶劣，而且大功率拖拉机目前被广泛使用，为了提高拖拉机的工作效率、保证拖拉机安全工作和避免交通事故，系统提供给驾驶员的信息必须具有可靠性和抗干扰性。否则，驾驶员若收到一个不可靠的信息，很可能发生错误操作，引发作业事故。这不仅会降低拖拉机的工作效率，导致财产损失，还可能危害到驾驶员的生命安全。同时，信息的可靠性也是现代农业精细化作业的要求。

3界面布局与设计

信息管理系统是一个人机系统，驾驶员与系统之间的信息交流和控制活动都发生在用户界面上，因此界面的设计质量决定了本系统的易用性和驾驶员对系统的操作、控制能力，影响对整个系统功能的评价。因此，本项目在用户界面的设计中，以驾驶员为中心，详尽地分析了驾驶员的操作习惯，并对其用户体验进行调查、分析，研究驾驶员对拖拉机不同信息的需求程度，判断不同信息对驾驶员的重要程度。按照信息的重要等级将众多信息科学合理地进行划分，在用户界面的不同显示区域内进行显示，使系统最大限度地符合驾驶员的操作习惯，以便驾驶员更加简洁迅速、更少障碍、更加准确地与系统进行信息交流，在最短时间内学会使用并掌握全部系统功能，同时在使用中提高工作效率，建立自信，激发创造性，带来成就感。使用图形化的编程工具LabView对信息管理系统进行设计。作为虚拟仪器的试验平台，LabView是一个基于G语言、具有高度灵活性的开发系统。G语言是一种面向对象并具有扩展函数库的通用图形化编程语言。G语言编写的程序称为虚拟仪器VI(virtualinstruments)，因为它的界面和功能与真实仪器十分相像。在LabView环境下开发的应用程序都被冠以VI后缀，以表示虚拟仪器的含义。一个VI由交互式用户接口、数据流框图和图标连接端口组成。前面板是VI的交互式用户接口，与真实物理仪器面板相似，包含旋钮、刻度盘、开关、图表和其他界面工具，用户可以通过键盘或鼠标获取数据显示结果。数据流框图程序是一种解决编程问题的图形化方法，实际上是VI的程序代码。图标连接端口就像一个图形化参数列表，可在VI与子VI之间传递数据。LabView现已越来越广泛地应用于测量、控制、教学、科研等领域，内置大量功能，能够很方便地完成数据采集分析显示、仪器控制、测量测试、工业过程仿真及控制等多种操作，并具有良好的可扩展性。

3．1界面布局

界面布局是指显示区域、显示图标和控件的位置、大小、间隔及这三者之间的协调平衡。在充分考虑系统所要实现的功能，分析拖拉机应用领域的专业知识和驾驶员的操作习惯后，本文对系统界面进行了科学合理的区域划分。用户界面分成3个部分:任务栏、灯光及报警区域、主显示区域。其中左侧任务栏长度与底部灯光及报警区域高度相同，任务栏高度与灯光及报警区域长度之比为1.0∶1.5，主显示区域与灯光及报警区域的高度之比为5∶1，则任务栏、灯光及报警区域、主显示区域面积比为1.0∶1.5∶7.5。拖拉机进行不同作业工种时，所需显示的具体信息各有不同，据此将主显示区域进一步分成3个部分:选项栏、固定信息、变化信息，其面积比为1.0∶1.5∶6.0。选项栏和固定信息区分别位于主显示区域的左右两侧，变化信息区位于中间。

3．1．1任务栏

任务栏内放置可供选择的图标:拖拉机作业信息、摄像头监控、故障及诊断。选择拖拉机信息图标可由当前界面转入拖拉机作业信息界面，选择摄像头监控图标即可转入摄像头监控界面，选择故障及诊断图标可转入故障诊断界面。

3．1．2灯光及报警区域

灯光及报警区域放置报警灯信号，包括电池电压报警灯、机油压力报警灯、冷却水温度报警灯、燃油报警灯、进气压力报警灯、发动机自检灯、前后雾灯、远光灯、左右转向灯等。各报警灯图形参照汽车行业规范，便于驾驶员掌握各灯所指示的内涵。

3．1．3主显示区域

主显示区域显示对驾驶员最为重要的拖拉机信息，包括拖拉机车速、发动机转速、燃油剩余量、冷却水温度、机油压力等。对主显示区域进一步划分后，当拖拉机进行不同工种作业时，右侧的选项栏内放置可选择的作业类型图标，包括耕地、整地、播种、喷药(灌溉)、施肥、收割等。选择某一作业图标后则进入对应作业信息界面。固定信息区域放置不同工种下仍需共同显示的重要信息，包括拖拉机行驶速度、实时作业面积、实时行驶里程、实时作业时间等。变化信息区域显示不同工种下的特定信息，包括耕深、耙深、作业幅宽、播种量、施肥量、喷药(灌溉)量、压力泵压力等。观察界面布局可发现，任务栏与灯光及报警区域呈L型包围主显示区域，之所以将界面作如此划分，主要是为了突出强调显示区域，减少任务栏对驾驶员的注意力分散，同时又不至于忽略灯光及报警区域。尤其是将主显示区域进一步细分之后，左侧的固定信息不会被忽视，同时又能强调变化区域内的信息群。进入不同工种下的拖拉机作业信息界面后，灯光及报警区域显得不那么重要，也可将其省去。

3．2具体界面设计

系统界面包括基本信息、作业信息、摄像头监控、故障诊断等界面，下面重点介绍各界面的主显示区域。

3．2．1基本信息界面设计

基本信息界面主显示区域显示拖拉机行驶状态的重要信号和工作量信息。其中行驶状态信号包括发动机转速、拖拉机行驶速度、冷却水温度、机油压力、动力输出、燃油剩余量、总行驶路程、时间日期等;工作量信息分为实时行驶里程、实时作业面积、实时作业时间、实时燃油消耗量、累计行驶路程、累计作业面积、累计作业时间和累计燃油消耗量、单位时间(每小时)作业面积、单位时间(每小时)燃油消耗量和单位工作面积(每亩)燃油消耗量等。除了拖拉机行驶速度、发动机转速、总里程和时间日期外，其他信息均采用图标显示，界面更加生动形象，富有朝气。在布局上，车速和转速信息位于界面中心偏上，其他信息呈U型环绕。

3．2．2作业信息界面设计

根据拖拉机的作业类型、工况不同，作业信息界面分为耕地、整地、播种、喷药(灌溉)、施肥、收割等作业信息界面。主显示区域仍是以图标表示各信息，辅以文字说明，以免混淆信息含义，具体信息的数值采用数字直观显示。其中较为特殊的信息如幅宽，设定为输入信息，可直接由界面输入。变化信息区域内放置较多工作量信息，包括单位时间(每小时)作业面积、单位时间(每小时)燃油消耗量和单位工作面积(每亩)燃油消耗量等。除信息采用图标显示外，采用形象的简图来表示特定的工种，使界面清晰、明了。

3．2．3摄像头监控界面设计

当拖拉机装有摄像头时，摄像头监控界面可帮助驾驶员对摄像头视野范围内景象进行观察，可以弥补驾驶员对视野盲点及视野范围之外景象的观察，帮助驾驶员掌握行驶、作业地面的路况，便于拖拉机及时排除路障，安全行驶。

3．2．4故障报警界面设计

当拖拉机行驶中出现故障报警时，可选择故障及诊断图标转入故障诊断信息界面。该界面内不仅能够及时显示拖拉机的故障原因，还能够为驾驶员提供相应的故障排除方法。另外，该界面还可为驾驶员提供拖拉机维护保养信息，便于驾驶员对拖拉机进行定期维护，延长拖拉机的使用寿命。

4界面友好性评价

信息管理系统的用户界面将界面设计从物理界面的设计转移到认知界面的设计，更加重视系统的可用性、驾驶员用户体验等人机交互关系。界面除了要准确地反映拖拉机行驶状况外，还应根据人体感觉器官的生理特征来确定其结构，两者必须达到充分的协调。界面的形状、颜色、刻度盘、指针、亮度等因素，都必须适合人的信息接受和认识过程，而且所显示的信息要辨认速度快、可靠性高、误读率小，以减轻驾驶员的精神紧张和身体疲劳。下文从颜色、指示灯、刻度盘、指针等方面对所设计的界面进行评价。

4．1颜色设计

界面的颜色选择对信息的可辨性影响很大。为使指针、刻度等清晰易辨，运用人机工程学提供的清晰色彩搭配方法来进行设计。研究表明，人可以准确辨认的色彩不超过10～12种，光谱的中波区(橙、黄、绿)对眼睛的感受性具有最高的锐化作用，不易引起眼睛疲劳，认读速度和准确性较高。根据这一结果，本文设计的界面使用的颜色为粉红、淡蓝、浅绿、浅黄，颜色差异较大，易于区分不同功能的显示区域;同时为避免视觉疲劳、认知困难，使用的颜色种类较少，反之可能过犹不及。同时，上述几种颜色的搭配也较为美观、协调，易于驾驶员集中注意力。

4．2指示灯设计

指示灯一般有以下3种排列方式。研究表明，正方形的排列辨认率最低，圆形排列辨认较为困难，直线形优于圆形排列。因此本文中设计的界面中，灯光及报警信号区域内各信号采用直线排列。指示灯提供的信息应易于被驾驶员感知。为了使指示灯传递的信息更加准确、易辨识，其外形设计参照汽车行业中的指示灯设计，便于驾驶员掌握其内涵。为进一步引起驾驶员的注意，指示灯均采用闪烁的方式。表示禁止、危险信号的指示灯闪烁时为红色，如燃油指示灯;表示正常运行的为绿色，如转向灯。

4．3刻度盘设计

刻度盘的形状主要有水平直线形、圆周形、半圆形、1/4圆形和扇形5种形式。研究表明，圆形刻度盘认读范围小，视线集中，误读率较低，但最大刻度与最小刻度重合在一起，或距离很近。半圆形刻度盘给出了较好的准确率与显示位置，但无法满足刻度布置需要，甚至会因刻度线之间过于拥挤而发生误读。综合以上因素考虑，本系统中刻度盘设计成略大于半圆形的扇形，既满足了刻度盘最大刻度与最小刻度之间的距离要求，又增大了刻度线之间的间距。

4．4指针设计

指针形状应以头尖、尾平、中等宽的设计原则为标准，造型应简单，刻度尖端应与最小刻度线等宽。若小于最小刻度宽度，则指针在刻度范围内移动时看不清;若大于最小刻度宽度，指针的认读精度又会受到影响。同时指针的颜色应与仪表盘颜色形成明显的对比，与刻度线和字符的颜色尽量协调，以利于驾驶员认读。总之，本文设计的用户界面能够满足驾驶员将已有的知识和经验传递到本系统中，以更快学习和使用本系统的功能，同时有利于驾驶员将更多的注意力集中到判断、分析、检索、归类等具体的操作任务上。

5结论

本文以拖拉机驾驶员为中心，充分考虑拖拉机驾驶员的工作习惯及其工作时拖拉机所处恶劣环境的状况，设计了拖拉机驾驶室实时信息管理系统的用户界面，协助驾驶员优质、高效地完成相应的作业任务。

(1)界面布局符合驾驶员的认知心理与操作习惯，具有一定的层次感与逻辑性，易于熟悉与掌握;

(2)基本信息界面显示对驾驶员最为重要的拖拉机信息，有助于驾驶员掌握拖拉机实时行驶状态;

(3)作业信息界面根据作业工况的不同，细分为耕地、整地、播种、喷药(灌溉)、施肥与收割界面，详尽显示不同工种是拖拉机的重要作业信息，帮助驾驶员实时掌握拖拉机作业情况，提高作业效率;

界面设计论文例4

农业现场的电子设备通常以监测控制为主，监测和控制设备一般是在农机运行前进行参数设置，在运行过程中进行数据显示，在很多情况下监测和控制是合二为一的，因此要求界面是非阻塞式的，能在各种状态下方便的相互切换，并可以通过菜单项选择实现一定的功能（如：启动，停止）。农业上常用的计量单位标准尚不统一，通常还需实现计量单位切换功能。工业控制常用的界面分为5种类型：菜单屏、变量屏、选择屏、设定屏和显示屏[5]。与之类似将界面类型分为：菜单选择屏、静态文本屏、动态文本屏和参数设定屏。各个类型界面的功能见表1。基于以上界面类型，参照一般人机交互的按键系统考虑到通用性及便捷性，系统设计时采用7键制，分别为：上、下、左、右、确定、设置、返回。以下介绍各界面的元素类型和操作分析：菜单选择界面主要用于自顶向下的树状界面操作，为界面设计中常用的类型，用户通过此类界面进行界面跳转，功能设定。静态标签一般为提示性文字，静态选项为带被选择功能文字。菜单选择界面的一般操作为：上下键变更选项，左右键翻页，确定键进入下一界面，或实现某一功能，返回键返回上一界面，设置键的功能一般不使用。静态文本界面主要用于显示固定的内容，一般用于信息提示，帮助文档，版权信息的显示，即它只包含静态标签。因为静态文本界面本身操作较少，所以其按键响应也相对简单，只包含滚屏和返回，操作方法与菜单选择界面类似。动态文本界面主要用于变量数据，运行状态的实时显示，用户主要通过这类界面实现对系统实时状态的了解，其界面由静态标签和动态标签组成，而动态标签又由固定文字，变量文字组成。像静态文本界面一样动态文本界面本身并不需要太多操作，所以其按键响应也相对简单与静态文本界面相同。参数设定界面也是用户界面中常用的界面，主要用于用户对系统中的变量进行设置。它包含了几乎所有的界面常用功能，其组成如图1所示。这里的动态选项指的是既可以被选中，又会因变量和单位的改变而变化显示内容的选项。参数设定界面的操作相对复杂，因其有两种状态，即选项切换和变量修改，其操作逻辑如图2所示。以上分析了界面的组成和操作。在操作上采用了和目前大多数手持设备相仿的操作模式，并且在各种类型界面间保持了操作风格的统一。

2农机车载电子设备界面的数据结构设计

目前常见的界面框架数据结构都以菜单为单位，缺少对菜单项的精细化分，这使得界面显示和操作函数对各种类型的菜单很难做到通用，而基于菜单项的菜单组织结构可以很好解决这个问题。将以上分析抽象为实际的数据结构，则形成菜单和项两种数据结构，其中项是菜单的子结构，为了适应较小的屏幕，并简化显示和操作函数，一项即实际屏幕显示中的一行。

2.1项数据结构设计项中含有文本内容，即格式化字符串，用于格式化输出的字符串；含有数据变量地址和单位变量地址，用于填入格式化字符串中的变量内容；含有项状态标志，用于区别项的类型，以便在显示和操作时加以区分；含有跳转菜单指针，用于表明该项所应该跳转的菜单。特别指出将数据变量类型定义为无类型指针，从而使得同一种数据结构可以实现多种数据变量类型的表示。其中第一个元素表示了要显示的数据和变量元素的显示格式；第二、三个元素分别是数据变量地址和单位字符串首地址，在设置模式时可以利用这些指针修改变量原始值，实现数据设置和单位更改；第四个元素是项状态标志，表示该项是可选中项，用于区分标题和选项；最后一个元素表示选择此项后跳转的目标菜单。通常定义项数据时是定义一个项数组用来组成一个菜单，以减少存储空间，并实现随机存储。

2.2菜单数据结构设计菜单是用于表达一个界面内容和状态的数据结构。它应该含有项数组首地址，用于表示界面显示的内容；含有界面状态标志位，用于表明界面的状态和界面的功能；含有被选项，用于表明当前界面的被选项；含有页顶项，用于控制界面视图位置；含有最大项数，用于防止项数组越界；含有按键响应函数，用于相应按键操作。其中按键响应函数采用带参函数指针形式，利用界面的状态和按键共同决定需要执行的操作，既实现了统一接口，又增强了可扩展性。菜单间的关系只由项与菜单的指针决定，而与项的顺序无关。一个常见的菜单数据其中第一个元素表示了该菜单对应的项数据数组；第二个元素是菜单状态标志，表示该菜单是参数设置类型，该元素也可以在运行过程中被改为正在设置状态；第三、四个元素默认填充0，在程序实际运行中可更改，以变更选项或视图；第五个元素是菜单最大项，与项数据数组长度相当；第六个元素是操作响应函数，对应的函数为参数设定界面的操作函数。

3农机车载电子设备界面框架实现

3.1菜单显示将以上数据结构作为基础，菜单的操作实现也呼之欲出。界面显示函数，每次从PageTopSelect对应项开始显示，显示接下来的若干项到屏幕（受屏幕显示最大行影响），显示项数据时，先分析项字符串中的变量类型和显示宽度，再将项数据中对应的变量插入到显示字符串中。同时可以利用MenuSelect变量值反显选中行。如此可以显示超过屏幕长度本身的菜单，每次只显示对应屏幕大小的一部分内容，相当于扩展了屏幕。具体流程图如图3所示。

3.2操作功能实现树状菜单结构使用堆栈，即主界面为栈底，每次执行菜单跳转时执行压栈操作，菜单返回时执行出栈操作，并且堆栈操作都使用指针方式实现，这样既可以较少的代价实现多级菜单跳转，又将菜单的操作和菜单数据本身分离，使得在修改菜单数据时避免了对其他菜单关系的影响。每个菜单可以使用不同的按键响应函数，相同类型菜单之间还可以共用响应函数，兼顾了灵活性与复用性。将菜单显示和操作分开，用户可以将显示刷新放在定时中断中，将操作放在外部中断中，增强了编程的灵活性。一个典型的界面操作流程如图4所示。菜单操作对应的软件实现方式见表2。

3.3菜单修改对于已经编写好的菜单对其修改非常简单，以下介绍几种常见的菜单修改方式：（1）要增加（删除）菜单中某项，直接增加（删除）该项数据，并修改相关菜单数据的最大项参数即可。（2）要修改项数据显示格式，直接修改项数据中的格式化字符串即可。（3）要调节菜单项顺序，直接调整项数组的顺序而不用修改其他数据内容。（4）要修改某项跳转的菜单，直接替换掉该项数据后的跳转菜单指针。（5）要修改某项显示的变量，直接修改该项数据中的变量指针指向即可。（6）要将菜单中的某项移至同类型其他菜单，直接将相关项数据移至目标菜单项数组，并修改两个菜单数据的最大项参数即可。（7）要增加（删除）某菜单只需将与其相关的项数据同时增加（删除），并修改相关菜单数据的最大项参数即可。这些修改完全不涉及整个菜单的结构调整，项与项，菜单与菜单之间没有直接关系，在修改时也不会相互影响。

界面设计论文例5

中图分类号：G40-057 文献标志码：B 文章编号：1673-8454（2013）22-0061-04

一、引言

随着现代信息技术的飞速发展，优质的交互多媒体课件将会对促进教学手段和教学方法的改革，提高教学质量起到非常显著的作用。[1]而交互多媒体课件的用户界面作为用户与课件交互的窗口，承担着向用户提供其所需要的信息，供其阅读、判断和分析，向计算机输入相关的信息进行查询和控制等操作的重任。如果一个构思精巧奇特、媒体素材丰富、内容设计良好的交互多媒体课件的表达方式设计不合理，即用户界面设计不当，将大大地影响课件的教学效果。为了使用户与计算机的交流更好地进行，使交互多媒体课件的教学效果更为理想，合理地设计交互多媒体课件用户界面就显得尤为重要。因此，用户界面的设计也越来越受到人们的重视。用户界面不仅成为衡量交互多媒体课件教学效果和效率的重要因素，也是评价课件质量的重要指标之一。开展交互多媒体课件用户界面的研究，是一项十分重要且有意义的研究工作。目前，国内外对交互多媒体课件用户界面的研究很多，但主要是定性研究，缺乏系统的研究和定量研究，还有很多问题值得深入探讨。

二、研究方法与内容

1.研究的主要方法

本研究主要采用内容分析方法。“内容分析法是对于明显的传播内容，做客观而有系统的量化并加以描述的一种研究方法。它以预先设计好的类目表格为依据，以系统、客观和量化的方式，对信息内容加以归类统计，并根据类别项目的统计数字，做出叙述性的说明，从而得出结论。”[2] 本研究的过程主要包括确定样本，样本整理，数据的统计与分析，结果的解释与结论的形成等步骤。[3]

内容分析的应用模式可分为特征分析、发展分析和比较分析三种。本论文的内容分析将采取发展分析和比较分析的模式，比较分析就是发现当下对交互多媒体课件用户界面的研究大多是从哪些不同的方面进行研究；发展分析就是比较不同时期对交互多媒体课件用户界面的研究。

2.研究的主要内容

本文以Flash课件为例，以学术期刊中对Flash交互多媒体课件用户界面研究的论文为研究对象，通过CNKI 数据库进行检索，将梳理国内外关于Flash课件用户界面研究方面的相关论文，并采用内容分析法对其进行分析和数据统计整理，从中获得国内外关于Flash交互多媒体课件用户界面的研究现状、设计特征以及发展趋势，归纳探究提高Flash交互多媒体课件用户界面策略及启示。

三、Flash课件用户界面的内容分析

1.内容分析过程

为分析当下Flash交互多媒体课件用户界面研究的现状、设计特征与发展趋势，首先需要进行研究样本的选取。由于与Flash交互多媒体课件用户界面相近的术语还有Flash交互多媒体课件用户接口，因此将这两个术语作为检索的关键词，以确保将与Flash交互多媒体课件用户界面相关的论文全部找出来。通过查阅CNKI 数据库的期刊、论文集及专著，找到与Flash交互多媒体课件相关的文章共120 篇，剔除掉与本研究相关性不大的42 篇文章，确定以剩余的78篇文章作为本次内容分析研究的样本。本论文对这78篇文章进行了详细的分析，对这些文章按照发表年份进行了研究，有关研究样本发表年份的具体情况如表1所示。

此外还对样本文章进行了内容分析类目的研究，建立了如表2所示的内容分析类目表。表2中分为“基于理论的研究”、“基于技术的研究”两个内容分析类目。为了对“基于技术的研究”这一类目进行深入研究，又建立了如表3所示的内容分析类目表，表中的类目分为“对导航的研究”，“对屏幕显示的研究”两类。对“屏幕显示”这一类目又根据实际情况分成不同的子类目。本研究中，分析单元为“篇”。

用户界面是交互多媒体课件向用户传递信息的窗口，所传递的信息内容可分为内容类信息和控制类信息两类。[4]我们可以通过文本、声音、图像、动画和视频来表达内容类信息，即作为传递教学内容信息的载体。通过菜单、按钮、热区等来表达交互控制类信息，借助这些导航我们可以实现对交互多媒体课件的控制。交互多媒体课件用户界面就是由这些要素构成，对这些要素进行研究就是对交互多媒体课件用户界面进行研究。

2.内容分析结果与情况分析

通过分析表1、表2和表3，可以得出近年来关于Flash课件用户界面研究具体情况的结论如下：

（1）发展速度

Flash课件用户界面研究发展迅速。近年来，人们越来越重视Flash课件用户界面的研究，有关的研究论文数目也在持续不断地增加，由1997年的两篇、1998年的0篇增加到2007年的12篇。虽然2007年之后研究论文数量有所下降，但仍处于较高的水平。

（2）研究重点

Flash课件用户界面的研究重点主要是基于技术的研究，相对忽视了基于理论的研究。如表2所示，“基于技术的研究”占76.9%，而“基于理论的研究”仅占23.1%。这种情况必须引起我们的注意。基于技术的研究中对颜色和布局研究较多，而对于声音和导航，还有待于进一步研究。详细情况是：

理论层次：对Flash课件用户界面的研究缺乏理论深度，主要停留在技术层面。如何充分发挥课件制作过程中的理论指导作用，提高Flash课件的质量仍有深入研究的必要。许多课件在设计时是基于设计者本身考虑的，没有充分考虑学习者的现实需求。如何从用户需求、用户心理、心理等方面的特征进行用户界面设计是必须深入探究的研究课题。若能在充分考虑用户心理，结合教育学、心理学、发展与教育心理学等的理论基础来设计和开发Flash课件的用户界面，将会大大提高Flash课件用户界面的质量，更进一步课件整体的质量也会有所提升，这些最终将极大的激发学习者的学习兴趣，提高课件的教学效果与效率。

技术层次：Flash课件用户界面研究中基于技术的研究对颜色和页面布局研究较多，忽视对声音和导航的研究。一个Flash课件若颜色和页面布局不够科学合理，将没有办法吸引学习者的注意力、激发学习者的兴趣，导致学习者感觉乏味和无趣。拥有恰当的颜色设计和搭配合理的页面布局的Flash课件，能够吸引用户的注意力，愉悦用户的心理，从而使得用户加深对Flash课件的印象。[5]因此，对课件颜色和页面布局的研究较多也是合乎常理的，但忽视Flash课件中的声音和导航的研究，也是万万不可的。

由于课件中导航的基本作用是为了让用户在使用课件过程中不至迷失，并且可以方便地回到课件首页及其他相关内容的页面。一个课件的导航是否专业，影响着用户使用课件时的心理，也是确保课件信息能否有效地传递给用户的一个重要因素。[6]因此，加强对Flash课件导航的研究是有必要的。

声音也是Flash课件中传递信息内容的一种载体。课件中如果声音能够得到合理的运用，将会直接提高课件的质量，进而增强用户的学习热情和学习主动性，提高用户的学习效果。声音媒体的恰当运用可以使得教学内容更加丰富，能够提供更强的学习刺激，强化学习者的记忆，激发学习者的学习积极性。因此，必须要重视对Flash课件中声音的研究。

（3）研究特点

Flash课件用户界面研究中，“基于技术的研究”呈现出一些特点。根据表3中各子类目所占比例的大小，“颜色”（53.8%）和“布局”（51.3%）这两个类目所占的比例较大，而对“声音”和“导航”的研究仅占达16.7%和17.9%。声音是学习者获取信息的重要来源。导航则是衡量整个课件内容衔接和跳转是否顺畅，是否符合超媒体基本特征的重要指标。Flash交互多媒体课件中对声音和导航研究不够深入和具体的情况值得反思。

四、基于内容分析法Flash课件用户界面研究的启示

1.交互多媒体课件用户界面设计发展趋势及应遵循的原则

（1） 用户界面设计理论与技术进一步融合提升

随着对Flash课件用户界面的研究与实践的不断深入，Flash课件用户界面在理论研究、技术研究等方面将呈现出新的特点。在理论研究方面，在开发Flash课件时能强调心理学等理论的应用，设计者能够在充分考虑用户的心理因素基础上来制作课件，以期满足用户的真实需求。在技术研究方面，导航和声音的研究必将会得到加强。用户界面各因素的研究能够得到相对平衡，从而全面提高课件的质量，激发用户的学习热情和主动性。

（2） 用户界面设计要注意科学性与艺术性的协调

交互多媒体课件开发者的设计思路对课件质量的提高起着至关重要的决定作用，直接影响着用户对课件的使用效果。在制作交互多媒体课件时，主要有两种不同的设计方法：一种强调内容，注重于追求科学性；一种强调过程，偏向于追求艺术性。科学性要求内容知识点之间的联系要有逻辑，符合教学思路；艺术性则喜用天马行空的手笔，从美学上来刺激用户的视听觉等感官，激发用户的兴趣，引起他们的关注。因此大多数交互多媒体课件中会存在如下问题：强调内容者，虽然从用户的认知规律角度出发，使得知识点之间能够实现小步骤的完好递进，却也同时忽视了用户的心理特征；强调过程者，从用户的爱好和兴趣角度出发，有利于引起他们的注意，能够调动他们的学习欲望，却也相对忽视了教学内容之间的逻辑衔接。目前国内交互多媒体课件的质量大多数不是太高，主要是交互多媒体课件开发者在设计时过于追求科学性，不能够充分考虑用户的心理因素，不能够充分考虑用户的真实需求，导致设计出的课件不能够充分满足用户的需要。

（3）用户界面开发过程中要充分考虑用户的地位和作用

交互多媒体课件的制作取决于用户的需求，只有交互多媒体课件充分满足了用户的需求，课件的制作才有意义。一切课件都是为了满足用户，因此用户起着至关重要的决定作用。[7]而在大多数交互多媒体课件的制作过程中，用户的作用和地位并没有得到充分的认可和考虑，这一点值得我们深思。

（4）用户界面设计要注意标准选取的多样性和灵活性

交互多媒体课件用户界面虽然有基本标准，但由于交互多媒体课件的多样性，目前大多数交互多媒体课件用户界面在遵守基本标准的前提下，必须根据课件内容按照自己的标准来灵活设计，因此交互多媒体课件用户界面并没有统一的标准。

2.交互多媒体课件用户界面设计及实现的具体技术细节

（1）导航

交互多媒体课件的导航部分绝大多数是文本、图像、动画、声音与视频中的一种或几种的组合，时间一般控制在15到30秒之间。用户能够灵活地导航到上一个和下一个活动，灵活地暂停、继续和退出。鼠标能够指向所有图标。在测试页面有一个与用户交互的对话，以确定用户是否要进行测试。

（2）屏幕显示

文本：每个页面中的文本大小与字体应限制在3种之内。课件的色彩要进行合理搭配。课件中不宜过多地使用鲜艳的颜色，因为这样既容易造成学习者的视觉疲劳，也容易分散学习者的注意力。因此课件中的字体要合理搭配颜色，尽可能地给用户创造一个人性化的界面。[8]

图像：课件中的图像必须是清晰的，大小要适当。课件中的图片一般使用JPEG和GIF格式。图片尺寸一般不超过800*600像素，大小不超过200K。尽量避免在课件中使用带有明显偏见或色彩的图。图片的选择应该与学习者的年龄相符，与学习者的学习需求符合，与学习者的视觉、心理、生理等特征相符。

动画：动画的使用必须能够支持或促进学习。在制作交互多媒体课件时，动画是我们经常使用的手段，能够使课件变得更加生动和有趣，能充分调动用户的学习热情。动画是大多数优秀课件的构成要素，但动画的使用也有一个“度”：动画过少，文字过多，会使课件变得枯燥，不能够激发用户的学习欲望；而如果使用动画过多，就会分散用户的注意力，使其不能集中于内容的学习。所以课件中动画的使用一定要适度，既能充分调动用户的积极性，又能保证内容的完整性。

声音：声音的使用必须恰当，而且必须是清晰的；声音的设计应符合配音标准和用户的年龄等要求；课件中应设置声音控制图标，方便用户进行选择。声音可以引起用户各种各样的情绪：轻松、愉快的声音能够刺激用户的想象力，并将他们引导到深层次的情感体验和理性思考的情境中，有助于用户对知识的理解和内化。[9]相反地，则会产生沉闷和压抑的情绪。因此，在课件中声音的选择一定要合理。

视频：视频的帧压缩不得低于240*180像素。[10]在制作课件时应尽量避免将视频设计成全屏，我们可以采用给视频加黑色边框的方法来避免视频的全屏；课件中应设置视频控制图标，如“中断、前进、后退、暂停、播放”等控制；视频的格式很多，MPG格式数据量最小，但画面播放效果较差，MOV格式次之，AVI格式播放效果较好，但数据量大。所以在交互多媒体课件中使用视频时要根据具体需求来选择恰当的格式。

参考文献：

[1]谢幼如. Action research and effectiveness analysis of course teaching reform in project-based website. proceedings of global Chinese Conference Computer in Education（GCCCE）.Hawaii，USA，2005.

[2]谢幼如，李克东.教育技术学研究方法基础[M].北京：高等教育出版社，2006：140.

[3]陈小青，肖宏.澳大利亚信息技术与课程整合研究现状――对AJET的一项内容分析研究[J].开放教育研究，2006（3）：89-92.

[4]Norfadilah KAMARUDDIN.Improving the user interface of courseware in Malaysia[J].Asian Journal of Distance Education，2009，7（2）：24-29.

[5]杨春蓉，田丽.色彩在多媒体课件界面设计中的应用[J].广西质量监督导报，2007（6）： 79-80.

[6]吕中元.浅谈多媒体课件的界面设计[J].电脑知识与技术，2009，5（14）：205-206.

[7]郑维林.运用人―机―人互动的设计理念制作多媒体课件之探索――以高一思想政治为例[D].广西：广西师范大学，2011：40-45.

界面设计论文例6

中图分类号：TP3 文献标识码：A

1绪论

近年来，由于在复杂的人机交互系统中出现了越来越多的问题，越来越多的学者开始对人类在这方面的操作失误感兴趣。基于这些事故主要牵涉到人机交互，因此为了探索和拓展系统交互的局限性，需要做更深入的研究。除此之外，根据Norman的评估执行差异论，人类和系统的独特特征展示了一个实际的问题：交互系统的设计者更多的把图形用户界面看做一个独立的问题，而不是思考一个用户能够怎样与系统界面设计进行交互。大量的研究人员强调了用户界面的产品特点在设计当中的重要性，因为设计能够帮助用户预知这个系统可以做什么。此文献综述包括了各个领域的研究方向、研究课题和子领域的发展。

2相关发现

从2006年到2010年5月，一共有220篇文章发表在Design Issues杂志上。从这些文章中，我们根据分类主题找出了与IT发展、IT应用、IT影响相关的文章。其中我们发现，在杂志中讨论得最多的主题是认知心理和行为习惯，其次是用户界面设计和开发，之后是在交互设计过程中IT开发方法和工具使用的研究。从中我们可以看出，在用户分析，用户心态以及交互设计中包括技能、规则、知识和认知控制模型方面的研究仍然很欠缺。

IT开发主题是旨在讨论在开发过程中人与技术之间的关系的问题，有四个关键主题用来描述在开发过程中的研究。第一个是有关用户界面设计和开发过程，包括其子整体，例如：界面隐喻、信息演示文稿和多媒体作为对于开发支持的用户交互设计。接下来是用于开发进程的方法和工具。其次，研究人员还关注在开发进程中用户的参与和互动。最后，研究人员还对软件和硬件在帮助设计和开发考虑到人类特性的系统上所扮演的角色很感兴趣。

例如：在用户界面设计开发过程中，即使设计师使用通常的设计原则进行设计，但他们仍然缺少对界面设计如何将信息传递给用户这一问题的研究和思考。也许在界面设计原则中，视觉元素应该以一种更加清晰的方式呈现在用户面前。为了界面设计更加清晰，设计师可以在界面上运用视觉、动态、标识等元素。另外，系统设计实际上是可以让用户正确理解信息的成功方式。的确，研究人员指出，设计师们不仅仅不考虑物理层面的布局，而且也不考虑系统如何运作，如何开发，交互流程如何开展以及如何给用户提供有意义的信息等方面的问题。由于视觉元素在用户接受信息的过程中是一个占主导地位的认知元素，设计师们往往将十分浮华、象征意味很浓的视觉线索嵌入在其中，然而这些视觉元素是以牺牲系统功能和用户对系统的理解为前提的。

此外，关于交互设计领域方法和工具的选择方面仍有很多争论，主要体现在寻求理解如何建立技术和技术如何充分应用于帮助用户完成他们的工作的方法论上。为了研究用户行为，在人机交互领域已经有十分重要的转变，即包括人类学方面的以用户为中心的研究。另一方面，计算机交互领域很少引用社会学理论作为他们的理论基础。

近期关于交互在设计方面的分析显示，交互可以通过参照设计进程来被理解。例如：为了更加了解用户如何与系统进行交互活动，诸如参与式设计的理论就有为了观察用户参与设计过程的合理方法。在参与式设计中，用户的参与涉及从早期的项目定义阶段，概念设计，概念测试原型开发，原型测试，原型审查，直到最后的项目交付和验证。此外，参与式方法需要一个探索普通人的生活和人们各个层面幸福之间关系的理论。其中一个关于讨论用户行为的理论叫做现象学理论。

尽管事实如此，交互设计原型的设计同样重要，它涉及到一个产品在开始到后来的一个提炼的过程。原型设计的主要目的在于确定问题所在以及修复它们。只有这样用户在使用产品的时候才能更加的有效率和愉快。但是原型设计的方法同样也有其局限性，它限制了与用户真正需要创造的产品原型的讨论。因此，一些对人机交互行为的研究有用的技术仅仅只是对用户所处不同文化的探索和实验室的经验罢了。

界面设计论文例7

引言：人机交互界面的设计把“以用户为中心”。①作为根本出发点和指导思想，旨在使用户更加简单、方便、快捷地使用人机界面获取信息和操作设备。人和各类数字化设备的交互的效率的高低，在很大程度上取决于人机交互界面的设计的好坏。

如果在设计人机交互界面中加入人性化设计，把认知心理学中理论结合在界面设计中，是否可以使得普通的界面变得不同，它的使用性能是否能因此而增加，面对这些问题，将用什么样的实验方法去证实。传统的对于人机界面可用性的评价方法则乏善可陈：或者主观判断其优劣而缺乏客观性和说服力;或者进行繁杂的问卷调查而工作量巨大;抑或者通过记录特定任务的完成时间和完成率来评价界面的效率和有效性，虽然相对客观许多，但是实验操作复杂且精度不高，提供的数据类型较为单一而且有限。通过与传统的测试和评价方法相结合，眼动追踪技术可以很好的对数字人机界面进行定量评价，并为设计师解决界面可用性问题和设计新界面提供一个可靠的线索。

1.前期准备

1.1研究目的

首先提出用眼动追踪技术的典型实验方案和分析方法;分析实验数据，评价公交站牌界面的设计结合认知心理学前后的优劣;基于研究结果为城市公交站牌界面的优化设计给予一定的建议。

1.2研究方法

选择公交站牌界面作为测试材料进行研究。用于测试的公交站牌旧界面为南京市现行公交站牌的界面模拟，用于测试的新界面是结合认知心理学理论基于人性化设计对公交站牌界面进行的全新设计。

实验部分运用眼动追踪技术，用任务流的方法对受测界面进行测试。实验是新、旧界面可用性的对比测试。

1.3研究创新点

提出了公交站牌界面设计的全新理念和思路，结合认知心理学理论，基于人性化设计前提下改善了现有的公交站牌，设计了新的公交站牌界面，并提出了运用眼动追踪技术来实验得到数据证明新的公交站牌界面比旧界面使用性能强。

2.界面设计传统的评价方法

传统评价方法是以用户的主观评价为主进行界面可用性研究和进行用户绩效研究的方法。主要包括出声思维法②、问卷调查法等，以传统的操作时间、完成率、主观感受与评价等指标作为衡量标准。传统评价方法获取指标的优点是操作相对比较简单，工作量较小，能反应用户的主观感受;但其也具有较大的缺点和局限性，如衡量标准单一，各项指标的精度不高，客观性较差、误差较大等，在越来越强调精度、深度和客观性的现代研究中就显得捉襟见肘。

3.公交站牌界面结合认知心理学优化设计

3.1公交站牌界面设计的基本原则

城市公共导向系统是指出现于城市的公共场所，由图形、文字、色彩等视觉元素的组合所形成的标志与箭头相结合所构成的导向识别系统，用以向人们提供某种公共信息的并引导人们选择方向③。认知心理学认为知觉是一种解释刺激信息从而产生组织和意义的过程。人对客观世界的认识过程是从感觉开始的，没有感觉信息就没有知觉过程的发生。④认知心理学研究表明，不同的刺激种类对应的绝对感受不一样，颜色的不同感受就明显不同，图形的大小，摆放的位置等也会给人以不同的感受，在整齐排列中，突出的那个也会吸引人的眼球。刺激强度高的刺激常常优先被知觉。

3.2现有城市公交站牌的界面设计不足分析――以南京新街口北站为例

通过对南京市新街口北站公交站牌界面的调查研究，提取了新街口北站现行公交站牌界面设计主要理念，并提出存在的缺点与不足。

南京市新街口北站现行公交站牌界面每一横向长条状模块代表一条公交线路，单元首或尾部用大号字体显示路线名称，其他地方显示该条线路包含的所有站点的名称，通常会用箭头等指向标志指示线路的运行方向;不同的线路模块竖向按一定编号规则排列。

这类设计之所以能占领世界上绝大多数的公交站牌，应该归功于它的设计理念的简单。线路信息可以不经过加工或者少量加工即可被安排到界面上，且模块化的设计使得其中的线路可以任意增删而不会影响其他线路的呈现，设计工作量小，设计、修改、替换成本低。然而对于用户来说，这类界面却具有很明显的不足之处。例如，界面上的文字信息量过大，排列方式过于死板，用户在密密麻麻的文字中查找某个站点十分费劲;重复站点信息很多，用户如果要查询到达某个站点的多条线路，需要进行多次搜索过程;信息量虽然很大，但是信息的种类却很单一，只有公交站点的信息，这在多种交通方式并存和互补的大中城市中就十分不适用。比如若要寻找能换乘地铁的站点，在现行的这种界面内显然是不能找到任何信息的。可见，现行公交站牌界面的设计尽管使用度很高，经济性较强，但是随着社会的发展，它并不能很好地适应城市公交系统发展的新趋势和用户的新需求。

3.3结合认知心理学优化城市公交站牌界面设计

作为一种较新的并且快速发展的交通方式，地铁指示界面的设计或许能为我们队传统公交站牌界面的优化提供灵感和借鉴意义。

通过借鉴地铁图的设计理念

1、线路以带颜色的直线或折线表示，不同线路以不同颜色区别;

2、如果不同线路有重复站点，通过设计整合将线路的重复部分聚集在一起，站点名称只标识一次;

3、通过加入图标、颜色等设计元素以显示其他交通方式、重要公共设施等，将新界面有机融入整个城市的公共导向系统。

在结合认知心理学的指导下，对南京市新街口北站站牌进行了优化设计，用眼动实验对两类界面进行对比测试和可用性评价。

现行公交站牌界面简称为“旧”界面，优化后的公交站牌界面简称为“新”界面。为了控制变量以免字体对实验结果造成干扰，新、旧界面上相对应的信息字体类型和大小相同，如站点名称均对应相同的方正大黑体12号，线路名称均对应方正大黑体20号。

4.实验方案

4.1实验目的

本实验通过运用眼动追踪技术并结合问卷调查，对比测试公交站牌新旧界面的可用性，评价新旧界面设计的优缺点，并据此总结提出公交站牌优化设计的建议。

4.2实验材料、设备和人员

材料：受测数字界面（图片大小1024*768像素，格式为.bmp），新街口北站公交站牌新、旧界面各一张

设备：眼动仪一台、电脑主机及外设（键盘、鼠标、摄像头）、Clear view软件

人员：指导员2名、受试者不少于10名（男女各半，受条件所限，选取在校大学生）

其中受试者条件：无色盲、色弱、双眼矫正视力不低于1.0

4.3实验过程

受条件和时间所限，本次实验共有14人参加，其中男生7名，女生7名，均为来自南京理工大学的在校学生，年龄均在18～25岁之间，眼睛的生理状态符合实验要求。在本次实验前，14位受试者都使用过旧界面（即现行公交站牌界面），都从未使用过新界面。

由于所有受试者均未曾使用过新界面而对旧界面的使用较为熟练，为了减少由于不熟悉新界面而造成实验误差，在测试实验正式开始前，指导员都对界面（包括旧界面）的构成和设计理念进行了详细地介绍，所有受试者都完整的参加了上机学习。但这也并不能完全消除受试者因为对新界面的相对陌生而对实验结果造成的影响。

整个实验结束后，从软件中导出每位受试者完整的眼动数据，保存在个人存储设备中，检查确认数据完整无差错之后，清理软件中的缓存数据。

4.4新旧界面可用性对比

从表4-1的数据可以看出，受试者在新界面上的注视时间平均值及注视点数的平均值均小于旧界面，且差距较大。而从图4-2则可以直观的看出，尽管仍有1位受试者在新界面上花费的注视时间比在旧界面的注视时间略长，但整体上旧界面的注视时间曲线明显位于新界面的注视时间曲线之上，即在新界面的注视时间比在旧界面上更短。用户在新界面的获取信息的效率高于旧界面，新界面的可用性优势比较明显。

图4-3眼动仪路径分析

从图4-3的对比中可以看出：受试者在使用旧界面时，由于旧界面包含的文字信息量大，且每一条线路可能存在与其他线路重复的站点名，因此在搜索某一目标站点时，受试者为了找全所有路线不得不对每一条线路都进行搜索;再者，在旧界面中，一条线路中的站点呈左右横向分散排列布局，而线路间的排列又呈现上下纵向排列方式，因此视线需要既要在左右两侧比较长的距离范围内来回移动，又要在上下方向移动，因而受试者的注视点呈现小而多、分散分布的态势，且眼动路径总体呈现“锯齿形”，所需的注视时间相对较长，中心点的位置不明确;而在新界面中，站点与线路都呈上下纵向排列布局，因为新界面将重复站点的信息整合在一起，文字信息量大大减少，且受试者在查找到目标站点之后不需要再去考虑是否界面上其他地方是否会有“漏掉”的线路，而只要顺着目标站点对应的线路向上搜索以确定线路的名称。因此，受试者在新界面上的注视点数较少且中心点位置集中，眼动路径清晰明确，所需注视时间更短。

从眼动路径图的分析中可以看出，受试者使用新界面获取信息的效率比旧界面更高，新界面的可用性优于旧界面，这与注视时间、注视点数、注视频率和完成时间分析的结果相一致。

图4-4热点

对热点图的抽样分析，可以显示出受试者在界面的哪些区域内停留的r间长。从图4-4的对比中可以看出，受试者在使用旧界面时，注视点多而分散，平均每个注视点的注视时间都较短，没有明显的注视重点;而在使用新界面时，注视点数量相对于旧界面明显少很多，目标站点和线路名称附近区域为注意力最高的地方，注视时间较长，而在目标站点和路线名称区域之外，注视点就比较少了。这表明，受试者在旧界面上往往要浏览大量无用信息才能找到目标站点，而在新界面上，用户能相对更容易锁定目标站点。因此，从热点图的分析中可以看出，受试者在新界面上获取信息的效率要高于旧界面，新界面的可用性优于旧界面，这与注视时间、注视点数、注视频率和完成时间分析以及眼动路径图分析的结果相一致。

4.5实验结论

从以上的分析过程我们可以得出以下结论：

受试者在旧界面搜索目标站点时，注视点多而分散，眼睛既要上下、左右运动交替，眼动路径呈现出锯齿形;而受试者在新界面上搜索目标站点时，注视点少而集中在目标站点和线路名称附近区域，眼睛以上下运动为主，眼动路径清晰、明确。这说明受试者在新界面上获取信息的效率要比在旧界面上高。

5.结论与展望

5.1研究结论

结合认知心理学理论设计新的公交站牌界面并运用眼动追踪技术对基于新、旧理念设计的公交站牌界面进行对比评价。实验的结论显示，相对于旧的公交站牌界面，用户在新界面上能更快的找到目标信息，新界面的对用户的引导作用更强，用户在新界面获取信息的效率整体上比旧界面更强。新界面的设计理念是成功的和进步的。

迫于时间、人力、经济、资源以及自身学术水平的限制，本次研究还有许多不足之处，由于眼动实验环境和设备的限制，实验受测公交界面只能通过一定的比例关系缩小显示在有限的屏幕范围内，而不能真正的模拟用户实际使用界面时的情形。由于界面的缩小可能引起实验结果与实际使用的产生差异。研究以新新街口北站一站牌进行研究，在线路、颜色等并未一一进行控制，如果对应每条线路有不同的颜色，相对庞大的公交线路来说是很困难的，所以只能局限于每个站牌。最后实验迫于时间和人力的限制，只测试了14位受试者且还有3个无效数据，样本容量不够大;受试者的来源单一（均为大学生），不能代表公交站牌的广大受众。

5.2研究展望

1、加强眼动追踪技术的基础性研究，探索眼动实验的基本设计方法，提取典型的眼动评价模型。

2、对新界面的设计理念进行进一步的优化，并逐步建立新界面的标准化方案。新界面尽管较旧界面是进步的，但其中还有许多不合理和值得进一步优化的地方。例如，“新界面颜色太多”的意见，可见，复杂线路界面颜色负荷过高的问题需要进一步解决，而站点密度过大时新界面对站点如何合理安排、新界面的对某些信息的省略是否合理等问题也需进一步研究。而新界面的应用则还需要更加详细地标准化方案及设计元素库作为支持。

3、新界面设计的自动化。相对于旧界面，新界面有个不容忽视的缺点是设计工作量和复杂程度都很大，设计过程成本很高。如果能够设计出一种软件，能够根据输入的站点信息自动生成新界面，则能很好的解决此问题。（作者单位：南京理工大学）

注解：

①董建明，傅利民，饶培伦，Gavriel Salvendy.人机交互：以用户为中心的设计和评估[M].清华大学出版社，2007.

②周荣刚，张侃.可用性测试中的出声思维法[J].人类工效学，2005，11（3）：55-56.

③陈晶，城市公共交通导向系统设计研究[D].东华大学硕士论文，2004.

④何亭，基于认知心理学的网络界面设计研究[D].苏州大学高等学校教师硕士学位论文，2009.

参考文献：

[1]董建明，傅利民，饶培伦，Gavriel Salvendy.人机交互：以用户为中心的设计和评估[M].清华大学出版社

[2]周荣刚，张侃.可用性测试中的出声思维法[J].人类工效学，2005，11（3）：55-56.

界面设计论文例8

[中图分类号] G642 [文献标识码] A [文章编号] 2095-3437（2017）05-0011-03

人机交互课程教学目标是使学生了解人机交互的概念、不同时期的用户界面特点，理解用户界面设计的基本原则和方法，结合当前主流界面实现技术，让学生熟练软件系统用户界面设计的主要过程和掌握可用性评价方法。因此，人机交互课程是一门以交互设计与界面设计理论及其评价体系为主的课程。我院采用由冯桂焕编著的《人机交互软件工程视角》一书为教材，教材通篇理论阐述有余，而可用的实践指导则不足。对软件工程专业的学生来说，该门课程较偏重理论教学，缺乏相关的实验教学，以至于学生对该门课的学习形成错误的认识，认为该课程只是一门理论课，跟后续课程的联系不大，导致学生学习积极性不高。抽象理论与开发实践之间存在一定距离，学生学与用之间也缺乏一定的联系，因此如何理论联系实际，使学生W以致用，实现理论知识到操作技能的有意义的知识建构，是课程教学要解决的关键问题。

一、基于建构主义理论的案例启发教学法

清华大学计算机教育专家吴文虎教授在谈到软件系统设计教学时说：“学生不是听会的， 也不是看会的， 而是课下在实践环节中自己通过实实在在的上机练会的。”[1]这番话揭示了项目案例启发教学的意义和作用。建构主义理论认为学习不仅仅是死记硬背一些概念、原则、方法等知识点，更要学会举一反三、触类旁通，灵活运用所学知识分析问题和解决问题。如果毕业生学富五车而遇事无计可施，培养出这样的“人才”只能说是教育的失败。而项目案例启发教学法以“项目开发小组”为主体， 围绕项目任务，在明确的问题求解动机驱动下，主动运用学习资源自主探索，团队协作学习，极大地提高了学生的学习积极性。[2]学生由传统灌输式的被动学习变为自主探究式学习，学习过程生动有趣，项目从设计到实现的每个环节都亲自体验，抽象的人机交互概念、原则、方法等知识点变得鲜活生动起来。

“以项目任务为主线、教师为主导、学生项目学习小组为主体”的项目教学，要求教师做到角色“定位”，即教师角色从讲授、灌输，转变为学习过程的组织、引导，这就要求教师与学生多交流、多讨论，给学生提供恰当的帮助。[3]

（一）围绕教学目标，设计好案例项目

软件界面设计的易用性、可用性和爱用性是课程教学重点，为了讲清楚这些问题，有必要创设问题情境，激发学生兴趣，这就要教师注重案例项目的实用性，掌握项目设计的梯次性和难易程度。我们精心选择了一些学生感兴趣并通过主动探索学习有能力完成的项目，包括学生信息管理、文本编辑器、多媒体播放器、网络教学课程的设计与实现等。

（二）学生分组，以小组为主体开展教学

按照软件工程理念，以软件开发团队完成软件开发过程，可培养学生的团队合作精神，切身体验软件工程专业“合理分工、合作共赢、缩短周期、提高效率”的精髓。[4]学生可以根据自身的爱好和能力自由组合，每组成员由3～5 人自行组成，每组选出小组长，由组长给组员分配任务协作完成项目。以项目小组为学习主体的学习模式，可以起到“以强扶弱”的作用，并能提高学生的组织、协调能力。

（三）项目小组探索实施，完成项目

此阶段教师要发挥引导作用，为各项目小组辅导答疑，提供技术支持。这包括两方面内容：一方面是项目开始的引导，教师要与学生一道分析、讨论项目的功能需求、软件界面设计要求，结合交互系统相关的理论知识，分析项目系统需求，针对项目进行剖析，并对项目进行细化探究，引导学生提出项目设计方案，调动学生主动地参与项目的分析讨论；另一方面，从提出项目到分析项目，接下来就是设计并实现项目，完成任务。在这个过程中，教师要积极为学生的探索实践创造机会，如演示相关的项目系统，启发学生分析思考，为实践开发做准备。学生通过小组之间的互动、分析讨论，完成项目的设计与实现，进而建构人机交互的软件工程课程知识体系。

（四）项目展示与评价

各项目小组展示作品并汇报设计思路，由其他小组同学评价项目实施过程、任务完成的情况和水准，通过互评共享成功与不足，取长补短共同进步。教师在点评分析过程中，可根据学生的学习态度、合作情况和项目成果组织点评，对学生的表现和成绩要肯定，对其不足之处要提出改进建议，以促使学生获得进步。

二、案例启发教学法在人机交互课程教学的应用

（一）引入朋友通讯录案例，阐述软件界面可用性设计，激发学生兴趣

软件可用性目标是交互系统设计的基本目标，教材在基础篇阐述了交互系统可用性的目标与原则，在设计篇讨论了如何实现软件系统的可用性，理论性强，内容抽象，涉及面广，学生不好掌握。对软件系统的可用性和如何测试与评价软件的可用性，我们通过案例进行讨论就直观多了，如图1所示，要求学生实现一个朋友通讯录系统，对话框中包含基本的功能：数据信息的浏览、修改、添加和删除，当用户点击工具栏中的导航条按钮时能够对通讯录中的记录进行向前、向后以及第一个和最后一个记录的检索。

案例分析，引导学生思考下列问题：

1.软件界面的交互性方面

案例的运行界面是人机交互的吗？分析软件的运行情况，总结你的交互性体验。

2.软件可用性方面

软件可用性目标包括五个方面的特征，即软件的易学性、易记性、使用效率高、软件运行的低出错率及用户对系统的主观满意度，该项目具有哪些特征？还有哪些可用的功能或服务可以加入？系统有何问题或缺陷？系统好用吗？

3.设计规则运用探究方面

软件界面设计过程中，软件界面设计师要按照一定的要求开展活动，并参照黄金规则进行设计，以确保软件的可用性，请按照这样的理念分析图1朋友通讯录的不足，提出你的改进意见和新的设计思路。

通过项目案例启发教学法来教授软件界面的可用性设计，开始就明确学习目标，使学生带着问题及目标去主动学习；其次在实现过程中遵循了工程设计的思想，变抽象的理论为可观察可分析的“项目案例模型”，便于具体分析、讨论，学生不再苦于抽象概念、理论的理解和死记硬背，而是在做中学习，根据任务需求来学习，由被动地接受知识转变为主动地寻求知识。教学实践表明：学生们在这种边做边讨论的学习模式中表现出了较高的学习热情，他们分组讨论，互相学习，讨论时发言积极，有自己的理解与建议，课堂气氛比较活跃。

（二）拓展项目实例，阐述软件界面易用性设计，培养探索精神

前述朋友通讯录系统有简单的可用性，但按照可用性设计的要求是不完善的，也不是易用的。我们在此基础上，设计一个学生成绩管理系统项目，其功能如图2所示。本项目要求细化软件界面，如实现容错功能，减少用户记忆功能等。软件运行主界面如图2所示。

项目分析与讨论：

本项目的软件界面比朋友通讯录有所改进吗？是否更好用？体现了哪些交互式设计原则？还有哪些可用的功能或服务可以加入？系统有何问题或缺陷？

软件易用性要求比软件可用性要求更高，但只有做到了软件的可用性，才可能实现软件的易用性。事实上，软件设计有三个层次，即软件的可用性、易用性及软件爱用性，其中软件易用性必包含软件的可用性，不可用的软件设计一定是不易用的，而喜爱使用的软件系统一定是易用、好用的软件。教学策略上，要注意比较软件可用性、易用性两者的差异，结合项目阐述软件易用性的实现要求。

基于建构主义学习理论的项目案例启发教学法主张教师将教学内容隐含在一个或几个项目中，以完成项目的过程作为教学活动的中心，学生在此过程中掌握相关的基本概念、基础知识。为此，我们通过上述两个项目（案例）阐述交互式系统设计的可用性、易用性问题，引导学生由简到繁，由易到难，循序渐进地完成项目，在做项目的过程中达到对人机交互设计理论的理解和掌握，培养了学生通过可视化方法实现界面设计的能力。

（三）鼓励学生设计感兴趣的交互式系统，培养个性发展

学生具备交互式系统设计必要的基础知识和操作技能后，教师在课程学习的综合提高阶段可以提出多项创新型任务， 让学生八仙过海，各显神通， 鼓励学生开展交互式系统的设计。

教学实践中，在老师的指导帮助下，有一组学员设计了一个基于网络平台的课程学习和知识推荐系统，实现了按知识点进行选择性学习，也能够根据知识之间的关联度及依赖程度，由当前的学习点转到相关知识点进行知识推荐学习。[5]知识推荐学习系统运行截图如图3所示，灰色的菜单是课程各章节知识点学习菜单，交互范型对话框里的文本是系统当前展示的学习内容，右上角的弹出式对话框是系统推荐学习的内容。

项目的交流评价：

以图3展示的项目来说，按照人机交互软件工程评估篇的原则和方法，可从交互式系统的可用性、易用性、爱用性三个层次来分析评价，充分肯定其所提供的服务功能，从软件界面设计的目标出发，还要指出其不足之处及需要改进的地方，指出今后努力的方向。由于学生花费了许多心血，大家对项目的交流、认同是他们所期待的。因此，针对学生项目完成的情况，应采用以欣赏为主的评价方式，让学生有“成就感”，充分激发学生的学习热情和学习兴趣。

三、结语

在人机交互课程教学中采用项目案例启发教学法， 教学以一个个项目为主线展开，把相关的抽象概念、教条式的知识点融入项目的各个环节中去，学生每完成一个项目就得到一次成功的体验，同时对交互设计、界面设计的概念、目标与原则形成了生动直观的理解和认识。由于项目案例启发教学是通过分组实施完成的，能有效培养学生的自学能力和协作意识，有效培养学生的创新精神和实践能力，也较好地实现了个别化学习。当然，项目案例启发教学模式不是万能的，学生合作学习可能出现虚假合作，小组形同虚设，造成不少学生躲在同伴的背影中，搭便车，蒙混过关；教学目标与教学评价可能流于片面、简单化，可能只注重项目完成的结果评价，忽视任务解决过程的评价等。这就要求我们在采用项目案例启发教学法时，教学设计要合理，目的要明确，还要注意与其他教学方法有机结合，这些是我们今后要进一步研究、探讨的问题。

[ 参 考 文 献 ]

[1] 吴文虎.教学设计中切入点很重要[J].算机教育，2005（2）：12.

[2] 卢万有.项目教学法在《网页设计》课程中的运用[J].计算机教育，2007（13）：3.

界面设计论文例9

 

想要建立一个成功的网站，首先就要贯彻“以人为本”的原则，在现今的设计过程中能够体现“以人为本”原则的设计就属用户体验设计了。科技论文。这就不得不提到两个名词即用户体验和用户界面概念的理解。

一、名词概念

1.什么是用户体验

用户体验（user experience）简称UE，是指用户在接受和使用一个产品（服务）的过程中建立起来的心理感受。用户体验无处不在，在日常生活中人们所接触到的一切产品，例如，交通工具飞机、汽车、公交车、自行车，数码产品电脑、手机、相机、mp3等，人们在使用的过程中都会产生纯主观的心理感受。这些纯主观的感受完全建立于用户体验产品的过程中，而产品的好坏或亏盈就由这些体验感受所决定，所以产品设计中的以用户为中心的用户体验设计显得至关重要。

2．什么叫做用户界面

用户界面（User Interface）简称UI，界面（Interface）是人机互动过程中的一个层面；界面设计是一个复杂的有不同学科参与的工程，认知心理学、设计学、语言学等在此都扮演着重要的角色。比如，制作一个公司的网站时，不仅要兼顾用户的便利，同时也要把这个公司引人注目的地方一起展现出来。如果把一个网站比喻成一栋房子，那么用户界面则是房子的门面和装潢，只有首先吸引用户的眼球才能使用户留在房子里去体验生活。

二、用户体验设计的分类

在网站建设过程中如果只了解到用户体验的概念是不够的，设计者们必须要理论结合实践。因为用户体验是一种用户纯主观性的心理感受，设计师们在很微小的细节进行调整，或许就会得到用户的钟爱。这些细节上的精心设计必须经过设计师对于用户自身的调查与用户反馈的信息才能整出头绪，进行整合设计。那么通过调查与反馈用户体验的设计可以从以下几个方面进行调整设计。

1.感官体验

想要在网页中设计出好的界面的话，感官效果是必须考虑的一个方面。要注意网页的界面应该要保持一贯性不能给用户带来混乱感；在使用方法方面，设计风格要符合目标客户的审美习惯，并具有一定的引导性。科技论文。界面的构成不能太复杂；主要内容应设计在引人注目的地方。同时，页面布局重点突出，主次分明，图文并茂。与企业的营销目标相结合，将目标客户最感兴趣的，最具有销售力的信息放置在最重要的位置。在设计页面色彩时应该与品牌整体形象相统一，主色调和辅助色不超过三种颜色。以恰当的色彩明度和亮度，确保浏览者的浏览舒适度。

2.浏览体验

浏览体验顾名思义就是呈现给用户浏览上的体验，更强调的是吸引性。在一个网站中一切内容和服务都是从网站的导航延伸出去的，所以导航应该要动感、简洁、清晰，分类条理最关键。随着现在网站功能越渐强大，各类型网站中增加了越来越多的视频、动画元素，对网站速度的要求也越发苛刻。所以加快页面的浏览速度选择一家稳定的服务器托管商也至关重要。在网站的内容上设计者应该给用户带来舒适的文字环境。如今，网站博客撰写已成为了一个很大的话题。我们需要用和朋友对话的方式来撰写博客，让用户感觉到一种舒适温馨的氛围。这样用户就会少一些局促感，即使他们遇到了使用上的问题，也会心情愉悦的在网站帮助中寻找解决的办法。

3. 信任体验

4. 　互动体验

它呈现给用户操作上的体验，强调网站的易用性。网站与用户必须有高度的互动性，网站不是一张死板的宣传单，要让浏览者通过网站进行各种互动行为，包括直接联系企业客服中心；在线留言或咨询；在线订购物品；发表评论等，总之，要让网站和浏览者互动起来，通过网站把浏览者和企业连接起来。能互动的地方越多，这个网站的价值就越大。科技论文。因为只有和浏览者产生交流并可帮助浏览者解决实际问题，比如可以回答他的提问或直接购买产品，对浏览者来说你的网站才是有生命的，有价值的。

三、总结

网站的用户体验设计是是在互联网时代开放、共享、自由的氛围中的一种进化需要，并且它最终将成为无论是从需求分析、到界面设计再到开发到运行维护至关重要的一部分，因为我们随时都需要将用户置入服务的核心，用我们的爱来浇注产品本身。

参考文献：

[1] 戴力农.当代设计研究理念：用户体验超人性化设计方法.上海交通大学出版社，2009

[2] 崔武子，齐华山，于宁. 界面设计与Visual Basic.清华大学出版社，2004（7）

[3]（(美) Jason Beaird著 熊平, 宓媛珊译. 完美网页设计. 北京:人民邮电出版社，2008（7）

界面设计论文例10

据我国互联网信息中心（CNNIC）的2014年互联网报告显示，我国网民规模已达6.94亿人，人均周上网时间为26.10小时，超越美国，成为拥有网民最多的国家。同时网民对浏览网页界面的要求也越来越高，对网页的需求不再仅仅是功能和便捷性，审美标准也相应地提高，传统的设计模式已经逐渐不能满足广大网民的需求。人们更多的是将目光转移到网页人性化的设计，而网页界面的情感化设计能否为网民带来愉悦感、舒服感，逐渐成为网站设计水平的标准之一。

一、网页应用界面概述

网页应用是指用网页语言编写的程序通过浏览器来运行的软件，它可以广泛应用于企业网站或互联网。由于网页语言程序可以直接应用于各个PC终端和手机移动终端，不需要像其他应用软件进行升级或运行前安装复杂的程序，深受用户的青睐，例如，较常见的有基于计算机终端的网络论坛、网络游戏、网络超市等，也有基于手机移动终端的APP、网页浏览等应用。

虽然我国网络化快速发展，但是，网页界面的情感化设计起步较晚，最早的网页界面概念是由国外发达国家提出来的，在国外已经有了相对成熟的设计理论和实践经验，如欧美、日本等国家一方面提出了网页界面设计的理论基础，如依据艺术设计理论和社会心理、人机交互理论等理论进行情感化设计；另一方面，还要遵循简约化、一致性、统一性、均衡性等原则。目前我国对这方面的发展主要是针对网站的文字、色彩等视觉方面进行了一定程度的设计，但总体上缺乏对情感化设计的深入探究。

二、网页应用界面的情感化设计分析

“情感”是人们对自身周围的事物以及对自身的态度的体验，它是人对客观事物的主体反映。根据唐纳德教授在《情感化设计》一书中的论述，情感化设计分为本能、行为以及反思三个层次。本能层次是用户通过外界的刺激而做出的第一反应，具有先天性，因此，在对网页界面进行设计时需要充分考虑本能层次的物理特性，将本能层次的特征融入设计的界面当中。行为层次主要是指利用简单有趣的设计为用户提供最方便网页浏览布局和清晰明确的操作导向，使用户在运用中在情感上得到体验。反思层次是意识反作用于客观事物的一种表现形式，是人们最高的情感水平。网络用户通过浏览网页界面后产生的更深层次的感知和情感，往往受到不同主体认识的不同而有不同的情感变化。通常反思层次有助于提高用户的忠诚度，建立起用户与产品的长期联系。情感设计的三个层次相互影响，在本能层次得到满足后，产生行为层次，然后体验后，产生对网络界面的反思层次，在对网络应用界面设计中应当注意三个层次的相互作用，将情感化设计贯穿于三个层次中，提高用户的认知度，为用户带来情感愉悦和舒服的体验。

三、我国网页应用界面设计的现状及存在的问题

由于我国情感化网页设计起步相对较晚，缺乏理论依据，存在着众多不足，其主要有以下几个方面。

1.内容方面的问题

通常网站网页是进行信息传播的承载体，往往包含了众多的内容，但在国内的一些网站网页设计时内容相对混乱，分不清主次。还有一些网站为了向用户传达更多的信息，对网页界面嵌入各种软件以及各种各样的内容，使用户感觉杂乱无章，忽略了页面设计的整体性和主次感。此外，还有一些网站为了商业利润，在网页界面中填充了大量的广告，容易让用户在使用时产生抵触情绪，降低了情感化的体验效果，同时，网页广告界面往往自动弹出，强制用户“消费”，缺乏对用户的尊重。

2.网页界面板式雷同化严重，缺乏创新

网页应用界面在设计上大多都是遵照一种设计样式，除一些网站在设计时根据自身的实际情况，对界面内容进行分栏分类，对色彩字体进行搭配，其他大多数设计的版本内容布局高度雷同化，缺乏创新，使用户容易产生视觉疲劳，很难吸引用户的注意力，降低了情感化的体验。

3.网页应用界面设计普遍缺乏情感

情感化的网页设计能提高用户在浏览网页时的舒服程度，还能提高用户的自我标识，但是在实际的网站网页界面设计的过程中，往往只是满足功能上的需求，追求界面的效果，忽略了在网页中添加情感因素，在视觉色彩的应用上也相对混乱，造成用户情感体验的效果不明显。

四、网页应用界面的情感化设计

通常进行网页界面的情感化设计需要明确进行网络界面设计的目的，即构建一个使用户在视觉上产业愉悦的网站，以提高用户对该网站的忠诚度。一般来讲，网页界面设计目的包括实现网站服务、良好的视觉效果以及可行性和易用性三方面。因此，网站的网页界面的情感化设计需要围绕着上述的三个目的展开。

1.色彩的设计

网页的应用界面的色调通常包含了文字的颜色、主板的色彩、所含图片的色调等几个方面。首先，图片的设计是将抽象化的物体转化为直观的视觉效果，图片的色调可以直接进入用户的视觉体验，进而产生本能层次的情感，因此，图片色调的选择要符合主题内容，与整个网页的风格相匹配。其次，文字色调的设计，文字是传达网页内容的主要方式，是网页界面的主体，其字体的颜色需要与整个网页界面的设计搭配，使用户在阅读时不产生疲劳感；最后，主色调的设计，主色调是整个网页界面的背景，在对主色调设计时要遵照使用户舒服的原则，防止色调太强，而影响文字主体阅读的困难。

2.合理统一的布局

对网页界面合理统一的布局是指在网页界面有限的空间内，对文字、图片、色彩等元素进行统一的设计编排，使整个界面显得和谐统一，不至于出现内容混乱的局面。因此，在对网页界面设计中，既要加入人的情感因素，同时又要进行合理的布局，这样才能让用户在使用过程中产生情感上的依赖。

3.方便易用的操作功能

通常网页界面设计要以方便易于操作的功能为前提，使用户在使用过程中，能够用最短的时间进行操作，并接受该功能的应用。

4.对网页界面的情感化设计的创新

创新是设计的动力源泉，一方面，只有不断创新才能满足人们提出新的需求，另一发面，创新是人们劳动性的创造，将情感和抽象思维相融合，设计到网页界面的布局中去，提高用户网页界面体验的情感效率。

5.和谐统一的人机交互

人机交互是指用户在浏览网页界面的过程中，人们从网页的内容得到了情感上的满足。因此，交互作用是让用户在应用时产生愉悦心情的设计。在网页界面人机交互设计中，设计师要灵活运用设计方法，使人机能够充分进行信息交换，让设计出来的网页界面更能打动用户的心灵。