2018网站的可用性界面设计初探

9249457

　　　[摘要] 网站的界面设计是伴随着计算机互联网络的产生而形成的视听设计的新课题，本文详尽介绍了网站可用性设计的内涵及网站界面设计的相关元素，并从用户的角度来探讨网站可用性界面设计的原则和未来的发展趋势。
　　[关键词] 网站 可用性 界面设计
　　
　　随着时代的发展，网站的建设越来越接近于一门艺术而不仅仅是一项技术，网站的界面设计是艺术与技术的高度统一，是伴随着计算机互联网络的产生而形成的视听设计的新课题。同时，网站的界面设计需强调交互过程，即一方面是网站的信息传达，另一方面是用户（人）的接受与反馈，对网站的信息都能动地认识与把握。即网站的可用性界面设计是一个人性化的课题。
　　一个好的网站应该有：非常好看的设计、友好的界面、毫无缺点的结构、智能化的后台处理、非常优秀的内容以及优良快捷的交互性。即网站的建设具有交互性与持续性、艺术与技术结合的紧密性等特点。网站的可用性界面设计在e时代十分重要。
　　一、可用性的内涵
　　可用性是一个多因素概念，涉及到容易学习、容易使用、系统的有效性、用户满意，以及把这些因素与实际使用环境联系在一起针对特定目标的评价。如Shakel（1991）对可用性的定义：可用性是指技术的“能力（按照人的功能特性），它很容易有效地被特定范围的用户使用，经过特定培训和用户支持，在特定的环境情景中，去完成特定范围的任务。”即可用性不仅是涉及到界面的设计，也涉及到整个系统的技术水平。同时可用性是通过人因素反映的，通过用户操作各种任务去评价的。另外环境因素必须被考虑在内，在各个不同领域，评价的参数和指标是不同的，不存在一个普遍适用的评价标准。我们应多从用户操作心理角度分析可用性的含义。再有要考虑非正常操作情况。例如用户疲劳、注意力比较分散、紧急任务、多任务等具体情况下的操作。一般说，可用性被表达为“对用户友好”，“直观”，“容易使用”，“不需要长期培训”，“不费脑子”等。
　　从心理学的角度看，可用性的基本含义是：
　　1.网站的设计能够使用户把知觉和思维集中在自己的任务上，可以按照自己的行动过程进行操作，不必分心在寻找人机界面的菜单或理解网站结构、人机界面的结构与图标含义，不必分心考虑如何把自己的任务转换成计算机的输入方式和输入过程；
　　2.用户不必记忆面向计算机硬件软件的知识；
　　3.用户不必为手的操作分心，操作动作简单重复；
　　4.在非正常环境和情景时，用户仍然能够正常进行操作；
　　5.用户理解和操作出错较少；
　　6.用户学习操作的时间较短。
　　其中：
　　有效性 ——指用户完成特定任务和达到特定目标时所具有的正确和完整程度；
　　效率 ——指用户完成任务的正确和完整程度与所使用资源（如时间）之间的比率；
　　满意度 ——指用户在使用操作过程中所感受到的主观满意和接受程度。
　　二、网站的界面设计
　　界面的说法以往常见于人机工程学中。“人机界面”是指人机间相互施加影响的区域，凡参与人机信息交流的一切领域都属于人机界面。 从心理学意义来分，界面可分为感觉（视觉、触觉、听觉等）和情感两个层次。网站界面设计的三大原则是：置界面于用户的控制之下；减少用户的记忆负担；保持界面的一致性。
　　通常一个网站界面的元素包括界面主颜色、字体颜色、字体大小、界面布局、界面交互方式、界面功能分布、界面输入输出模式。其中，对用户工作效率有显著影响的元素包括：输入输出方式、交互方式、功能分布，在使用命令式交互方式的系统中，命令名称、参数也是界面元素的内容，如何设计命令及参数也很重要。影响用户对系统友好性评价的元素则有：颜色、字体大小、界面布局等，这种划分不是绝对的，网站界面作为一个整体，其中任何一个元素不符合用户习惯、不满足用户要求都将降低用户对网站的认可度，甚至影响用户的工作效率，而使用户最终放弃登陆使用该网站。围绕界面元素所要达到的设计目的是让最终用户能够获得美感、提高工作效率、易于操作使用系统。
　　界面设计在工作流程上分为结构设计、交互设计、视觉设计三个部分。结构设计Structure Design是界面设计的骨架；交互设计 Interactive Design的目的是使网站让用户能简单使用，如操作错误时，系统提供针对性的提示；同一种功能可以用鼠标，也可用键盘操作；具有导航功能，用户能知道自己当前的位置，使其做出下一步行动的决定等；视觉设计Visual Design是要达到用户愉悦使用的目的，包括色彩、字体、页面等。如提供默认（default）、撤销（undo）恢复（redo）的功能；尽量使用真实世界的比喻，如：电话、打印机的图标设计；依赖认知而非记忆，如打印图标的记忆、下拉菜单列表中的选择；网站上所有的图像、文字，包括背景颜色、区分线、字体、标题、注脚等，都统一风格，贯穿全站；在网站设计的配色中，尽量控制在三种色彩以内，以避免花、乱、没有主色的显现。背景和前文的对比尽量大，突出主要文字内容，使用户在浏览信息的时候不会觉得累；同样功能用同样的图形等。