WEB的三种设计空间结构模式 ◆通路结构模式 说明要展示的关键问题,使用户更容易获取有用的 如出版物中的索引、标题、摘要、概述等 ◆Web网站地图和各栏目标题等信息都属于通路结构 ◆兴趣结构 兴趣结构的目的在于捕捉用户的注意力,并维持用 户浏览网页的注意力 ◆执行结构 指学习和教育材料之间的一系列交互,尤其是基于 计算机的交互。 在WEB中指描述学习和网页信息之间的交互 人机交互技术编写组 16
人机交互技术编写组 16 WEB的三种设计空间结构模式 通路结构模式 ◼ 说明要展示的关键问题，使用户更容易获取有用的 信息。 如出版物中的索引、标题、摘要、概述等。 Web网站地图和各栏目标题等信息都属于通路结构。 兴趣结构 ◼ 兴趣结构的目的在于捕捉用户的注意力，并维持用 户浏览网页的注意力。 执行结构 ◼ 指学习和教育材料之间的一系列交互，尤其是基于 计算机的交互。 ◼ 在WEB中指描述学习和网页信息之间的交互
8.4Web站点的概念设计 ◆概念设计涉及的工作: ■分析、确定站点的目标和用途 ■准确定义所建立Web网站及站点的规范 ■事先建立好站点的架构和导航设计。 兼顾不同的浏览器。 人机交互技术编写组
人机交互技术编写组 17 8.4 Web站点的概念设计 概念设计涉及的工作： ◼ 分析、确定站点的目标和用途。 ◼ 准确定义所建立Web网站及站点的规范。 ◼ 事先建立好站点的架构和导航设计。 ◼ 兼顾不同的浏览器
8.4.1站点架构和导航设计 ◆站点结构 ■站点的结构可分为逻辑结构和物理结构: ◆逻辑结构描述文档间的关系,定义文档间的链接 ◆物理结构描述文档的实际位置及显示方式 超文本结构中最常用层次结构 ◆层次型结构按信息的必要性来改变信息的显示方式。 ◆根网页是站点的主页,层次以根网页开始 ◆用户深入站点时,选择趋向于越来越具体,直到找 到目标或叶子网页。 ◆层次结构通过深度和广度来描述。 人机交互技术编写组 18
人机交互技术编写组 18 8.4.1 站点架构和导航设计 站点结构 ◼ 站点的结构可分为逻辑结构和物理结构: 逻辑结构描述文档间的关系，定义文档间的链接。 物理结构描述文档的实际位置及显示方式 。 ◼ 超文本结构中最常用层次结构 层次型结构按信息的必要性来改变信息的显示方式。 根网页是站点的主页，层次以根网页开始。 用户深入站点时，选择趋向于越来越具体，直到找 到目标或叶子网页。 层次结构通过深度和广度来描述
8.4.1站点架构和导航设计 ◆站点的导航设计 ■导航系统对访问者来说是路径指示系统 站点访问者通过导航系统寻找需要的信息。 用户感觉到能以满意的方式找到所需信息时 导航系统才是合适的。 由于用户的差异,不可能实现完美的导航系 统 人机交互技术编写组 19
人机交互技术编写组 19 8.4.1站点架构和导航设计 站点的导航设计 ◼ 导航系统对访问者来说是路径指示系统。 ◼ 站点访问者通过导航系统寻找需要的信息。 ◼ 用户感觉到能以满意的方式找到所需信息时， 导航系统才是合适的。 ◼ 由于用户的差异，不可能实现完美的导航系 统
兼顾不同浏览器的设计 ◆原因 站点浏览者可能使用不同类型和版本的浏览器 ■以某一个浏览器的某一个版本为依据编写的网页程 序,可能在其它的浏览器或其它版本上不能正常显 示或运行。 ◆方法 ■通过使用 JavaScript等编程工具或功能,探测用户浏览器的类型 和版本等参数及对于某特定功能的支持情况,然后根据探测结 果显示适用于特定浏览器的网页内容 ■根据用户浏览器分布情况决定设计所面向的浏览器类别和版本。 人机交互技术编写组
人机交互技术编写组 20 兼顾不同浏览器的设计 原因 ◼ 站点浏览者可能使用不同类型和版本的浏览器。 ◼ 以某一个浏览器的某一个版本为依据编写的网页程 序，可能在其它的浏览器或其它版本上不能正常显 示或运行。 方法 ◼ 通过使用JavaScript等编程工具或功能，探测用户浏览器的类型 和版本等参数及对于某特定功能的支持情况，然后根据探测结 果显示适用于特定浏览器的网页内容。 ◼ 根据用户浏览器分布情况决定设计所面向的浏览器类别和版本