网站的可用性界面设计初探
发布时间：2015-07-09 09:52
[摘要] 网站的界面设计是伴随着计算机互联网络的产生而形成的视听设计的新课题，本文详尽介绍了网站可用性设计的内涵及网站界面设计的相关元素，并从用户的角度来探讨网站可用性界面设计的原则和未来的发展趋势。
[关键词] 网站 可用性 界面设计
随着时代的发展，网站的建设越来越接近于一门艺术而不仅仅是一项技术，网站的界面设计是艺术与技术的高度统一，是伴随着计算机互联网络的产生而形成的视听设计的新课题。同时，网站的界面设计需强调交互过程，即一方面是网站的信息传达，另一方面是用户（人）的接受与反馈，对网站的信息都能动地认识与把握。即网站的可用性界面设计是一个人性化的课题。
一个好的网站应该有：非常好看的设计、友好的界面、毫无缺点的结构、智能化的后台处理、非常优秀的内容以及优良快捷的交互性。即网站的建设具有交互性与持续性、艺术与技术结合的紧密性等特点。网站的可用性界面设计在e时代十分重要。
一、可用性的内涵
可用性是一个多因素概念，涉及到容易学习、容易使用、系统的有效性、用户满意，以及把这些因素与实际使用环境联系在一起针对特定目标的评价。如shakel（1991）对可用性的定义：可用性是指技术的“能力（按照人的功能特性），它很容易有效地被特定范围的用户使用，经过特定培训和用户支持，在特定的环境情景中，去完成特定范围的任务。”即可用性不仅是涉及到界面的设计，也涉及到整个系统的技术水平。同时可用性是通过人因素反映的，通过用户操作各种任务去评价的。另外环境因素必须被考虑在内，在各个不同领域，评价的参数和指标是不同的，不存在一个普遍适用的评价标准。我们应多从用户操作心理角度分析可用性的含义。再有要考虑非正常操作情况。例如用户疲劳、注意力比较分散、紧急任务、多任务等具体情况下的操作。一般说，可用性被表达为“对用户友好”，“直观”，“容易使用”，“不需要长期培训”，“不费脑子”等。
从心理学的角度看，可用性的基本含义是：
1.网站的设计能够使用户把知觉和思维集中在自己的任务上，可以按照自己的行动过程进行操作，不必分心在寻找人机界面的菜单或理解网站结构、人机界面的结构与图标含义，不必分心考虑如何把自己的任务转换成计算机的输入方式和输入过程；
2.用户不必记忆面向计算机硬件软件的知识；
3.用户不必为手的操作分心，操作动作简单重复；
4.在非正常环境和情景时，用户仍然能够正常进行操作；
5.用户理解和操作出错较少；
6.用户学习操作的时间较短。
其中：
有效性 ——指用户完成特定任务和达到特定目标时所具有的正确和完整程度；
效率 ——指用户完成任务的正确和完整程度与所使用资源（如时间）之间的比率；
满意度 ——指用户在使用操作过程中所感受到的主观满意和接受程度。
二、网站的界面设计
界面的说法以往常见于人机工程学中。“人机界面”是指人机间相互施加影响的区域，凡参与人机信息交流的一切领域都属于人机界面。 从心理学意义来分，界面可分为感觉（视觉、触觉、听觉等）和情感两个层次。网站界面设计的三大原则是：置界面于用户的控制之下；减少用户的记忆负担；保持界面的一致性。
通常一个网站界面的元素包括界面主颜色、字体颜色、字体大小、界面布局、界面交互方式、界面功能分布、界面输入输出模式。其中，对用户工作效率有显著影响的元素包括：输入输出方式、交互方式、功能分布，在使用命令式交互方式的系统中，命令名称、参数也是界面元素的内容，如何设计命令及参数也很重要。影响用户对系统友好性评价的元素则有：颜色、字体大小、界面布局等，这种划分不是绝对的，网站界面作为一个整体，其中任何一个元素不符合用户习惯、不满足用户要求都将降低用户对网站的认可度，甚至影响用户的工作效率，而使用户最终放弃登陆使用该网站。围绕界面元素所要达到的设计目的是让最终用户能够获得美感、提高工作效率、易于操作使用系统。
界面设计在工作流程上分为结构设计、交互设计、视觉设计三个部分。结构设计structure design是界面设计的骨架；交互设计 interactive design的目的是使网站让用户能简单使用，如操作错误时，系统提供针对性的提示；同一种功能可以用鼠标，也可用键盘操作；具有导航功能，用户能知道自己当前的位置，使其做出下一步行动的决定等；视觉设计visual design是要达到用户愉悦使用的目的，包括色彩、字体、页面等。如提供默认（default）、撤销（undo）恢复（redo）的功能；尽量使用真实世界的比喻，如：电话、打印机的图标设计；依赖认知而非记忆，如打印图标的记忆、下拉菜单列表中的选择；网站上所有的图像、文字，包括背景颜色、区分线、字体、标题、注脚等，都统一风格，贯穿全站；在网站设计的配色中，尽量控制在三种色彩以内，以避免花、乱、没有主色的显现。背景和前文的对比尽量大，突出主要文字内容，使用户在浏览信息的时候不会觉得累；同样功能用同样的图形等。
三、网站的可用性界面设计原则
1.网站的设计形式与网站的内容要统一。什么样的网站，应该有什么样的设计，设计是为网站的主题服务的。设计的内容就是指它的主题、形象、题材等要素的总和，形式就是它的结构、风格或设计语言等表现方式。内容决定形式，形式反作用于内容。网站设计所追求的形式美，必须适合网站主题的需要，这是基本的前提。例如，百度作为一个搜索引擎，首先要实现“搜索”的“功能”。它的主题即是它的“功能”。而一个个人网站，可以只体现作者的设计思想，或者仅仅以设计出“美”的“个性化”网页为目的，它的主题就是——“美与个性”。 深入领会网站主题的精髓，再融合自己的思想感情，找到一个完美的表现形式，才能体现出网站设计独具的分量和特有的价值。只有通过认真设计和充分的考虑来实现全面的功能并体现美感才能实现网站设计形式与网站内容的统一。
2.交互性和可持续性的体现。网站它不是一个被动的媒体。网站具备大多数媒体所不具备的特殊性：用户的选择和主动性。访问网站和看电视的最大区别是访问网站需要根据用户的主动选择, 浏览网站的内容根据用户的个人喜好，在众多的连接和下拉菜单中选择用户自己喜欢或者关心的内容或者连接到另外一个站点。因此，现在很多的网站有着非常漂亮的图形界面，丰富的媒体格式和在线游戏等。同时网页设计人员必须根据网站各个阶段的经营目标，配合网站不同时期的经营策略，以及用户的反馈信息，经常地对网页进行调整和修改。例如，为了保持浏览者对网站的新鲜感，很多大型网站总是定期或不定期的进行改版，这就需要设计者在保持网站视觉形象一贯性的基础上，不断创作出新的网页设计作品。
另外，构建合理的网站组织结构，让浏览者对网站提供的巨量信息感到条理，建立完善的包括站点索引、帮助页面、查询功能在内的导航系统等。由于超级链接的出现，网站的组织结构更加丰富，浏览者可以在各种主题之间自由跳转，从而打破了以前人们接收信息的线性方式。例如，可将网站页面的组织结构分为序列结构、层次结构、网状结构、复合结构等。但网站页面之间的关系过于复杂，不仅使浏览者检索和查找信息增加了难度，也给设计者带来了更大的困难。为了让浏览者在网站上迅速找到所需的信息，设计者必须考虑快捷而完善的导航设计。 网站导航要清晰, “您所在位置”在大型网站中是不可缺少的一部分，其作用表明您现在所处在的位置，使用户不会不知东西南北迷失在网站中。其次还有读者进入目的页的点击次数，不能超过三次。在大型的行业网站里面主导航条最好是用文字形式，避免使用图片或flash做导航条等。
四、网站的可用性界面设计的发展趋势
网站的可用性界面设计的目的是使网站让用户能简单的、愉快的、方便的使用。网站是传播信息的载体，它要表达的是一定的内容、主题和意念，在适当的时间和空间环境里为人们所理解和接受，它以满足人们的实用和需求为目标。要使网站从形式上获得良好的诱导力，鲜明地突出诉求主题，具体可以通过对网站的空间层次、主从关系、视觉秩序及彼此间的逻辑性的把握运用来达到。
另外，多种媒体技术的综合运用是提高网站艺术性的方法之一，是未来的发展方向。 网站中使用的多媒体视听元素主要有文字、图像、声音、视频等，目前国内有些网站已经出现了模拟三维的操作界面，在数据压缩技术的改进和流（stream）技术的推动下，internet网上也已出现了实时的音频和视频服务，典型的有在线音乐、在线广播、网上电影、网上直播等。
再有，网络技术与艺术创意的紧密结合是开创网站优良的可用性界面设计的必经之路！它使网站的艺术设计由平面设计扩展到立体设计，由纯粹的视觉艺术扩展到空间听觉艺术，接近电影或电视的观赏效果。技术发展促进了技术与艺术的紧密结合，把浏览者带入一个真正现实中的虚拟世界。网站设计者应该积极主动地掌握现有的各种网络技术规律，注重技术和艺术紧密结合，全面使用大脑，设计得到一个更具可用性的站点，满足浏览者对网站信息的高质量需求。
参考文献:
[1]ui界面设计的需求分析方法 http://:
[2]马月:网站界面设计.北京理工大学出版社,2006年8月
[3]关于网站结构和交互性的探讨.
[关键词] 网站 可用性 界面设计
随着时代的发展，网站的建设越来越接近于一门艺术而不仅仅是一项技术，网站的界面设计是艺术与技术的高度统一，是伴随着计算机互联网络的产生而形成的视听设计的新课题。同时，网站的界面设计需强调交互过程，即一方面是网站的信息传达，另一方面是用户（人）的接受与反馈，对网站的信息都能动地认识与把握。即网站的可用性界面设计是一个人性化的课题。
一个好的网站应该有：非常好看的设计、友好的界面、毫无缺点的结构、智能化的后台处理、非常优秀的内容以及优良快捷的交互性。即网站的建设具有交互性与持续性、艺术与技术结合的紧密性等特点。网站的可用性界面设计在e时代十分重要。
一、可用性的内涵
可用性是一个多因素概念，涉及到容易学习、容易使用、系统的有效性、用户满意，以及把这些因素与实际使用环境联系在一起针对特定目标的评价。如shakel（1991）对可用性的定义：可用性是指技术的“能力（按照人的功能特性），它很容易有效地被特定范围的用户使用，经过特定培训和用户支持，在特定的环境情景中，去完成特定范围的任务。”即可用性不仅是涉及到界面的设计，也涉及到整个系统的技术水平。同时可用性是通过人因素反映的，通过用户操作各种任务去评价的。另外环境因素必须被考虑在内，在各个不同领域，评价的参数和指标是不同的，不存在一个普遍适用的评价标准。我们应多从用户操作心理角度分析可用性的含义。再有要考虑非正常操作情况。例如用户疲劳、注意力比较分散、紧急任务、多任务等具体情况下的操作。一般说，可用性被表达为“对用户友好”，“直观”，“容易使用”，“不需要长期培训”，“不费脑子”等。
从心理学的角度看，可用性的基本含义是：
1.网站的设计能够使用户把知觉和思维集中在自己的任务上，可以按照自己的行动过程进行操作，不必分心在寻找人机界面的菜单或理解网站结构、人机界面的结构与图标含义，不必分心考虑如何把自己的任务转换成计算机的输入方式和输入过程；
2.用户不必记忆面向计算机硬件软件的知识；
3.用户不必为手的操作分心，操作动作简单重复；
4.在非正常环境和情景时，用户仍然能够正常进行操作；
5.用户理解和操作出错较少；
6.用户学习操作的时间较短。
其中：
有效性 ——指用户完成特定任务和达到特定目标时所具有的正确和完整程度；
效率 ——指用户完成任务的正确和完整程度与所使用资源（如时间）之间的比率；
满意度 ——指用户在使用操作过程中所感受到的主观满意和接受程度。
二、网站的界面设计
界面的说法以往常见于人机工程学中。“人机界面”是指人机间相互施加影响的区域，凡参与人机信息交流的一切领域都属于人机界面。 从心理学意义来分，界面可分为感觉（视觉、触觉、听觉等）和情感两个层次。网站界面设计的三大原则是：置界面于用户的控制之下；减少用户的记忆负担；保持界面的一致性。
通常一个网站界面的元素包括界面主颜色、字体颜色、字体大小、界面布局、界面交互方式、界面功能分布、界面输入输出模式。其中，对用户工作效率有显著影响的元素包括：输入输出方式、交互方式、功能分布，在使用命令式交互方式的系统中，命令名称、参数也是界面元素的内容，如何设计命令及参数也很重要。影响用户对系统友好性评价的元素则有：颜色、字体大小、界面布局等，这种划分不是绝对的，网站界面作为一个整体，其中任何一个元素不符合用户习惯、不满足用户要求都将降低用户对网站的认可度，甚至影响用户的工作效率，而使用户最终放弃登陆使用该网站。围绕界面元素所要达到的设计目的是让最终用户能够获得美感、提高工作效率、易于操作使用系统。
界面设计在工作流程上分为结构设计、交互设计、视觉设计三个部分。结构设计structure design是界面设计的骨架；交互设计 interactive design的目的是使网站让用户能简单使用，如操作错误时，系统提供针对性的提示；同一种功能可以用鼠标，也可用键盘操作；具有导航功能，用户能知道自己当前的位置，使其做出下一步行动的决定等；视觉设计visual design是要达到用户愉悦使用的目的，包括色彩、字体、页面等。如提供默认（default）、撤销（undo）恢复（redo）的功能；尽量使用真实世界的比喻，如：电话、打印机的图标设计；依赖认知而非记忆，如打印图标的记忆、下拉菜单列表中的选择；网站上所有的图像、文字，包括背景颜色、区分线、字体、标题、注脚等，都统一风格，贯穿全站；在网站设计的配色中，尽量控制在三种色彩以内，以避免花、乱、没有主色的显现。背景和前文的对比尽量大，突出主要文字内容，使用户在浏览信息的时候不会觉得累；同样功能用同样的图形等。
三、网站的可用性界面设计原则
1.网站的设计形式与网站的内容要统一。什么样的网站，应该有什么样的设计，设计是为网站的主题服务的。设计的内容就是指它的主题、形象、题材等要素的总和，形式就是它的结构、风格或设计语言等表现方式。内容决定形式，形式反作用于内容。网站设计所追求的形式美，必须适合网站主题的需要，这是基本的前提。例如，百度作为一个搜索引擎，首先要实现“搜索”的“功能”。它的主题即是它的“功能”。而一个个人网站，可以只体现作者的设计思想，或者仅仅以设计出“美”的“个性化”网页为目的，它的主题就是——“美与个性”。 深入领会网站主题的精髓，再融合自己的思想感情，找到一个完美的表现形式，才能体现出网站设计独具的分量和特有的价值。只有通过认真设计和充分的考虑来实现全面的功能并体现美感才能实现网站设计形式与网站内容的统一。
2.交互性和可持续性的体现。网站它不是一个被动的媒体。网站具备大多数媒体所不具备的特殊性：用户的选择和主动性。访问网站和看电视的最大区别是访问网站需要根据用户的主动选择, 浏览网站的内容根据用户的个人喜好，在众多的连接和下拉菜单中选择用户自己喜欢或者关心的内容或者连接到另外一个站点。因此，现在很多的网站有着非常漂亮的图形界面，丰富的媒体格式和在线游戏等。同时网页设计人员必须根据网站各个阶段的经营目标，配合网站不同时期的经营策略，以及用户的反馈信息，经常地对网页进行调整和修改。例如，为了保持浏览者对网站的新鲜感，很多大型网站总是定期或不定期的进行改版，这就需要设计者在保持网站视觉形象一贯性的基础上，不断创作出新的网页设计作品。
另外，构建合理的网站组织结构，让浏览者对网站提供的巨量信息感到条理，建立完善的包括站点索引、帮助页面、查询功能在内的导航系统等。由于超级链接的出现，网站的组织结构更加丰富，浏览者可以在各种主题之间自由跳转，从而打破了以前人们接收信息的线性方式。例如，可将网站页面的组织结构分为序列结构、层次结构、网状结构、复合结构等。但网站页面之间的关系过于复杂，不仅使浏览者检索和查找信息增加了难度，也给设计者带来了更大的困难。为了让浏览者在网站上迅速找到所需的信息，设计者必须考虑快捷而完善的导航设计。 网站导航要清晰, “您所在位置”在大型网站中是不可缺少的一部分，其作用表明您现在所处在的位置，使用户不会不知东西南北迷失在网站中。其次还有读者进入目的页的点击次数，不能超过三次。在大型的行业网站里面主导航条最好是用文字形式，避免使用图片或flash做导航条等。
四、网站的可用性界面设计的发展趋势
网站的可用性界面设计的目的是使网站让用户能简单的、愉快的、方便的使用。网站是传播信息的载体，它要表达的是一定的内容、主题和意念，在适当的时间和空间环境里为人们所理解和接受，它以满足人们的实用和需求为目标。要使网站从形式上获得良好的诱导力，鲜明地突出诉求主题，具体可以通过对网站的空间层次、主从关系、视觉秩序及彼此间的逻辑性的把握运用来达到。
另外，多种媒体技术的综合运用是提高网站艺术性的方法之一，是未来的发展方向。 网站中使用的多媒体视听元素主要有文字、图像、声音、视频等，目前国内有些网站已经出现了模拟三维的操作界面，在数据压缩技术的改进和流（stream）技术的推动下，internet网上也已出现了实时的音频和视频服务，典型的有在线音乐、在线广播、网上电影、网上直播等。
再有，网络技术与艺术创意的紧密结合是开创网站优良的可用性界面设计的必经之路！它使网站的艺术设计由平面设计扩展到立体设计，由纯粹的视觉艺术扩展到空间听觉艺术，接近电影或电视的观赏效果。技术发展促进了技术与艺术的紧密结合，把浏览者带入一个真正现实中的虚拟世界。网站设计者应该积极主动地掌握现有的各种网络技术规律，注重技术和艺术紧密结合，全面使用大脑，设计得到一个更具可用性的站点，满足浏览者对网站信息的高质量需求。
参考文献:
[1]ui界面设计的需求分析方法 http://:
[2]马月:网站界面设计.北京理工大学出版社,2006年8月
[3]关于网站结构和交互性的探讨.
下一篇：基于智能代理的电子商务应用研究