动态教学网站生成系统的UI设计.pdfVIP

第十届全球华人计算机教育应用会议 GCCCE2006 论文集 动态教学网站生成系统的UI 设计 UI Design of Producing System for Dynamic Instruction Website 张明 清华大学教育技术研究所 北京 100084 zhangmm@tsinghua.edu.cn 摘要 动态教学网站强调网站建设与管理的自主性与易修改性 但因UI 设计专业 性较强 在教学网站运行后 界面往往一成不变和难于修改 针对于此 本文试图通 过剖析教学网站UI 设计的特点和方法 结合作者的创作实例 建立丰富 实用的 界 面模板库 以寻求简单易用 动态定制网站界面的办法 达到按不同应用环境对界面 交互性的需求和特点 快速构建Web 界面的显示效果 关键词 教学网站 UI 设计 模板 网站生成网站 1 研究背景 动态教学网站强调网站建设与管理的自主性与易修改性 近年来 围绕动态生成 网站的结构 内容及功能等的研究日趋增多 并逐步实现 但因网站界面 即UI User Interface 设计是将教学内容与美学 信息科学 教育技术学等多学科相整合的活动 具有较强的专业性 从而使得界面的动态生成和自主应用存在较大的难度 表现为在 教学网站建设初期 需要专业人员进行设计 在网站运行后 界面往往一成不变和难 于修改 这给网站的建设带来了极大不便 作为教学网站最直观的要素 界面直接影响到网站的交互性 易用性和趣味性 优 秀的人机界面可给使用者提供舒适 方便和令人愉悦的使用环境 使网站操作符合使 用者教与学的心理需求和逻辑方式 取得良好的教学效果 教学网站在不同的应用环 境中 对界面效果及交互性也有着不同的需求和特点 特别是对于教学网站集群 如 学校各教学院系 科研单位的网站 众多实验室网站 教师个性化教学网站等 数量 大 内容多 时效性强 要求网站建设能够快速适应教学改革 避免千篇一律 体现 各自的特色 因此 伴随着我们对动态网站UI 设计越来越高的要求 为使用者提供丰 富 好用的界面 方便 快速 自主地动态构建教学网站的界面环境 具有切实的意 义 2 研究目标 本文试图通过剖析教学网站 UI 设计的特点及技术实现的办法 结合作者的创作实 例 建立丰富 实用的 界面模板库 以寻求简单易用 动态定制网站界面的办法 达到按不同应用环境对界面交互性的需求和特点 自主 快速地构建 Web 界面的显示 效果 体现为如下几点 l 丰富实用 提供包含多样的显示风格和功能布局的界面模板 l 简单易用 通过模板选择和简单定制 能够快速生成教学网站的基本界面 并可随时改变 l 动态编辑 能够基于 web 界面 自主编辑界面各个分区 细化和完善界面的 最终显示效果 E-学习环境设计与开发 378 第十届全球华人计算机教育应用会议 GCCCE2006 论文集 l 良好的扩展性 动态编辑 管理 维护界面模板库 使其不断扩展 3 教学网站UI 设计的特点 作为专业信息网站 教学网站不追求大而全 而是力求做到在特定教学领域内 全面 持久地为特定群体提供良好的 以教学内容为基础的服务 为了确保研究的有 的放矢 我们需要对教学网站UI 设计的特点进行分析和归纳 为 界面模板库 的定 位及建立奠定基础 教学网站的界面设计 不同于传统的纸质媒介 如课本 辅导书籍等 的版面设计 它既遵循一般的设计原则 同时因技术 载体 运行方式等的不同 又有其自身的特 点 3.1. 技术与艺术结合 内容与形式统一 教学网站的UI 设计 要求在有限的屏幕空间中 将多种媒体元素 如图像 文字 动画 音频 视频等进行有机的组合 多种媒体元素在UI 设计中的综合应用 避免了 教学过程单纯停留在简单的阅读中 界面设计也由纯粹的视觉艺术扩展到视 听觉相 结合 但是要注意的是技术与艺术需紧密结合