6.Web应用设计【荐】.pdfVIP

Web应用设计 Qiuyan Huo 霍秋艳 Software Engineering Institute qyhuo@mail.xidian.edu.cn WebE(SSXDU) Outline • Web应用设计特性 •交互设计 •展示设计 • 内容设计 •功能设计 • 总结与展望 2 WebE(SSXDU) WEB应用设计特性 3 WebE(SSXDU) 超文本 •节点、链接和锚（anchor ） • 网和其它聚合体 • HTML:非线性 – 在文本文档加标记忽视节点的原子性，文档（节 点）长度难以控制 – 通过链接和锚标记等确定超文本结构布局混杂 – HTML缺乏软件架构的抽象机制 – 很多其它媒体无法由链接来支持，只能通过链接目 标来实现 – 对节点和链接类型的自定义、反向链接、分离链接 和节点的存储、不同锚等仍然无法由HTML支持 4 WebE(SSXDU) 基于文档的Web应用 •基本规则 – 网应该是信息设计的核心； – 传统文档应该分解为原子节点； – 即使技术上不支持布局与内容、节点和网等的分离， 也应该在概念上进行区分； – 所选技术应该支持如集中链接管理、内容管理等高 级概念，至少是在设计时支持，应该优先考虑基于 XML 的解决方法。 5 WebE(SSXDU) Web应用设计 •将Web应用设计分为子任务 – 区分Web应用的组件（即节点和链接） – 网 （包含组件的整个Web应用） •轻量级 •美学、内容和技术适当结合 •人才是核心从对最终用户来说很重要的问题 开始设计 • 吸引用户好的观感展示设计 •复杂性的提高功能设计、内容设计 6 WebE(SSXDU) 交互设计 7 WebE(SSXDU) 交互设计 • Web应用的可视性、动态性、功能性和技术 性元素的交织 • 目的是很好地将这些元素综合