时间：2023-04-03 09:47:49
导语：在网页界面设计论文的撰写旅程中，学习并吸收他人佳作的精髓是一条宝贵的路径，好期刊汇集了九篇优秀范文，愿这些内容能够启发您的创作灵感，引领您探索更多的创作可能。
【关键词】： 网界面；设计；应用；体验；
近年来，随着网络的广泛普及，网站已然成为人们吸收了解外界的载体，人们通过上网浏览网页便可以做到足不出户就可以获得所需要的信息和物品，网购行业也随之快速的发展起来，这是因为网页可以承载图片、色彩、文字等多种元素，能够提供给浏览者足够的信息，方便了人们的生活。但是网页设计迅猛发展的同时，也产生了整体水平良莠不齐的问题：1.信息多且杂乱无序，把相关的信息和元素全部罗列出来，不分层次和重点，没有规范性，有多少内容就挤多少内容，使浏览者难以快速找到所需信息；2.喧宾夺主的设计，使用花哨的图案作为背景，干扰读者的视线。有些网站为了追求视觉的冲击力，放一些绚丽的，风格各异的图片，导致网页调性不统一，整体性差；3.一味的追求视觉美感而忽略网站的实用性，凸显不出产品的优势和特点，缺少与浏览者的互动性。视觉效果固然重要，但是一味的追求视觉效果是否真的能够提高网站浏览量和产品销售量？
我认为网页界面设计应该符合美观性和实用性双重要求。简约主义下的网页设计已经不能单纯的追求信息承载量，有一些网站把企业简介、企业荣誉和资质，全都展现在一级页面的位置，长篇大论的写公司的优势获得的荣誉，希望消费者一下子就能够了解自己的公司实力，反而将消费者更加关注的各类产品和主要信息模糊放在在一起，看似信息多了丰富了，效果却恰恰相反，这让很多消费者很难在网站里快速找到所需的信息，浏览者更是不会看长篇的介绍，这不仅没有让消费者了解自己，还会引起消费者的反感导致销量减少。简约主义下的网页设计也不能够单纯的追求色彩，绚丽画面，过多的颜色会扰乱消费者的视线，找不到重点，反而体会不到视觉的美感，从而降低了用户体验。
2、简约主义在网站设计中的应用（结合苹果官网分析）
简约主义源于是20世纪西方现代主义，欧洲现代主义建筑大师与设计大师米斯・凡德罗所提出的“少即是多”的理论，换句话说就是把设计简化，强调它本身内在的东西。这一理论被称为简约主义的核心。当今社会，人们工作强度高，节奏快生活压力大，人们需要一种可以互补的东西来调节神经高压。简约主义以简洁的表现形式来满足人们对产品那种感性的、本能的和理性的需求，符合了当今人们快节奏、高效率和高审美的要求，越来越多的设计师把眼光放在了简约主义风格的设计上，网页设计在简约主义风格的影响下也发展迅速。以苹果官网为例，苹果公司一直追求简而精的风格――简约主义风格。自乔布斯iPhone4，苹果官网界面设计风格越发简约。苹果官网新推出的产品――苹果7为例，风格依旧遵循着简约风格，整个页面除了黑色，找不到其它的色彩，网页上没有放置很多的文字内容，也没有很多绚丽的图片和色彩，通过极致的黑色和几根流畅的线条充分的展现出苹果7的简约奢华和精致，一张满屏幕的产品大图不用长篇文字的描述就已经让人感受到苹果公司强大的实力，这种简约风格的形式远比那些人们从不会去阅读的长篇大论更有力量！更有说服力！更加吸引浏览者的眼球！大大增强了消费者的购买欲望。然而单纯的追求简约主义设计风格，简约的画面和几张高精大图就是提高网页浏览量和销售量的关键吗？显然不是。
3、简约主义风格下如何与浏览者产生互动，提高用户体验
简约的画面只是网站设计最终显示出的效果，在网站设计过程中不仅仅只是考虑网站设计的画面效果，当然画面效果也很重要，但更重要的是要考虑消费者和浏览者在浏览网页的时候能否产生良好互动和用户体验。在简约主义风格下，如何才能与浏览者产生互动，提高用户体验呢？1.增加细节的设计。细节决定成败，网页设计也是如此。2. 建立清晰的视觉信息导向，使浏览者在众多同类产品中能够快速明确的定位所需要的信息。
简约主义下的网页设计不是空洞的，单调的而是让人感受舒适、放松的设计。简约主义风格的网页设计细节处理是非常重要的。如何才能做到网站设计细节丰富，版式简约，有内涵而不繁琐，有形式而又实用呢？ 以云米官网为例，云米净水器网页设计综合了视觉、布局、交互综合设计方法。用扁平化的图标设计代替了人们看不懂的数据表格，因为产品特点和优势不仅仅是一句话就能够让人信服的，需要用人们能理解的语言展示出来，才更有说服力。用图片的形式展示产品结构更清晰更加直观，从视觉上提升了科技感和冲击性。将实用性与美观性相结合，画面更加简约，细节处理更加丰富，更加吸引浏览者的眼球。让消费者看到这样的产品就产生一种感觉――买！
良好的可用性和清晰的视觉信息导向引导消费者快捷简便的定位到所需要的信息，增强用户的体验。网页信息筛选也决定了消费者浏览网页所耗费的时间，云米官网一级页面展示了品牌故事，超能净水器，超能滤芯，全屋净化以及生活周边。当浏览者鼠标放在所需要的类别时，网页在一级界面自动拉出小的产品框，方便消费者快速找到所需要的产品。二级页面直接的展示出产品以及产品细节各类信息，高清晰、高品质产品细节图更加具有吸引力，让人一下感受到产品的品质。
结论
当下，国内网页仍存在着很多的问题，在简约主义风格的带动下越来越多的设计开始关注并且完善网页设计的美观性与实用性的结合，以提高客户体验和互动性为目标，用简明易懂的图形文字组合代替长篇的数据，把“简而精”的概念融入到网页设计中去。
【参考文献】：
[关键词]网页布局与人机学；研究意义；研究目标；研究过程；教学实践
中图分类号：U46 文献标识码：A 文章编号：1009-914X（2016）04-0216-01
我们生活的21世纪已经进入了信息时代，近年来随着智能手机，平板电脑的不断发展发展。人机界面的设计和开发已经成为国际上计算机设计领域最为活跃的研究方向。在网站策划、网站设计和网站运营的过程中，人机交互和用户体验是经常被谈及与运用的概念。一个网站布局得不合理，首先会表现在功能和页面设计的契合度上，具体表现就是用户在网站上找不到需要的信息，或者是我想完成一个操作找不到相应的按钮。这就是在设计网站时没有从用户的角度出发所造成的。为了让学生运用网站配色与布局知识设计出人性化的网站，更好的与就业岗位对接，在本阶段的课题研究中我将“网页布局与人机学的研究与实践”作为我研究的课题。学生在设计作品时能够运用人机学的知识，提高用户体验的舒适度。
一、网页布局与人机学的研究意义
通过本课题的研究，学生能够运用色彩原理进行网页颜色的搭配并且能够运用布局技巧进行网页的布局设计。同时能从临摹网页到自主设计，让网页效果设计真正从想法逐渐变成现实。在综合项目实战中，贯穿网页配色与布局的知识，综合运用人机学的原理，达到对网页设计制作的整体把握。有助于提高中职学生网页制作的能力。
二、网页布局与人机学的研究目标
通过对网页布局与人机学的研究与实践，不断改进网页布局综合案例的教学策略，力求找到提高我校学生网页设计能力的方式方法，提高教育教学质量，有效的把课堂变为真正的工作室。在综合项目实训中设计出与就业岗位充分对接的网页作品，为学生就业打下坚实基础。
三、网页布局与人机学的研究过程
（1）准备阶段（2013年7月～2013年8月）
专题研究准备阶段的主要任务是学习与课题研究有关知识，确定专题研究目标、研究对象、研究方法和研究内容，制定研究实施计划。
（2）实施阶段（2013年9月～2014年6月）
根据市场调研结果明确专业核心能力，制定相应的计划，编写技能检测手册。
（3）总结阶段（2014年7月～2014年9月）
对本课题研究过程及资料进行收集整理，形成课题总结报告，并将专题论文、调查报告和研究个案汇编成集，撰写个人结题研究报告。
四、教学实践的成果和结论
在学校课题的研究分类中，我主要承担的是《网站配色与布局》这本教材中网页布局与人机学这部分的教学研究。在几年的网页制作课程的教学实践中，不断尝试应用多种信息化教学手段，以“学生为主体教师为主导”的教学理念贯穿整个教学过程。体现了“做中学，做中教”的职业教学理念，充分调动了学生学习的主动性和积极性，较好的培养了学生独立思考，分析与解决问题的能力，取得了很好的教学效果。在教学中旨在网页布局与人机学的教学实践中有更为突出的成果，培养中职学生的职业能力，为学生今后成为一名优秀的网页设计师打下坚实基础。2013年7月在抚顺市信息化教学设计中获得一等奖；2013年9月辽宁省“创新杯“信息技术说课大赛一等奖；2013年11月获得国家级”创新杯“信息技术说课大赛一等奖；2013年12月获得抚顺市级优秀课。2015年11月获得国家级信息技术教学设计大赛二等奖。
1.网页布局与人机学的相关概念研究
通过对此概念的研究，在教学过程中，我采用实例讲解的方式。从iPad看人机学。iPad是当今社会较为流行的电子设备，也可以称之为街机。同学们对我列举的实例会非常感兴趣，由此学生会非常渴望即将要讲解的知识。iPad是著名的苹果公司出的平板电脑。iPad在人机交互操作上做得非常细致。为什么iPad无论老人小孩都会用，其基本操作甚至很少需要别人的协助和说明书？究竟是孩子容易接受iPad？还是iPad容易让孩子接受？iPad的设计可谓“童叟无欺”，老人、孩子都可以流畅使用。人机学应该是“傻瓜式”的，去追求一种更“本能”的操作，就像吃饭穿衣一样简单。通过以上实例的讲解，学生很快理解人机学的概念，并且知道在网站配色与布局这本书中为什么给我们介绍人机学的概念。让学生充分理解了网页的易用性和美观性非常重要，这样同学们就能很认真的学习人机界面设计的原则及设计方法。在教学中有效的突出了教学重点，突破教学难点。
2.网页布局综合案例的设计风格研究
引入案例――网页布局的风格类型。本案例的主要目的是在不改变网页内容的前提下，改变网页的风格类型。这就需要用的布局的知识。在之前的学习中我们已经掌握了各种网页布局的知识与技巧。不同的网页有不同布局。这样综合起来就形成了不同的网页风格类型。那我们常见的网页风格类型有哪些？有什么特点？引入理论学习知识，教学过程很自然的过度。经过理论讲解后，进行实战案例――设计临摹典型商业型网站。
在教学过程中引入实际案例，教师通过案例讲解相关理论知识，再让学生应用所学理论知识完成实战案例，使学生能够 “学以致用”，完成本课的技能目标。这样不仅增强了讲解的直观性，降低了学生学习的难度，还可以有效的激发学生的学习兴趣，充分调动和发挥了学生学习的积极性、主动性、创造性，培养职业核心能力，实现教、学、做一体化。
3.电子商务网站个案研究
网页设计是一项系统工程，它包含了从用户调研到最终上线的全过程。我将以一个电子商务网站为例，系统地讲解整个网页的设计过程。
在项目实战案例――新蛋购物网站主页制作讲解过程中。首先了解技术要点，包括（1）确定网站整体风格。（2）网页色彩搭配。（3）网页布局技巧。其次进行案例分析：随着网络的普及，网购已经火起来，给同学们阐述 “没有人上街不代表没有人逛街”的现象。同学们在这个过程中就会纷纷议论都在哪些网站上买过东西，喜欢浏览哪些网站，为什么喜欢去浏览那些网站，引出网页设计的重要性。电子商务网站作为网购的首要利器，是用户和商家的唯一互动平台。所以界面设计的好坏，对其销售额起着重要的影响作用。在授课过程中自然引入案例，要求在设计制作过程中注意体会如何运用网页配色与布局的知识来设计出人性化的购物网站。使学生能够自主学习、独立操作和自我评测。
通过对新蛋购物网站首页的制作，更加熟练的使用之前学过的技巧。深入了解页面的合理用色和颜色之间搭配使网页更有效果；图片在画面中的合理摆放；准确划分页面结构等。对前面所学的知识融会贯通，学以致用。在设计网站的时候，要分析网站的主题内容，选择符合主题表现形式的布局，采用搭配合理的色彩表现主题的风格，加上细心的构思和新颖的创意，必然可以设计出优秀的网站。
五、存在的问题和今后的设想
学生到企业学习的机会太少，没有实际开发项目的经验。每个企业都有自己的团队，每个人都有自己指定的设计项目，这就要求都得是有经验的设计师。而我们的学恰恰就缺少这中间的锻炼过程，很少会给我们中职学生提供实践的机会。这使我们中职学生不能够很好的与企业对接。
要想解决这一问题，我觉得我们任课教师必须走入企业，先接触一些开发网站的公司，在企业参观学习。在网页制作的课堂上，拿一些企业的真正案例让学生实践，制作网页配色和布局的整个流程，这样同学们才能真正的得到锻炼。让学生深刻体会网页界面布局的人性化设计，真正的将课堂变为企业的创作工作室，使学生能快速适应工作环境，提高中职学生的就业率。
参考文献
关键词：理知空间；网络界面；三维虚拟环境：界面设计
中图分类号：TU-024
文献标识码：A
文章编号：1008-0422(2009)05-0109-02
1 背景介绍
自从1991万维网(www)出现以来，相关技术及其应用一直呈现着革命性的进步。展现出蓬勃生机和无限潜力。但是网络界面一直相对稳定地保持着以浏览器、按钮、图形和文字为构件，以视窗为框架的基本形式。界面设计师应该以一种前瞻的态度来审视现有的网络界面设计，开创设计新思路，从而在界面设计方面为未来新技术的发展提供铺垫和激励。
2 文献综述
在Webster字典里，“界面”被定义成为：
1)分割两个物体，空间，或相态的边界：
2)一些独立的，又往往不相关的系统相互接触，相互作用，又相互交流的场所。
可以看出，第一个定义强调了界面的几何特性，第二个定义强调了界面的功能特性。因此，界面设计应围绕着不同的但又相互联系的三个方面――视觉性，功能性，及实用性。其中，实用性本是人―机界面的功能性的一个重要组成部分。
Mullet and Sane(1995)指出，在包括图形设计，工业设计及室内设计在内的各类视觉设计领域中，许多设计原则都非常适合用于处理图形用户界面设计的问题。然而，在现有的以视屏窗口为基础的图形用户界面设计当中，其以二维构型为主体的基本形式极大地限制了室内设计原则的应用。
三维的应用在界面设计中逐渐出现，比如，在Tactile 3D界面中，(http：//tactile3d.corn/)，用户可以在一个三维环境中方便地进行各类文档操作。Bowman，et.al(2004)从技术的角度对三维用户界面做了全面的概述，并对其中的硬件设备及软件技术，以及三维互动技术的设计原则进行了探讨。这些技术方面的进展为网络界面设计方面的研究提供了难得的机遇和挑战。
3 理知空间及网络界面的特性及设计要素
本文的一个基本前提在于把“网络界面”理解为一个联接实体及虚拟世界的复杂时空环境。由此，网络界面的“虚拟性”及“互动性”能够通过利用三维环境的丰富空间特性从而获得超越传统上二维图形及文字说明(本质上一维)等方式的表现效果。
作为以三维空间为背景的卓越艺术形式，建筑和室内设计与网络界面中的虚拟环境设计有直接的可比性和通用性。不仅如此，在一个更抽象的层面上，实体与虚拟三维环境的相关性可通过“理知空间”的概念进一步理解并得以强化。
本文引入一个“理知空间”的概念来理解网络界面环境及其与实体和虚拟环境的相互关系。具体而言，我们把理知空间定义为多重实体环境以及它们的多层次多角度的具体化和抽象化形式的总和。而网络界面则可理解支持实体及虚拟空间之间相互作用的基础环境。由此，网络界面必然地在一定程度上继承了实体空间，虚拟空间，甚至理知空间的各种空间及功能特征。参考图1显示了理知空间，实体空间，虚拟空间及网络界面之间的逻辑关系。
基于上述理论框架，我们不难提炼出网络界面的七大基本特性：
1)共生性：多重结构，多种形式可并存于一个网络界面当中。
2)高维性：如果说虚拟空间可被抽象地理解为一个复杂的数据库，那么数据的可视性则需要经由网络界面来实现。数据库的复杂性直接地导致了界面环境的高维性。
3)动态性：网络界面时时刻刻通过动态的方式来表述或控制信息的输入输出。动态性也可理解为网络界面的时间维。
4)互动性：界面最关键的动态性是通过人一机互动而实现。由此，用户指令可通过界面传达，而指令的执行结果也通过界面得以反馈。
5)变换性：网络界面中的对象不必遵循实体空间中通常的物理规律，从而其几何特性可通过各类简单变换而相对灵活地改变。
6)多重尺度：由于网络界面可包含多重虚拟或实体空间以及它们之间的各种相互作用，人们往往需要有多种方式来进行评估或量化，
7)“病态结构”：在参照传统经验的时候。复杂的网络界面结构往往会呈现出异常特性，以万维网页为例，由网络联结连接的网页具有比任何书本格式更为复杂的拓扑结构，因为后者本质上是线性的，换句话说，只是个一维的结构形式。
以上总结的七大特征可引申出以下关于界面设计的四条基本建议：
1)关于界面符号及几何对象的设计
符号及几何对象的应用有其审美上和功能上的需要。通过对界面环境的多重性，高维性及互动性的认识，我们能够自然地理解为什么网络界面中三维环境能够较二维环境更为有效地用于表达复杂信息，支持人一机互动，进而模拟实体世界中的切身体验。
2)关于界面智能设计
网络界面的智能性决定了人一机系统的功能性。如果没有智能性，上述符号和几何对象不过是没有大脑的躯体，不具有完备的功能性。
3)关于界面性能设计
认识到网络界面仅仅是连接实体与虚拟空间的场所，设计者必须考虑到隐藏在网络界面以下的系统本身的性能特征(例如中央处理器的速度，网络带宽等)，从而保障上述所提及的智能性具备充分的系统软硬件支持。
4)关于界面虚拟性设计
尽管三维虚拟环境能够很大程度上借鉴人们在实体三维环境中的经验，虚拟环境同时也具有一些与实体三维截然不同的特征。合理利用这些特征可以成为进一步提高网络界面实用性的重要手段。
三维虚拟环境的引入为实现上述界面特征以及应用上述设计原则提供了广阔前景。具体而言，三维虚拟环境能够让用户重温置身于实体世界中的体验，而这种体验帮助用户对新的界面系统更快地建立认同感，更方便地定位和浏览，从而对使用本系统更有兴趣。其次，三维空间的采用能够更为有效地组织和表现复杂信息。此外，在三维环境中人一机互动可通过连续光滑的运动而完成，智能性可由此而得以更充分的实现。
本文在理论探讨之外也开发了一个包含三维环境在内的界面设计原型，用以校验文中所提及的各种概念。鉴于目前三维购物网站仍很缺乏，而其间最大障碍是基于网络资源方面的限制，本文以此为出发点来探索未来三维化网上购物环境设计的一些可能性。
本设计是在文中提出的四条原则的指导下完成，包舍了作者对网络界面七条特征的理解。一个具体设计目标在于通过合理地结合二维、三维以及文字描述等方式来有效地组织表现信息，并为用户提供一个方便、愉悦的网上
购物环境。
在本设计中，我们尽量保持主界面的单页感受。图2概括了主界面的逻辑结构。首先主界面横向分割成两大模块：左为定位模块，右为购物模块。定位模块又细分为四个区域。其中第四区为三维商场，在整个界面中处于核心地位。另外三个辅助区域提供各项便利手段。其中，区域一支持文字定位方式；区域二根据用户位置实时提供商场信息；区域三陈列三维商场的平面图，并支持用户在商场内各摊位之间随意跳跃。这些区域之间的协同合作为用户营造了方便而丰富的购物氛围。显然，该商场平面规划及三维区域中的摊位设计，自然而然地直接用到建筑和室内设计的各项知识和经验。根据主界面的逻辑结构设计的网络界面样板。
为了体现网络界面变换性的应用，我们设计一个横向滑动的滑标来控制空间变换，从而达到迅速定位的最佳效果。具体而言，通过移动滑标，用户可以根据自己的需要来调整商场中各摊位的大小及其相对位置，从而使得商场摊位陈列与用户的兴趣保持一致。这样既保持了平面图的整体美观性，同时又具备了辅助定位的功能。此外，这个商场的平面设计中所包含的自相似性使得该商场具有良好的延展性。而由滑标实现的空间变换则在个体摊位层面上保证了高度的公平性。
关于虚拟性的设计，我们在三维区域中给每个摊位设置了一个转动环，当鼠标置于环上，整个购物单元顺时针旋转，并依次展现不同的商品。显然，在现实世购物环境中，这样的装置是既不现实又不适用的。
4 结论
尽管计算机屏幕是一个二维平面，网络界面仍然应当理解为一个具有一些明显特征的多维环境，而此环境的三维表现赋予界面用户以“走进”屏幕并享受由第三维数而衍生的丰富信息与功能。换句话来讲，三维空间模型在网络界面设计中的应用，为理解和体现“理知空间”的复杂性提供了一系列强有力的手段，而传统的设计领域，特别是建筑及室内设计在这个过程中有着不可替代的地位。
参考文献：
[1]Bowman, D.A., Krui]ff, E., LaViola, J.J., &Poupyrev, I., (2004). 3D User Interfaces:Theory and Practice. Addison-Wesley.
[2] Mullet, K., & Sano, D., 11995). DesigningVisual Interaces. Sun Microsystems, Inc.
[3] Tactile3D file browser: 省略
关键词：高校；信息系统；界面
随着高校招生规模的扩大，教学管理的复杂度也越来越高，在日常的教学管理工作中产生了数量庞大的教学数据。为了应对这种情况，我国的高校逐渐开始引入基于网络平台的教学教务管理系统，以实现教学各个环节的信息化管理。教学管理系统不仅简化了教学管理的工作流程，也降低了教学管理的工作强度，从一定程度上改变了传统的教学管理工作模式。信息管理系统的出现使得行政人员、教师、学生都能够从中受益，信息系统可以帮助相关人员高效地完成日常教学常规工作。在这个过程中，人机操作的界面则扮演了人机交互的桥梁作用，但是信息管理系统的交互界面恰恰又被很多的信息系统所忽视。
1高校教务管理信息系统界面设计现状
目前，各高校使用的教学管理系统多由专业的软件公司进行开发，以产品的形式向各客户院校进行提供，客户学校根据产品的具体情况进行二次定制以适应本学校的管理模式。这种二次定制能够在一定程度上使软件的工作模式与客户学校相贴合，但这种二次开发却更多的是停留在模式与流程上对软件进行修改。在软件的表现层上却忽略了软件界面与本地用户的贴合度，造成了用户体验下降。
1.1界面设计理念陈旧
界面是人机交互的重要交互媒介，伴随着计算机技术的发展而发展迅速。随着计算机软件和硬件技术的发展，界面大致分为了手工交互、命令行交互、图形交互、综合交互四个阶段。目前，基于声音、光、手势等的综合交互界面已经出现，但是受制于硬件水平，绝大部分的交互界面依然是图形交互界面。图形交互界面的设计从交互逻辑上，已经由线性的菜单式的分级界面转向了扁平化与导向式的逻辑交互。其次，在交互设计风格上，从拟物化的风格逐步向注重信息展现的现代交互风格。以手机交互系统为例，三个主要的交互系统IOS、Android、Windows均向扁平化现代交互风格转变。这种设计风格的转变更加注重操作体验，其采用的导向式的操作逻辑极大地降低了系统的培训成本，有助于帮助计算机水平参差不齐的操作人员很快地适应系统的操作。目前，高校使用的信息管理系统大多采用了传统的拟物化、线性操作逻辑的界面。这种操作界面项目繁杂，随着信息管理系统管理项目的增多，会产生较多的功能分支，表现在其误操作的上升和用户体验的下降。例如，在图1这种传统的界面设计中，设计人员对各个功能项目进行了简单的罗列，各二级功能置于主目录下方，导致了较多的功能项目，从而不利于对于管理人员的技术培训，实践证明对于这种界面的培训成本非常高昂。
1.2设计风格落后
在设计过程中，色彩、材质、造型等一系列设计元素所呈现出的一种美学感受可以体现出产品的设计风格。设计风格体现在计算机软件产品上，通常指的是软件界面的设计元素――色彩搭配、线条设计、图标排列等元素结合时体现出的一种美学感观。在计算机软件系统的设计上，极简主义已经逐渐占据了设计潮流，色彩运用平淡柔和，线条和图标都追求抽象化处理。对于高校的信息管理系统来说，其需要处理的信息量较多，容易产生疲劳，对于配色和线条等设计元素更应当采用较为抽象扁平的设计风格。但是，目前的很多信息管理系统采用了原色搭配，色彩对比度较大，虽然有醒目的作用，但是容易产生视觉疲劳，同时在操作时，计算机鼠标点击的反馈动画较少，不宜提升操作的效率。
1.3不关注普适设计
高校使用的信息管理系统大多由专业的软件公司以产品的模式进行售卖，对于用户的本地化操作却产生了一定的障碍，其产品未必符合用户单位的实际情况。许多信息管理系统需要进行二次开发，才能在工作模式上满足用户的需求。界面设计上更是如此，对于界面的元素缺乏调整，字号字体与操作模式缺乏客户选择项。
1.4不同系统的界面集成度不高
高校的信息管理系统不可能是一个独立的单一系统，以笔者所在的学校为例，它由教务、学生管理、档案、论文、实践、教材征订等多个子系统组成。各子系统之间的界面各不相同，由不同的厂商进行开发维护。从界面的设计语言来看，设计语言涵盖了ASP、PHP、ajax等不同的设计语言，其界面设计风格各不相同，操作逻辑也不一样。对于这种松散的管理系统来说，这种界面风格不统一的系统无疑会对日常的管理工作造成一定的困难。
2高校管理信息系统的设计原则
2.1贯彻以面向用户为中心的设计理念
UCD（User Centered Design）是指在设计过程中，以用户体验为设计决策的中心，强调用户优先的设计模式。高校信息管理系统面对的用户通常涵盖了高校的各个用户层面，其中包括高校行政管理人员、高校的教师和学生群体。高校信息系统的建设从界面的定制设计上也应当体现出以用户为本的设计理念。界面的设计不应以管理层的便利度来衡量系统界面的有效性，而是应以用户的操作体验度的高低来衡量系统的可靠性和有效性。
2.2贯彻通用设计原则
通用设计，是指一种对于产品的设计和环境的考虑是尽最大可能面向所有的使用者的创造设计活动。通用设计要求设计者充分考虑产品所面对人群的各种情况。高校的信息管理系统需要面对的用户年龄层次不是一个单一的年龄层次，其包括了青、中、老年人群。这种用户结构导致用户群在其生理能力上具有明显的差异，其视力能力、操作能力、记忆能力各不相同。对于设计者来说，必须考虑到不同人群的操作差异，在设计界面上做出合理的安排，即通过模式选择、界面定制、色彩提示等手段来弥合这种生理差异。同时，在系统中做出一定的辅助功能来对操作障碍进行辅操作。
2.3注重“再设计”环节对系统进行整合
“RE-DESIGN”是以重新审视已经存在的日常用品为目的的设计，这种设计理念来源于设计师的设计反思环节。这个设计环节要求设计师和用户对已经存在的产品、系统进行反思，通过对产品进行“再”设计，从而将产品调整到最佳的工作状态上。再设计不仅仅可以修补设计师在初次设计时所产生错误，也可以对产品的设计理念进行修改，通过不断的修改和调整将产品和界面调整至一个多方用户群都可以接受的平衡状态。
3对高校信息管理界面的设计建议
3.1以导向任务式代替传统的选择式界面
高校信息管理系统具有项目复杂，流程严格的特点，并且大多以工作时间为线索进行排列。以毕业论文系统为例，学生的整个论文流程大致包含了题目拟定一开题环节一中期检查一初稿审查一二稿审查一终稿审查一学术一答辩与评分等环节。这种以时间排序的档案管理系统如果在实际中采用罗列式的界面设计，会造成学生材料提交不全，用户培训和使用有困难，提交时间不契合等情况。并且，对一些计算机水平不高的用户，会造成使用障碍。如果换用引导式界面设计，可以严格控制工作环节，并且对于用户的工作安排能够有一个非常清晰明快的指示。
3.2采用简洁化的设计界面
高校的信息管理系统往往产生大量信息，在界面设计时并不适合采取具有大量装饰风格的设计。装饰拟物的设计风格在视觉上易对信息本身产生关注上的干扰，操作人员往往被细枝末节的装饰细节所吸引。目前的扁平化、简洁化在界面设计时应当采用间接明快的设计风格，突出系统的信息展示，消除工作时的视觉疲劳。
3.3界面可定制或采用多模式预定制
由于高校信息管理系统面向的使用者涵盖了青中老等年龄阶层，使用者的计算机操作水平参差不齐，使用者的使用习惯各不相同。在进行界面设计时，需要对界面中呈现的信息元素采取可定制的操作模式，对于字体的颜色、大小等属性应当给予用户修改权限，或者对界面采取预定制。设置简单用户、管理用户、专家模式等不同的管理界面，这样可以满足不同操作水平用户的操作需求。
3.4提高系统的适配性
高校信息管理系统应当具有跨平台的适配性，特别是基于网页的信息管理平台更是如此。在系统上线前应当对本学校的计算机平台进行一定的调研摸底，统计主流的操作系统与浏览器系统的型号，对主流使用的操作平台进行设备适配，防止出现乱码和不兼容问题的产生。
3.5加强辅助与提示
高校信息管理系统应当注重其提示功能的设计，对于项目输入项的错误进行色彩或声音的提示。增加系统的辅助功能，对视力不佳的用户人群应当增加诸如“放大镜”“语音阅渎”等方面的功能，充分照顾老教师群体。
3.6注重系统的测试和调整
高校信息系统不是一蹴而就的，在系统上线之前，应当进行一定强度的试运行以测试界面与系统软硬件的可靠性，以便查找缺陷和修复错误。而系统正式使用以后，也应当积极进行调研，听取用户、老师、学生、管理人员的操作反馈，对一些设计不合理处进行修改和调整，让整个信息系统的维护进入一个良性的过程。
【关键词】电子商务 界面要素 色彩情感
浏览一个电子商务网页时，界面的颜色能带给浏览者最直观的感受，色彩设计和谐与否直接影响观众观看的兴趣。不同的色彩搭配可以表达各种各样的情绪，唤起人们一系列的情绪反应和感染的影响，达到视觉传达的目的[1]。
人们通过界面中各个要素的色彩，感受到色彩情感所带来的无穷魅力，感受到设计师通过网站界面所传达给浏览者的情感交流与互动，正是这种“以人为本”的交流与互动，给人们带来了追求和谐境界、理想生活的新方式[2]。设计师必须对色彩情感进行准确的运用，根据浏览者对色彩所产生的情感的喜好与否，来决定网站界面设计时所采用的色彩。在电商网站界面要素设计中，只有通过正确的色彩运用，才能使网站界面表达出正确的色彩情感，网站界面色彩情感才能真正的吸引浏览者。
一、 电子商务网站的LOGO
在互联网领域而言，LOGO是标志、徽标的意思。网站LOGO，是互联网上各个网站用来与其它网站链接的图形标志[3]。一个网站来说，LOGO即是网站的名片，更是一个追求精美的网站的灵魂所在，是网站形象的重要体现。一个好的LOGO往往会反映网站及制作者的某些信息，特别是对一个商业网站来话，我们可以从中基本了解到这个网站的类型、内容。在一个布满各种LOGO的链接页面中，这一点会突出的表现出来，通常人们会选择鲜艳的色彩作为标志用色，有时候为了更突出，LOGO也可以使用与主题色相反的颜色。总之色彩能使人产生联想，利用色彩的情感，可以更好地表达LOGO的视觉效果，引起人们对本电子商务网站内容的兴趣进而影响人们的选择。对于网站LOGO的设计，我们通常会利用以下几种情感进行色彩搭配：（一）利用色彩的兴奋感。一般来说暖色比较容易引起心理亢奋和积极性，属于兴奋色。其中朱红色最具兴奋作用，其它明度、纯度较高的颜色如黄色、橙黄也具有一点的煽动性，倾向于兴奋色。明度，纯度都偏低的颜色也倾向于冷静色，冷色比较具有压抑感，令人消极、冷噤、理性。兴奋色在电子商务网站中用得较多。（二）利用色彩的明。明度高、对比强的色彩和纯度偏钝且色性偏暖的色彩会给人明快的感觉；阴郁的色彩则是明度低且昏暗浑浊的色彩。LOGO通常选择纯度适中、明度高、对比强的色彩，会让观者感到活泼、愉悦，让人心情愉快地接受本网站的传达理念。（三）利用色彩的前进感。等距离地看两种颜色，经过视觉比较，就会感觉出不同的远近感。据不完全统计发现，电子商务网站LOGO使用前进色的比例远大于后退色。比如淘宝网的橙红色、麦包包网的大红色都是属于前进色，有很强的视觉冲击力。
二、电子商务网站的导航
网站导航是网站的灵魂，导航明晰是网站界面设计的默认规则，在电子商务网站中也不例外。网站导航使网站栏目内容清晰，方便用户根据不同分类的信息来选择自身的浏览路径。网站的内容，都必须通过导航或者页面中的一些小标题。艾瑞咨询集团 基于用户调研数据建议，电子商务网站在设计时应该遵循几个要求，比如尽量使用一级分类，让用户更易感知明确的信息，同时降低用户鼠标操作难度；重视面包屑导航设计，明确告诉用户当前所处于的位置等[4]。我们可以使用对比强烈的色彩，吸引浏览者的视线，让他们感觉网站清晰，明了，导向准确，可以帮助用户更快更准的找到所需信息。从色彩情感的角度讲，可以简单的使用色彩的强烈对比完成导航色彩的搭配，特别是明度的强烈对比。比如聚美优品、京东商城、乐蜂网，这三个网站的导航部分，尽管选择了不同色彩搭配，但是色彩搭配上明度对比都很大。
三、电子商务网站的搜索区域
站内搜索功能是电子商务网站非常重要的功能之一，尤其是较大的网上购物商城。为了网站销售，必须使游客能够精确找到他们需求的商品。搜索区域最常见的部位是在在页面的顶部，或者右侧，处于比较明显的位置，常用四周留白的方式或颜色凸显的方式加以设计表现。许多搜索引擎和一些电子商务网站都在实行搜索建议。浅灰色成了输入提示建议的代表性用色，各大网站中都有这种情况。在浏览者将部分搜索词输入搜索框就给出建议，使他们更明确自己的目标，并不断修正使用正确的词或短语，将想要的商品现实出来。
四、电子商务网站的促销推广要素
在实物平台类的电子商务网站中，实物展示板块，促销推广元素到处可见。电子商务网站常推出的不同的促销策略，比如打折、秒杀、限时抢购、买就送、包邮、团购等。这些要素在界面中都是为了增加噱头，鼓励用户多购买，所以一般这些区域的色彩搭配跳跃性都很强，常选择色相对比、明度对比很大的色彩，
五、电子商务网站中的图标、按钮
引导性的按钮与图标[5]，要突出，要具有点击感。比如在电子商务网站里的 “购买”按钮，浏览者在购买产品界面的时候，红色的购买按钮，会让人有点击的情感冲动。色彩设计也要尽量考虑用户心理，通过研究发现红色的按钮和图标更能引起人们的注意，更能吸引视觉停留。
参考文献：
[1]时少波.论品牌推广中的色彩作用[J]，包装&设计， 2008，（06）.
[2]Bill Moggridge. 《Designing Interaction》[M]. 美：Mit Pr ，2008.
[3]邓有林.浅谈网站设计中LOGO的制作[J]保山师专学报，，2005-09-30.
[4]中国独立电子商务网站研究报告简版 2009-2010 年. [EB] iResearch Inc. 2010，（3）.
[5]林锐，唐勇，石志强，Web软件用户界面设计指南/博文视点[M]，电子工业出版社，2005-5-1.
关键词：精品课程；评审指标；网站设计；自定制
0 引言
精品课程建设是教育部在新世纪为提高教育教学质量而采取的新举措，优质的课程资源共享将会提高全国课程质量的整体水平。实施精品课程建设对于提高高等学校人才培养质量，改进学校育人环境，激发师生工作学习的积极性和创造性，有着重要的作用。目前各高校都在进行的专业建设，最终也将体现在课程的改革与建设上。课程建设成果的对外表现形式，就目前来讲以精品课程网站居多。互联网上精品课程网站各式各样，但其内涵都是围绕着国家精品课程评审指标。为每一门课程都开发一个网站，费时费力，另外，目前很多精品课程网站都是静态的，网站的改版、更新的难度较大，工作效率低。为解决这一系列的难点，减轻课程负责人的管理难度，结合各个课程的共同点，提供一个可统一的、具备后台管理的、比较完善的公共平台对课程管理是非常必要的。它可以大大简化对课程站点的管理、更新流程，提高管理人员的工作效率，降低管理难度。
1 精品课程网站设计原则
精品课程评审的依据是精品课程申报表、课程整体设计介绍录像、课程教学录像和网络课程教学资源。上述各项均围绕评审指标进行设计，课程网站的设计也要体现《国家精品课程评审指标》的内涵。
在设计精品课程网站时需要掌握一定的技巧，以下具体进行阐述：
(1)课程主界面设计
课程主界面的栏目设计没有固定的界面布局，但是有以下几个原则需要遵循：
①评审的六个一级指标需设计成主页界面的主要导航区的栏目，并且每个一级评价指标都要出现在导航区中。
②课程特色与创新、教学创新、设计录像和教学录像与一级评审指标分开显示，对应的链接标记要醒目，以突出课程建设特色和设计思路。
③课程的二级评审指标应尽可能出现在对应的一级指标的下一级导航区内。
(2)课程设置
课程设置包含课程定位和课程设计两个二级评审指标。
课程定位主要阐述以下3个问题：
①课程的人才培养目标，重点强调高技能人才的培养；
②专业相关技术领域的职业岗位(群)，及其任职(职业能力)要求；
③阐述与其他课程之间的衔接关系；
课程设计主要阐述以下两个问题：
①课程重点培养的职业能力，并对每一种职业能力进行细分，最好能分解到技能层次。
②突出基于工作过程的课程设计与开发，解释该课程设计的三个特性：职业性、实践性和开放性。
(3)教学内容
教学内容模块应包括内容选择、内容组织两个方面：
①教学内容选择说明选择的依据――完成职业岗位的工作任务所需要知识、技能和素质。
②内容的组织过程就是学习性工作任务(学习情境)的设计过程。
(4)教学方法与手段
教学方法与手段包含教学设计、教学方法、教学手段和网络教学环境等四个二级指标。
①教学模式重在设计和应用各种工作导向的教学模式，如工学交替、任务驱动、项目导向和课堂实习地点一体化等。
②教学方法要灵活运用案例分析、分组讨论、角色扮演、启发引导等教学方法。
③教学手段强调利用运用现代教育技术和虚拟现实技术建立仿真教学环境。
④网络教学环境体现在两个方面：硬件环境能够支撑网络课程的正常运行；网络教学资源丰富。
(5)教学队伍
教学队伍包括主讲教师和教学队伍结构：
①主讲教师要突出名师，强调主讲教师的教育研究论文或教学改革项目，还要突出与企业合作的项目等。
②教学队伍强调“双师型”的教师比例，以及来自行业企业的兼职教师比例；另外还要强调行业企业兼职教师承担适当比例的课程教学任务，特别是主要的实践教学任务。这些比例最好用图表可视化地显示出来。
(6)实践条件
实践条件包括校内实训条件和校外实习环境两个二级评审指标：
①校内实训条件主要考查是否具有满足课程生产性实训或仿真实训需求的设备和环境。
②校外实习环境主要看布点是否合理，功能是否明确，是否能为课程的实践教学提供真实的工程环境，使学生了解企业实际、体验企业文化的需要。
(7)教学效果
教学效果包括两个二级评审指标：教学评价和社会评价。
①教学评价主要包括校外专家、行业企业专家、校内督导及学生的评价，并且评价的结果为优良。
②社会评价主要指社会认可度，主要体现在能体现应用价值的学生实训或实习产品，课程对应或相关的职业资格证书或专业技能水平证书获取率高，相应技能竞赛获奖率高。
2 网站总体设计
本文的主旨是围绕精品课程评审指标开发自定制的课程网站，自定制体现在网站形式和内容的灵活性，根据课程负责人个人需要自行设置。课程网站分两大模块，用于展示的前台和作为课程管理的后台。设计思路如图1所示。
2.1 前台设计
前台主要展示精品课程的设计内容，各模块的功能相似，主要是数据的显示，显示的数据来自于后台通过编辑器编辑的各类文档和一些特殊的数据，如：ppt、ppt和视频同步播放、flash等。特殊数据主要来源是管理员通过上传、编写、自制的。
(1)首页组织
首页分头、主体、脚三部分，该页的大多数内容取自数据库中的“首页表”。头部包含logo和导航条。其中logo图片是用户通过后台上传的；导航条是用户在后台定制的一级菜单，其显示顺序也是后台指定的。
主体部分包含用户登录、课程介绍、最新公告、突出显示的内容(课程特色与创新、教学创新、设计录像和教学录像等)、课程动态以及相关资源。
脚部：包含外部相关网站的logo及其网站信息。
②子页设计
子页头部与首页相同，主体左边放置二级菜单以及多级菜单来展示站点全部内容，右面根据左边点击的菜单显示相关内容。当用户点击导航条一级菜单时，左面显示相应的二级菜单，右面显示第一个二级菜单的内容；如果二级菜单下含有三级菜单，则当单击二级菜单后，二级菜单下会显示相应的三级菜单，右面显示第一个三级菜单相关的内容。显示菜单的内容需经过几次判断，流程图如图2所示。
由图2可知，菜单类型不同，处理方式也不同，分别阐述如下：电子课件：从数据库中选择课件存放位置，取出ppt并嵌入到页面中。
课程录像：从数据库中选择录像存放位置，加载视频播放插件，播放视频录像。
网页编辑：从数据库选择存放的该网页的代码，显示在页面中。
列表编辑：从数据库中选择列表内容罗列在网页中，如果含有附件查出附件所在位置，链接到相应到列表内容。
2.2 后台设计
后台根据课程的不同由课程负责人自定制网站内容，包括首页定制、用户管理、菜单管理、网页编辑、列表编辑、电子课件、教学视频等，以适用为主。界面美观不做太多要求。
首页定制主要是设置头部的Logo、脚部相关链接网站的Logo及链接网址、网站版权信息、课程介绍、以及突出显示的几个选项。
用户管理模块设置用户名、密码、用户权限以及用户的增删改功能。
菜单管理主要是用来维护数据库中的“菜单表”，设计菜单的名称、级别、类型、涉及的表和字段、显示的页面等。
网页编辑是对“网页编辑”类菜单的内容进行详细的设计，嵌入网页编辑器，由课程负责人根据课程特点自行编制，网页编辑器产生的代码存入数据库中。
列表编辑是对“列表”类菜单的内容进行详细的设计，主要是上传文件等。
电子课件、教学视频的上传工作需单独处理，需设计单独的显示页面。
2.3 数据库设计
数据库的设计主要考虑网页的自定制功能，主要有七张表，用户可以根据实际情况进行扩充。七张表格主要存储内容表述如下：
用户表：主要存放进行后台维护的课程负责人的用户名和密码。
首页表：存放首页相关的图片位置、版权信息、课程简介等内容。
菜单表：网站的自定制功能主要体现在菜单表中。菜单可以自定制，网站的内容可以灵活多变。菜单表主要存放菜单类型、与该菜单相关的内容所存放的表和字段等。
网页编辑器代码表：存放用户自定制网页的代码表，是通过网页编辑器转换的代码内容。
内容列表：存放用户列表类菜单对应的列表以及与列表相关的文件存放位置。
电子课件表：存放电子课件的章节和PPT存放位置。
课程录像表：存放录像的章节和录像或flash的存放位置。
3 结束语
该系统是在对《国家精品课程评审指标》进行仔细研究的基础上，本着节约时间、提高效率的原则而设计的，具有很高的灵活性和可重用性。
关键词 网上银行 用户行为 可用性
中图分类号：F832 文献标识码：A
User Behavior Analysis of State-owned Banks' Online Banking
QIN Jingyan, YANG Lin
(University of Science & Technology Beijing, Beijing 100083）
AbstractAs the booming of state-owned banks' online banking, more and more users require good user experience and usability target needs. The research focuses on user-centered design method, user-friendly experience, high efficient, precise direct manipulation and reasonable human-computer interaction. Through Between-subjects test method and in-depth interview, the research takes usability testing online banking tasks and analysis online banking users' behavior and consequently provides online banking usability and interactive interface design guidelines.
Key wordsOnline banking; use behavior; usability
0 前言
对于高速发展的时代，数字化带来的便捷毋庸置疑。个人网上银行的存在，为无数的银行用户带来了便捷，节约了交易成本。查询余额、网上缴费、买卖基金等以往在银行柜台才能进行办理的业务，现在用户只需点击网页，就可以轻松进行。为用户提供全方位、全天候、便捷、实时的金融服务。
网上银行是利用互联网将客户的电脑终端连接到银行网站，实现将银行的金融服务直接送到客户办公室、家中和手中的金融服务系统。①随着10多年的发展，网上银行的功能逐渐成形，人们在满足了功能需求后逐渐对网银的使用要求有所提高。网页中需进行操作的金融业务部分，用户往往比浏览性网页要谨慎许多，设计的可用性要求也要提高很多。用户希望在使用网上银行时不会因为网页设计的问题而导致误操作，造成损失。良好的网银用户体验与用户行为的分析将是本论文的重点研究对象。本研究通过网银用户的可用性测试，找出现在国有商业银行中网上银行的相关问题，并分析与其用户行为相关联的可用性与用户体验问题，从而为以后的网上银行的交互界面设计及用户体验设计提供依据。
1 研究方法
本次测试主要采用受测间法及深度访谈法。首先采用受测者间 (Between- subjects)方式进行，②③针对三个国有商业银行网站进行任务操作，以四项基本的使用功能为主，计时测量受测者对于操作的流畅性等问题。受测者进行操作时采用非参与式的间接观察法，测试人员与用户研究专家通过实验室中观察室里的单反玻璃，对受测者进行观察。最后对受测者进行深度访谈。在访谈过程中通过一对一的方式更加直接并深度了解受测者对于使用过程中的感受，使用行为及结果的动因，任务完成情况背后的以往的用户相关体验等问题。
1.1 测试任务
三个银行网站各邀请8 位未使用过此网站界面的受测者进行。本次测试主要对中国国有商业银行中的三家网上银行进行测试：（1）工商银行个人网上银行；（2）建设银行个人网上银行；（3）中国银行个人网上银行。根据可用性测试原则，设计测试任务，筛选受测者，设计测试脚本，构建实验室测试环境，最终根据招募受测者的具体情况，确定每个银行的测试任务为：任务一：查询账户余额；任务二：账户明细查询；任务三：同行间转账；任务四：跨行转账。
1.2 受测者分析
此次研究的受测者年龄为22~26岁，此年龄段的用户占网银使用用户的30%。受测者有使用网上银行的经验，但都未使用过被测银行的网上银行。在筛选用户过程中，遵照对比研究的思路，选取熟练用户与间歇性用户进行可用性测试与用户行为的分析。
1.3 受测者使用现况分析
本次测试全部采用使用过网上银行但未使用过被测银行网上银行的受测者，避免长期使用出现的经验及习惯对于测试任务的影响，尽量减少经验误差与练习误差的影响。
2 测试结果及分析
2.1 任务一：查询账户余额
账户查询是网银使用中的最基本功能。余额查询任务中中国银行的受测者使用时间最短平均为3.5秒，而建设银行的使用时间最长平均为6.7秒。中国银行（图1所示）将账户余额直接显示，无需操作即可看到。工商银行将账户余额查询的按钮直接放在账户信息的右侧，可以让受测者方便迅速的找到按钮，快速点击进行查询。而建设银行（图2所示）则是多个账户公用按钮，将余额查询按钮放在账户信息表单中的最下方，受测者必须扫过所有账户后，点击选择需要查询的账户，再进行查询。使受测者在查询过程中的点击步骤增多。且多个受测者在进行测试时，在没有点击选中账户点击下方按钮时无反应。受测者不明确此时为什么此处为什么不能进行点击，无法进行正常的操作。
在此任务中，可发现受测者对于直接展示信息的页面使用时间最短。而进行多个点击操作的页面，使用时间会逐渐加长。对于信息展示的内容，可直接显示信息，去除多余操作。若必须要进行操作，操作途径应明确清晰，减少用户误操作。
2.2 任务二：账户明细查询
账户明细查询任务中中国建设银行的受测者使用时间最长为1分20秒，而工商银行与中国银行的使用时间几乎相同（43秒、49秒）。工商银行与中国银行都将明细查询的按钮放置在账户信息右侧，方便用户的快速查询。而建设银行依旧是多个账户共用按钮，将明细查询按钮放置在账户信息表单的最下方。且由于建设银行对于有子账户的银行账户不可以直接查询明细（必须选择一个子账户进行查询），使得很多被测者在没有选择子账户的情况下不知道为什么按钮不可以点击，从而造成了使用时间的增长。通过时间的对比即可发现，将内容相关的操作就近放置，能够大大减少操作时间。且单个内容对应多个操作（工商银行、中国银行）远比多个内容对应多个操作的方式（建设银行，图2所示）更加方便。
2.3 任务三：同行间转账
同行间转账任务中中国银行的受测者使用时间最短平均为1分18秒，而建设银行的使用时间最长平均为1分58秒。由于中国银行的网站导航（图3所示）架构浅且窄，受测者很容易就能够找到测试任务的所在。而工商银行的一级导航过多使用于出现查找不便的现象。建设银行的导航（图4所示）架构层级较为适中，但由于在转账中的导航命名较有歧义（“活期转账汇款”“定活互转”），使很多受测者出现了疑虑，更有甚者出现了错误操作，进入了错误的入口。含糊的命名是受测者只能通过猜测或者尝试进行操作，往往要进行多次才能找到正确的入口，增加操作时间。
本文为全文原貌 未安装PDF浏览器用户请先下载安装 原版全文
2.4 任务四：跨行转账
图5工商银行跨行转账页面
图6中国银行跨行转账页面
跨行转账操作由于需要输入多个信息，所以是几个任务中使用时间最长的。跨行转账任务中工商银行的受测者使用时间最短平均为2分17秒，而建设银行的使用时间最长平均为2分45秒。工商银行（图5所示）与中国银行都在表单显眼的位置提供了收款人账户开户行的查询，使得用户缩短了此处表单的输入时间。然而中国银行（图6所示）在表单中要求受测者进行重复输入收款账户号，使得时间较长于工商银行。建设银行由于将收款人账户开户行的查询放置在提示信息中，且提示方式不明显，使用户没有注意到。用户在繁多的下拉表单中进行查找时，浪费了很多时间。
提供需要的辅助操作，能够帮助此操作更加迅速的完成。而将辅助操作放置在合适的地点，才能够让用户及时的使用。中国银行、工商银行都将它们放置在了正确的地点，使辅助工具最大作用的发挥了作用，且帮助降低了完成操作的难度。而对于不明显的建设银行，只能通过最基本的方式进行操作，但对于查找冗长的下拉菜单中的内容，会极大的增长使用时间。
3 总结
通过本次测试的几个任务进行用户行为及其动因的深度访谈分析，任务完成的李科特量表分析，我们可以从测试结果得出以下结论。（1）网站导航架构层级不易过多且每层数量均衡。网银使用者的目的较为明确，过于深的层级会使使用者无法找到所需的功能。而每层数量过多时，使用者会认为导航分类不够明确，查找不便。（2）导航命名需清晰明确。对于银行网站命名的准确无疑是非常重要的，错误或含糊的命名会使用户进入错误的入口，造成用户及银行的损失。（3）按钮的摆放位置应该更加符合就近原则。让用户能够更加快速地进行相关操作，避免过多的点击操作。同样根据视觉思维的原理，编排版式及视觉设计方面的就近布局，将会提高用户对于信息判断及信息映射方面的匹配度。（4）提供及时的反馈。④当用户不知道怎么做或者操作错误时，应该及时的给予用户帮助，减少用户的误操作。优良准确并及时的操作反馈对于提高网银用户体验起到非常重要的作用，同时也会间接提高用户对于网上银行安全性的心理预期及心理需求。
通过以上结论希望能够对以后网上银行界面使用提供帮助。本研究得到北京优迪实验室的大力协助，同时本研究也是国家自然科学基资助项目（71040014）与教育部人文社会科学研究项目基金资助（09YJC760006）的阶段性成果
注释
①陈军亮,刘伟杰,刘正捷.网上银行用户评价体系研究[J].和谐人机环境,2008.
②李倩,孙林岩,吴疆,张婧,田焱.个人网上银行的可用性测试与评价[J].工业工程与管理,2008.6.
③孙林岩.人因工程（第二版）[M].北京:中国科学技术出版社,2005.
关键词：英语自主学习；系统开发
中图分类号：TP311.52
1 本学习平台采用的开发模式
系统开发模式有两种体系结构（B/S模式和C/S模式），根据我们学院目前的开发能力和平台的实用性，本平台采用了B/S模式。B/S模式（Browser/Server，浏览器/服务器模式），这种模式是我们常说的浏览器、服务器结构，是在WEB兴起后的一种网络结构模式，WEB浏览器是客户端最主要的应用软件。这种模式统一了客户端，将系统功能实现的核心部分集中到服务器上，简化了系统的开发、维护和使用。客户机上只要安装一个浏览器，如Internet Explorer，服务器安装SQL Server2008数据库。浏览器通过Web Server 同数据库进行数据交互。Web服务器主要负责Web浏览器提交的文本请求，而浏览器只是阅读和浏览Web的工具，它是通过客户端/服务器方式与Web服务器交互信息。一般情况下，浏览器就是客户端，它要求服务器把指定信息传送过来，然后通过浏览器把信息显示在屏幕上。
采用B/S模式具有以下优点，适合本学习平台：
（1）升级和维护简单方便。当前，软件系统的改进和升级越发频繁，B/S架构的产品明显体现着更为方便的特性。B/S架构的软件只管理服务器，所有的客户端都只需要安装好相关的浏览器即可，不需要任何的维护。
（2）成本低、选择更多。大家都知道windows在桌面电脑上几乎一统天下，浏览器成为了标准配置，但在服务器操作系统上windows并不是处于绝对的统治地位。
2 英语在线自主学习平台的功能设计
依据我们学院学生情况的特点和我们生源情况，在进行自主平台设计时，我们重点考虑两个方面，一是为了满足现在的考试与课堂教学，设置的大学英语板块；一是为了满足各个专业课程学习而设置的专门用途英语板块。这两块内容均设计有下列功能：
2.1 界面设计课程教学功能
（1）大英全书。学生可以阅读文本的资料来对教师所讲授的相关知识点进行学习。
（2）英语听力。根据学生不同的基础有针对性的学习。
（3）词汇。提供大量有词汇量，由学生自主有选择性的学习。
（4）翻译。针对不同学习层次的学生，有不同的文章对应翻译，由易到难。
（5）语法。总结了英语学习过程中基础的语法，让学生至少达到会写，会用的水平。
（6）写作。在线学习写作，利用在线教你如何撰写各种外文的函件。
（7）视频资料。用户通过在线视频教学学习相关的知识点，其中也包括音频教学，用户通过网络提供的音频资料学习最基本的音标。
具体所实现的功能如图1所示：
图1
（8）学习英语的策略功能（如图2所示）。
图2
（9）不同专业英语的学习功能（如图3所示）。
图3
2.2 平台后台管理功能设计
（1）登录界面功能：针对不同的用户进行管理。
（2）教学内容修改管理：可以对教学的内容进行组织、编辑。
（3）网站维护管理：可以对网站的各类参数进行设置。
（4）数据安全管理：将网站的数据导出，并提供一定的数据恢复功能。
3 在线自主学习平台主要的核心技术
从整个在线自主学习平台的开发来看，分为前台信息的展示和后台信息的维护两方面，开发环境采用目前主流的VisualStudio2010旗舰版开发工具，后台数据库采用微软的SQLServer2008进行开发，WEB服务器使用IIS进行。下面介绍在平台实现中用到一些核心技术。
3.1 DIV+CSS技术
在管理信息系统（ManagerInformationSystem，简称MIS）开发中，简单、实用又不失美观的界面会给使用者营造好的视觉感受，在整个前台页面的设计中采用主流的WEB布局标准DIV+CSS的组合，CSS是CascadingStyleSheets的缩写，中文含义是层叠样式表，与传统的表格（Table）布局相比，可以实现网页的内容和表现形式相分离，使用div搭建框架，使用CSS定制、改善网页的显示效果，CSS是对HTML语言的有效补充，通过使用CSS，能节省许多重复性的格式设定，比如网页文字的大小、颜色及图片位置灯，都是网页显示信息的样式，使用DIV+CSS布局方法后整个页面看起来结构清晰，维护方便。目前最主流的浏览器IE6.0及其以上、Firefox、Chrome等对CSS样式的显示是完全一致的，随着技术的发展，各种浏览器都会逐步完善对CSS样式的支持，相信显示的效果会越来越好。
通俗来说，可以把我们编写的网页比喻为一栋楼房，div就是楼房的框架结构，一个一个的砖头就是一个个的标签元素，比如文字或者图片，CSS就是各种水泥和玻璃，把砖瓦合理的跟框架有机地连接在一起，DIV+CSS只是一种布局的方法，类似一种盖房子的方法。
使用CSS的好处很多，比如可以缩减代码，提高页面浏览的速度；结构清晰，对搜索引擎更加友好；支持各种浏览器，兼容性好。编写完成后的CSS文件，按照如下方法之一引入到页面中：
（1）当样式表需要在很多页面使用时，外部样式表就是最好的选择，外部样式表可以在任何文本编辑器中进行编辑，以.css扩展名进行保存，在使用外部样式的情况下，可以通过改变一个文件来改变整个站点的外观，每个页面使用标签链接到样式表，一般我们在文档的头部即处引入，使用方法：。
（2）当单个文档需要特殊的样式时，就使用内部样式表，可以使用标签在头部定义内部样式表，使用方法：样式。
使用DIV+CSS的步骤：
（1）根据设计具体的需求，设计出网页的各个区域。
（2）创建HTML页面，使用DIV在页面中将具体的需求区域设计出来。
（3）通过link语句，引入CSS文件。
（4）编写具体的CSS文件。
3.2 Frame框架
在HTML元素中，框架（frame）在进行网页制作中占据着重要的地位，类似于Windows中的资源管理器，当我们点击左边的链接时，右边就会显示相应的网页，比如我们平时工作中使用的邮箱，当点击左边的收件箱时就会在窗口的右边显示所有的邮件，非常方便操作。
在使用frame的时候，必须首先使用frameset来定义页面的行和列，在HTML文档中，可以有frameset元素或者body元素，但是一定不能同时使用这两种元素。用法如下：
其中frameset用来组织多个窗口（框架），每个框架显示独立的文档，frameset元素规定在框架集中存在多少行或者多少列。
3.3 介绍
是dot NET Framework的一部分，属于微软公司处理服务器端脚本的动态网页开发技术，运行在IIS之上，首选的开发语言是C#（读做C sharp）和，同时也支持多种语言的开发，由于其具备很多的优点，比如跨平台性、简单易学，得到程序员的青睐和好评。
3.4 Visual Studio开发工具
Visual Studio是微软公司推出的开发环境，是目前最流行的Windows平台应用程序开发环境，支持NET Framework4.0，后台数据库可以是Microsoft SQL Server，也可以是IBM DB2和Oracle，目前Visual Studio2010有五个版本：专业版、高级版、旗舰版、学习版和测试版，本次开发使用Visual Studio2010旗舰版，开发语言使用经典的C#，是一款灵活高效的全新IDE（Integrated Development Environment，中文名称：集成开发环境）。
3.5 后台操作
在后台设计时，主要考虑的是功能和安全性，在后台中主要设置三种不同类型的操作者，分别是教师、学生和超级管理员，不同角色登录后会跳转到不同的显示页面，主要的操作如下：
图4
（1）在系统中预设一个超级管理员账号，负责整个在线平台的后台维护操作，权限最高，比如：用户信息维护，当教师或者学生申请注册时，负责注册用户的信息审核，审核通过后，相应的账号才能正常登录，如果发现有账号滥用行为可以锁定账号；可以公告；添加课程，修改课程等。
（2）以学生角色登录平台后，可以向某一位老师单独提出问题，也可以向所有人提问，查看高频提问，查看自己已经提交的问题和回复情况，观看视频资料，下载文件等。
（3）以教师角色登录平台后，可以查看学生的提问，回复问题，上传课程资料等。
（4）安全性方面，做到以下几点：1）当用户通过表单提交数据，系统通过验证机制检查，如果填写信息是合法的，完成业务逻辑处理后，保存到数据库之前进行加密处理，将加密后的数据保存到数据库，当需要验证时，把用户输入的信息加密后再和数据库中的数据进行比较，如果相等则输入合法；2）数据库的连接字符串保存到web.config中，同时对web.config配置文件的appSettings节点进行加密；3）数据库的用户名和密码设置足够复杂，满足安全性的要求；4）加强内部人员的安全防范意识的培训。
4 学习平台的优化
在本学习平台中，对于系统中所保存的视频和音频等在线资源占了查询很大的比重，针对大量的查询，建立索引来提高查询的效率，所以在这方面尽可能地使用单一的语句即可利用优化的索引维护，提高效率和平台的性能。
5 结束语
经过一年的开发准备，英语在线自主学习平台顺利开发完成，在开发的过程中，充分体现以学生为主体的设计思想，实现了在任何时间、任意地点，根据自己需要选择学习任务的目标，同时通过在线答疑、论坛等方式，为老师和学生之间的沟通交流和互动提供了很好的平台。随着IPV4向IPV6的逐步过渡，未来的在线教育方式将会拥有更加广阔的空间，从而给学习者提供更多差异性和个性化的服务。
参考文献：
[1]郭明珠.基于的网络学习平台的设计与实现[D].吉林大学，2009.
[2]百度.B/S结构的优缺点[OL].
[3]彭旖旎.基于.NET的在线学习系统的设计与实现[J].中国水运，2009.
作者简介：伟（1969-），女，广西南宁人，工信学院院长，讲师，学士学位，研究方向：计算机网络与并行分布式计算技术；朱家全（1982-），男，广西钦州人，工信学院教师，工程师，学士学位，研究方向：网络、软件开发；韦海清（1983-）女，广西北流人，工信学院教师，助教，学士学位，研究方向：软件技术与计算机网络技术。
重庆第二师范学院是一所教育部批准成立、由重庆市教委主管的公办普通本科高等院校。学校始建于1954年，有南山、学府大道两个校区。美术系位于学府大道校区，轨道交通、公交干道汇集于此，航空、水路、公运、铁路等多种交通出行方式可供选择。美术系现有教师45人，其中高级职称25人、硕士及以上学历学位24人，有重庆市名师1人、市优秀女园丁1人、市优秀教育管理工作者1人;同时，在四川美术学院、美国马里兰州大学以及法国、韩国等聘有客座教授。现开设有美术学、美术学(中国画与数字艺术)、美术学(插画与三维动画)、公共艺术、视觉传达设计、视觉传达设计(空间艺术)、视觉传达设计(时尚艺术)、美术学(应用美术)、艺术设计等专业及方向，现有在校学生1472人(其中，先后赴韩国交换学习学生22人，赴中国台湾交换学习学生4人)。
美术系专业教育教学设施设备充裕，师资力量雄厚。有专业教学场地面积15400平方米、实验实训室近2000平方米;有专业图书、画册、期刊、光盘和软件共计4000余册(件);有校外实训、实习、就业基地30余个;现有市(校)级教学团队共5个、精品课程共6门，承担了教改项目共25项，获教学成果奖共11项;有学术研究、科研创新团队共2个，承担了市(校)级科研项目共近50项;教师的作品和论文参加市级以上展览和公开发表近700幅(篇)，获省(部)级及以上奖励近100项，教学论文等获得省(部)级以上奖励20余项;教师申请国家专利10余项，主编(著)教材、作品专著60本(部)，其中《高等院校艺术设计专业丛书》被全国20余所高校选用，共出版10万余册。
美术系学生作品在众多省(部)级及以上专业竞赛活动中屡获佳绩。学生参加教育部“全国大学生艺术作品展演”、“优秀毕业设计作品展”、“全国大学生广告艺术节”、“中国环境艺术设计学年奖”、“中国美协‘未来之星’大奖赛”、“重庆•长江杯国际工业设计大赛”、“重庆•中国西部工业设计明日之星作品大赛”等赛事，获奖共近60项、省(部)级奖200余项;同时，美术系每年都要举办“学生作品年度展”、“毕业作品展”、“学生社团作品展”等专业赛事，并组织学生参加重庆市高校服装专业优秀毕业作品联合展演活动，中央二台、人民网、中国教育网、搜狐网、新浪网、凤凰网、重庆电视台、《重庆日报》等几十家主流媒体先后进行了报道。
美术系学生工作以“抓常规、浓学风、重规范、强素质、促就业、创品牌”为主线开展工作。一方面，积极围绕专业教学，着力培养学生专业思想和艺术素养，提升学生专业水平，夯实学生就业核心竞争力;另一方面，正确引导学生争做有孝道、有理想、有理论、有理念、有理智的美术学子，促进学生情商培养和提升，拓展学生综合素质，打造学生就业综合竞争力。相当部分毕业生已成为广告公司、室内装饰公司的设计总监、项目经理和业务骨干，有的成为了基础教育行业专家并多次在全国和市级美术教学竞赛中获奖。近几年来，先后有数十名学生考取中国美术学院、四川美术学院、重庆大学、西南大学等高校的硕士研究生。
二、2016年拟招生专业介绍
公共艺术 [本科 非师范]
培养目标：本专业主要培养德、智、体、美全面发展，具备艺术设计基本理论和基本知识，掌握公共艺术设计的基本方法和实践技能，能对室内外空间进行装饰艺术设计的高素质应用型人才。
主干课程：造型基础、设计色彩、构成基础、建筑基础、数码图形处理(3dsmax、cad、photoshop)建筑制图与测绘、手绘效果图技法表现、工程概预算、工程材料与工艺、公共空间艺术设计、公共设施设计、餐饮空间设计、陈设设计、展示空间设计、住宅空间设计、公共景观设计、办公空间设计、装饰雕塑、3d场景漫游、设计概论等。
就业岗位：毕业生可到建筑和规划部门、各类设计院所、专业设计机构等从事公共空间、商业空间、住宅空间以及园林景观等设计工作，也能从事相关领域的施工管理工作。
美术学[本科 非师范]
培养目标：本专业主要培养德、智、体、美全面发展，具备美术学专业的基本理论和基本知识，掌握艺术创作和美术教育的高素质应用型人才。
主干课程：中国美术史、外国美术史、艺术概论、透视与解剖学、素描人物、色彩人物、色彩风景、雕塑、传统油画语言、油画风景、素描人体、油画人体、具象写实绘画语言、表现主义绘画语言、超现实主义绘画语言、照相写实绘画语言、综合材料、综合创意、当代艺术思潮、工笔花鸟、工笔人物、写意花鸟、写意山水、中国古代造型艺术考察等。选修教师教育方向课程：中小学美术教学论、课堂教学技能、美术教师公招应试技巧等。
就业岗位：毕业生能够从事美术创作、美术教育、美术编辑、艺术机构管理，以及美术宣传和区域文化创意产业的开发等工作。
视觉传达设计[本科 非师范]
培养目标：本专业主要培养德、智、体、美全面发展，具备视觉传达设计专业的基本理论和基本知识，掌握视觉传达设计的基本方法和实践技能的高素质应用型人才。
主干课程：造型基础、设计色彩、设计构成、电脑辅助设计、图形创意、版式设计、商业摄影、插画设计、网页与界面设计、标志设计、VI设计、包装设计、平面广告设计、影视动态广告设计、型录设计、书籍设计、文化海报设计、设计概论、世界平面设计史等。
就业岗位：毕业生能够从事广告策划与设计、印刷品设计、包装设计、企业形象设计、商场商品陈列设计、网页及新媒体设计、商业摄影及设计管理等工作。
视觉传达设计(时尚艺术)[本科 非师范]
培养目标：本专业主要培养德、智、体、美全面发展，具备视觉传达设计(时尚艺术设计方向)的基本理论和基本知识，掌握服装与服饰设计的基本方法和实践技能的高素质应用型人才。
主干课程：造型基础、设计色彩、设计构成、计算机辅助设计、服装工艺、服装效果图表现技法、服装设计思维训练、成衣设计、立体裁剪、服装材料与面料再造、创意服装设计、时尚摄影、针织装设计、化妆造型、服装展示设计、平面纸样结构、服饰配件设计与制作、服装设计概论等。
就业岗位：毕业生具备设计造型能力、市场分析能力、组织与协调能力，能够适应服装服饰艺术设计行业发展的需要，从事服装、服饰品的设计、制作和营销等工作，也能在相关时尚设计领域从事设计、制作与管理等工作。
三、2016年录取规则
1.考生体检必须符合教育部、卫生部、中国残疾人联合会制定的《普通高等学校招生体检工作指导意见》的规定。
2.重庆市考生认可重庆市统考成绩，其它省(自治区)考生认可我校组织的美术专业校考成绩。
3.按综合成绩(综合成绩=文化成绩÷文化成绩总分×30+专业成绩÷专业成绩总分×70)排序，德智体美全面衡量，择优录取。
四、2016年招生计划(暂定)
专业名称
重庆
三校生
美术本科（非师范）招生计划
备注
重庆
江西
山东
陕西
山西
福建
广西
美术学
37
8-10
大一下期末可申请转专业；重庆三校生限招服装设计与工艺类专业。
视觉传达设计
80
10-15
15-20
7-10
15-20
8-10
公共艺术
81
10-15
15-20
15-20
7-10
7-10
视觉传达设计
（时尚艺术）
10
27
8-10
购物车(0)