WEB界面的用户研究现状.docVIP

2 Research on Web Interface 2.1网站界面研究概述（Research Content of Web Interface） 2.1.1网站界面研究起源及其特点（Study the origin and the web interface features）GUI, Graphical User Interface））1989年英国人TimBerners-LeeWorld Wide Web(WWW)，网站也从此产生了。随着网络技术的不断发展以及类似Netscape，Yahoo和Google。图2-1 的界面 Figure 2-1 Web Site of Internet主机上的海量的链接文档。存放这些文档的站点也就是Web Site(网站)，而这些文档称为主页(Home Page)或页面(Page)。这些文档普通文档区别在于他们是通过超链接(Hyperlink)连接在一起的超文本(Hypertext)信息。[]网页的界面采用超文本标记语言（HTMLHyperText Mark-up Language）]： 第一种观点倡导网页是一种讲究易用性而抛弃视觉审美的网站界面。Jakob Nielsen( ,如图2-1)认为，几乎所有为实现视觉效果而做的事情，都会影响到其界面的用户可用性效果。为了彻底的功能简单化，应当避免所有的彩色背景、图像、精美的布局，等等。他们理想中的页面是几乎没有图形，白色背景，黑色文字的无装饰网站。 第二种观点是在体验理论的指导下，使用符合视觉审美的图形化界面，用于愉悦访问者。这种观点也是大多数人的观点。持该观点者，往往从视觉传达的角度出发，以保证界面的美观为主要目的，认为界面的美观是至关重要的。这些网站往往由于过分注重图形界面而忽视了其可用性的要求。 事实上，界面的视觉呈现是在满足功能的基础上对界面进行的装饰。网站界面与建筑相类似，视觉审美与功能实现并非相互冲突的两个元素。用户图形界面（GUI）本来就需要利用图形化的界面语言在视觉审美与实现功能中寻求平衡。优秀的网页界面能够在满足用户操作需求的基础上最大限度的依据使用者需求对界面的视觉呈现加以优化，以满足用户视觉审美的需求。 网页界面与一般视觉媒体相比，具有一些新的特点，主要体现在版面与字体方面。[] 首先，网页设计的版面很少像传统媒体一样，让用户一览无余，有时需要拖动页面滚动条来浏览整个页面的内容页面。考虑到使用者的习惯以及鼠标中键的上下拖动的便捷性，一般都才用纵向滚动的形式。从内容的易读性出发，网页界面常常依照功能进行分栏布局。特别是对于综合性的网站，版面布局显得尤为重要。 其次，在印刷品设计中的字体可以看作是一种感性直观的视觉元素，设计者可以依据设计需求来表达情感。在网页设计中，字体的设置不仅需要考虑自己的情感，更加需要掌握浏览者的情况。文本字体最好使用默认字体，因为浏览者在进行网页浏览时，页面通过HTML语言调用本地字库，对网页字体进行解析后，显示在浏览器当中。因此，若本地字库中没有该字体信息，页面将无法正确显示。网页设计的该特点给设计者极大的局限性。 与传统软件界面相同，网站界面也是具有交互特性的界面系统。但是网站界面与一般软件的交互界面又存在着很大的差异性。表2-1可以更好帮助的对网站界面进行理解。 表2-1 网站界面与传统软件界面比较情况表 Table 2-1 Web interface compared with the traditional software interface 网站界面 软件界面 整体设计概念 用户穿梭于各网站之间，将所有网站当作一个整体概念，网站界面符合大众性 用户往往较长时间专注于某一软件，将软件界面看作一个独立的用户界面 使用用户 初级用户 中高级用户 更新速度 相对较快 相对较慢 用户每次使用所用时间 较短 较长 页面特性 存在大量的内容以及超链接，非常注重页面的可浏览性 注重用户实现软件功能 使用难易程度 较容易，用户不需专门培训 功能复杂，用户需要经过培训 由此可见，网站界面较一般软件界面省略了用户培训步骤。而网站的设计中则要求体现其易学易用的原则，即零学习原则。产品的使用时不需经过专门训练，凭借相似产品的使用经验，就能做到一看就会；或者稍加适应和指点就会使用。而不是在阅读了厚厚的说明书后才能够使用。[]因此，其界面设计中更应注重界面的可用性和易用性。 图2-2 网站界面分解图[3] Figure 2-2 Web interface decomposition mapPenny Mcintire（美）在《WEB视觉设计》一书中将网站界面分解成图2-2中的五个部分，即技术、内容、架构、视觉、交互五个部分。[3] 由图2-2可见交互作为网站界面设计的核心内容，需要网站的访