网站如何提高界面的交互性

辽宁对外经贸学院信息管理系 任华新

网站如何提高界面的交互性

辽宁对外经贸学院信息管理系 任华新

随着互联网技术的快速发展，用户与计算机之间的交互方式与交互技术也层出不穷，并借助计算机技术得以改进和发展。作为人机之间传递和交换信息的第一个窗口的网站，用户界面对人机交互起到了决定性的重要和必要作用。那么如何提高人机交互的速度就成为了人们注意的焦点。本文阐述了影响页面交互的因素，并找到了相应的解决方法。

网站；网页；交互

互联网信息时代的发展为网站设计及网站中的人机界面交互设计提供了前所未有的发展空间，越来越多的软件和互联网公司开始重视网站中的人机交互和用户体验在产品中的重要作用。而网站中的用户界面是用户和网络产生接触的第一个窗口,对于互联网产品的用户体验以及访问量、注册量、销售额甚至成本等都有至关重要的影响。

在一个网站中，网页上的可交互元素，包括页面上的按钮、链接、文本框等，更应合理设计才能带来好的页面交互性。那么如何提高网页的交互性呢，主要是要注意以下几点。

1 注意网站的链接、按钮和LOGO

一个网站的链接和按钮都应该符合用户的使用习惯。目前链接文字通用的表现方式是字色蓝色并带下划线的文字。而按钮应当是有一定的立体感，看上去就是一个突出的按钮，一看就知道是可以点击的。而LOGO是与其它网站链接以及让其它网站链接的标志和门户。在通常情况下，通过点击LOGO可以返回到网站的首页。所以,LOGO即是一个网站的名片，LOGO更是网站的灵魂所在，除此之外它还具有一个重要的导航功能。网站的LOGO作为一个重要的网页元素，当鼠标移上去或者划过等事件，应该有相关的信息响应。

2 网站页面加载进度

网站的每个链接，包括网站的首页打开都需要时间加载的，只是某些网站功能较为简单，加载起来很快是而无需担心页面延迟。但某些网站的加载往往不能一次性完成，例如淘宝这种大型购物平台，页面有很多的商品图片，加载需要一定时间，这个时候是需要一定的响应式的，所以页面更应该给出提示，否则让用户等待太久是很不友好的做法。

事实上,有很多的因素会影响到网页初次加载的响应时间:HTML文件的文档的大小；页面中的各种元素例如代码、图片、flash、音频、视频等元素文档的大小；HTML页面的复杂程度(浏览器可以很快的展现简单的页面)；用户反应的快慢也会影响浏览速度；被网页页面调用的其他内容所在的服务器的访问速度；网站的域名和外部域名的DNS的解析速度也会影响网页的加载速度；用户所使用的计算机的各种性能(如果计算机的资源消耗过多，或者配置过低，浏览器也会变得响应缓慢)；服务器的配置的高低。

除了上述因素会导致网站响应的快慢以外，一些人为的因素及一些硬件也会影响网页加载的速度。例如：服务器端、客户端和网速。服务器端主要包括：服务器的地域，是否双线，处理能力等。

那么如何提高页面的浏览速度呢？采取以下几种基本的方法可以有效的提高网页的浏览速度。

（1）在不影响页面质量的前提下，尽可能的优先优化HTML代码。（在页面上传服务器之前，先去掉HTML文档中的没必要的换行标记以及注释。但为了保证页面的可读性和可维护性，注释的代码还应当保留在源代码中）。

（2）为了减少文档之间的依赖，在制作网页时页面中应尽可能少的包含其他外部引用。（可以将多个脚本放入一个脚本文件，图片处理的技术将多个小图片合并成为一个大图，这样就只需要加载一次）。

（3）把开发的网页里面的字节减少一些，把没用的字节都删了。尽量多使用div来布局网页，少使用表格布局。

（4）尽可能的定制图片及包含图片的元素的尺寸。让图片本身就符合网页的要求，这样可以尽量避免页面展现时由于图片不能一次性加载而造成页面元素跳动的现象。

（5）小脚本放在头元素中，而比较大的脚本则放在页面的尾端加载，这样页面可以在大的脚本加载完成前展示出来。如果把大的脚本放在页面的头元素进行加载，则浏览器会等到脚本完全加载完成后才显示页面内容。

3 网页中应隐藏不常用的操作

网站中不经常使用的操作可以不用突显出来，将其弱化或隐藏。例如，网站中有某个弹出层是几乎不用到的，为了不对用户造成干扰，我可以在当鼠标经过的时候才出现这个弹出层。这个是基于上文提到的不干扰用户注意力角度出发的。比如，在新浪微博中，微博的屏幕功能只有在鼠标移到对应某条微博的右上角并单击鼠标的时候才会弹出操作提示框，否则是看不到屏蔽操作的，这个就是一个隐藏操作的具体体现。

4 尽量减少弹出信息

为什么要尽量减少弹出信息呢，这里举一个例子来说明一下?当你正在看一部精彩的电影或看一本精彩的书，这时接到一个无实质内容的电话，你肯定会非常恼火。网页设计也是一样，如果能在当前页面显示完成就尽量在当前页面加载完成。对于那些弹出信息，例如弹出层、跳转页面、模态窗口等都影响用户体验。

5 网站对用户需要引导-网站导航

一个好的网站是能够让用户全面浏览，所以网站导航十分重要。每个用户在浏览页面时往往都是不确定性的、无规律的，同时用户更不喜欢选择。所以，网站需要时刻让用户看清当前的位置。如果浏览者不能快速、便捷地找到它，他们就很有可能去别的网站。例如，很多博客网站除了首页导航之外，还将分类作为第二导航放在页面的边栏。此外，网站的页脚也很重要，因为有部分用户浏览时接触到的是网站的底部，这个时候网站的页脚可以方便的让用户找到当前的站点位置。

一直以来，网页界面设计的研究主要针对于视觉方面，而设计的内容、流程和原则虚拟了实物产品的设计，基本上没有太大的改变。随着信息科技的发展和人机交互技术的成熟，交互界面的设计已经成长为一个独立的行业。本文阐述了基于增强现实的交互界面概念，分析了其突出特点，总结归纳交互界面设计的流程与原则。交互界面设计是一个全新而又复杂的研究领域，本文的研究仅仅是交互界面设计的冰山一角，如何将交互界面设计的理论特性分析清楚、理解透彻，还得依靠同行们的不懈努力和大量实践，使用户和网络的信息交流更加简便、高效和人性化。

[1] AlbertMehrabian.Analysis of the Big five Personality Factors in Terms of the PAD Temperament Model[J]. Australian Journal of Psychology.2011(2).

[2] 高榛.网络游戏中的用户交互设计[J].戏剧之家(上半月).2012(01).

[3] 欧阳建军.基于交互设计的界面应用研究[J].科教导刊(中旬刊).2010(04).

[4] 刘派.创造愉快体验:交互设计个案“智能美食评论家”实践研究[J].南京艺术学院学报(美术与设计版).2013(03).

本研究为校级创新团队项目：互联网背景下的图形用户界面设计研究。】

任华新（1977-），女，硕士，副教授。研究领域：计算机应用。