Web界面设计.ppt

"Web 界面设计" Web 界面设计是人机交互界面设计的一个延伸，是人与计算机交互的演变。 Web 界面设计的基础是互联网上 Web 站点和页面的设计，包括 Web 站点的信息交互模型和结构、Web 界面设计的基本思想和原则、Web 界面设计的工具和技术、Web 界面设计的可用性评估等。 Web 的出现与发展可以追溯到 90 年代初，瑞士日内瓦的欧洲核能研究中心分布在世界各地的科学家需要高效率的通讯方式来进行彼此交流与分享信息。该中心高能核理学家 Tim Berners-Lee 研究发展了万维网（ World Wide Web ， WWW ）的雏形，目的是为了建立一个能够整合各种资源、文件及多媒体的系统，让使用者方便地取得不同媒体的资料。 WWW 是建立在客户 / 服务器模型之上，构成的一个环球信息网络空间，主要使用超文本标记语言（ Hypertext Markup Language ， HTML ）和超文本传输协议（ Hypertext Transport Protocols ， HTTP ）。通过 Internet 把遍布世界各地的服务器连接起来，它能够提供各种 Internet 服务，具有一致用户界面的信息浏览功能。 Web 页面的发展趋势是图形 Web 页面的爆炸性发展。网上浏览中包括了大量使用的动态图形，使图形 Web 遍布网络的各个角落。新一代 Web 信息描述标准 XML ，能更详尽地描述文档的结构信息，具有比 HTML 有更强大的功能，为 Web 的发展提供了强有力的支持。 超文本（ Hypertext ）是一种使用于文本、图形或计算机的信息的组织形式，是一种非线性的信息组织形式。它使得单一的信息元素之间相互交叉引用，这种引用并不是通过复制来实现的，而是通过指向对方的地址字符串来指引用户获取相应的信息。 超媒体（ Hypermedia ）利用超文本形式组织起来的文件不仅仅是文本，也可以是图、文、声、像以及视频等多媒体形式的文件。这些多媒体信息就构成了所谓的超媒体 。 Web 界面设计的问题是人机交互界面设计的一个延伸，是人与计算机交互的演变。Web 界面设计与站点外观直接相关，站点的界面外观是否友好直接关系到是否能吸引人的关注。人性化的设计是 Web 界面设计的核心，如何根据人的心理、生理特征，运用技术手段，创造简单、友好的界面，是 Web 界面设计的重点。 Web 信息交互模型用来解释 Web 的人机界面性质的一个模型，它提出网页是用户和知识之间的界面。对于信息提供者来说包括信息的表达。对于使用者来说则是信息的获取。信息的表达与获取分别受到两者认知结构的制约。 Web 信息交互模型模型涉及到信息的三种类型：数据、复杂信息、过程性信息。数据是当一条信息被反复、简单的提供时称为数据，比如机票价格。复杂信息是用来叙述事件时称为复杂信息，如多媒体信息。过程性信息是在信息有明确目标，并相互作用时称为过程性信息，如在线练习、在线测试等。 Web 信息交互模型模型涉及到信息的两种特性：动态性和一致性。动态性是信息在不断的变化，具有动态性，比如股票价格、机票价格等是不断变化的。一致性是信息元素的组织方式具有一致性，信息元素总是通过一定的方式结合在一起，如通过讨论、说明，或根据电话号码、名字、数字等方式组织陈列。 Web 信息设计模型是解释 Web 人机界面性质的另一个模型。设计模型中要考虑到信息的两个方面：第一是应该呈现或略去什么信息，第二个方面指的是信息该如何被表现。用户工具设计、信息设计过程、信 息内容选取、通路结构、兴趣结构、执行结构等都是 Web 信息设计模型的组成部分。