文字设计方面:
- 理解电子文本和书面文本没有本质上的区别;
- 屏幕上的阅读速度比在纸张上阅读同样的文字要慢20~30%;
- 文字字体和布局本身诸多因素(如行距、字体、大小等)的变化会明显影响用户的阅读速度和对阅读的态度;
- 小号字体比大号字体更容易阅读;
- 文字行应该较短,在8~10个英语单词之间;
- 文字应该采用句法移行方式;
- 文字应该以语意(意群)为单位来显示(如一次一个概念);
- 文字特征如黑体、斜体、字号等如果适当运用可以起到突出显示、吸引注意力的作用;
- 文字应该与左边距对齐;
- 文字显示应该大小写体综合使用;
- 应该避免使用跳跃式垂直滚动的方式;
- 平稳式垂直滚动可以用来浏览或查阅窗口里的内容,而不宜用作主要显示方式;
- 使用垂直滚动方式时,应该采用高于用户喜欢的20%的滚动速度,否则静态显示更有助于用户理解所显示的内容;
- 水平滚动应该采用20个字符的窗口,每次向前滚动5个字符,应该由用户来控制滚动速度;
- 教学辅导性文字材料里的交叉参考有助于用户浏览获得除主材料之外的更多辅助材料;
- 用户在前三次接触交叉参考资料时的作用不很明显;
- 计算机屏幕上显示文字材料时的位置是很有讲究的。
颜色运用方面:

- 相比之下,用户更加喜欢彩色的、而不是黑白的学习材料;
- 用户使用彩色和黑白的学习材料时的学习效果基本上是一致的;
- 用户往往对彩色的学习材料给予较高的评价;
- 避免不相匹配的颜色组合;
- 文字中滥用颜色时是很容易引起用户的反感的;
- 相反,用户都喜欢系统化地运用颜色的学习材料;
- 为了确保文字的可读性,可以最大限度地增加文字颜色和背景颜色的反差;
- 短期记忆只局限于5~9种颜色;
- 在界面设计时可以利用5~12种颜色;
- 为了增加用户对学习材料的兴趣,最多只能使用7种颜色;
- 超过7种颜色时,会减少用户点击、浏览材料的数量;
- 在视觉边缘区域应该运用白色而不是红色或绿色,因为这些颜色是不容易被看清的;
- 利用图形和颜色两种手段来帮助那些患有色盲的用户;
- 颜色有助于回忆信息;
- 颜色有助于记忆信息;
- 用户对颜色是有不同的喜好的;
- 用户喜欢在浅色的背景上阅读深色的文字;
- 在浅色的背景上阅读深色的文字时用户的出错率较低;
- 在浅色的背景上阅读深色的文字时用户完成任务的速度较高;
- 为了确保文字的可读性,最好只在纯粹单一的背景颜色(如:白色、黑色或灰色)上使用彩色的文字;
- 有选择地利用颜色来吸引用户的注意力时有助于用户的学习;
- 过多地运用颜色会分散用户的注意力,也可能使用户对所学材料混淆不清;
- 彩色学习材料比黑白材料记忆得更加准确;
- 随着显示密度的增加,用户识别信息的难度也会增加;
- 跟图形突出显示或不加突出显示相比,颜色是个更加有效的突出显示的工具;
- 随着颜色种类的增加,用户识别信息的难度也会增加;
- 颜色种类与显示密度之间应该呈反比关系:为了保持用户的操作水平,颜色种类多时,显示密度应该较低;颜色种类少时,就应该有较高的显示密度;
- 颜色的功能性用法应该始终保持一致;
- 不应该滥用颜色;
- 将相互类似的信息组合在一起,运用与信息相关的颜色;
- 为了吸引用户的注意力时,运用颜色比闪烁或慢镜头录象更加有效。
图象设计运用方面

- 为了增强计算机界面的可读性,图象和背景必须有较大的反差;
- 图象必须与所要达到的学习目的紧密相关;
- 跟所学文字信息无关的图象不会有助于学习效果的提高;
- 跟文字相关的图象有助于学习该文字材料;
- 文字中图象的出现不会帮助学习未经图象描绘的文字;
- 图象有助于增强学生理解和回忆所学信息;
- 图象有时可以替代文字或者提供文字之外的信息;
- 用户往往需要经鼓励或提示才能真正领会和掌握比较复杂的图象的内涵和用意;
- 跟单纯文字相比,学员往往更加喜欢有图象加以说明和描绘的文字;
- 图象对于较差的学员更有帮助;
- 分布图、表格、图形等只有在其信息被学员浏览学习之后才能发挥作用,因此必须鼓励学员努力分析这些信息;
- 运用图象的目的必须明确;
- 学习材料前的结构化显示可以减少出错率、提高学习成功率,加快学习速度;
- 学生理解、接受、记忆和回忆条理清楚组织严密的学习材料,效果更佳;
- 屏幕上显示多个图象往往被当作一个图象来处理;
- 学员能更加深刻地记忆跟文字信息紧密相关的图象;
- 屏幕上一次显示的内容应该看作是一个整体信息或者一组相关的信息;
- 即使计算机屏幕上的显示呈二维状态,视觉系统也会把所接收到的刺激当作三维画面来处理;
- 可以用不同的视觉手段将信息组织在一起,如:摆放位置、颜色、密度、纹理和深浅等;
- 比较现实的图象也可能会和简单的素描一样激发学生的学习兴趣,吸引他们的注意力;
- 现实性图象的有效性取决于学生愿意投入学习该图象的时间和精力、学生处理图象细节的能力和设计运用图象的目的;
- 界面上图象应该放置在要描述的文字的附近,而不宜与之相离甚远;
- 比喻性图象对能力较低的学员尤其有效;
- 提示性的文字说明和描述性的文字说明的助学效果相当,但是前者占用的空间要小的多;
- 逻辑性图象可以有效地显示信息细节;
- 图象可以帮助学员理解概念间的关系;
- 只有图象里的信息被学员理解才能真正有助于学习;
- 图象的说明性文字也可能阻碍学员理解其中的信息;
- 语言能力较差的学员从图形、表格的运用中受益稍大一些,而语言能力较强的学员从中受益很小;
- 增加图表中某项的细节可能会有助于某些练习或任务的完成,但是太多的细节又有可能对学员的学习造成障碍;
- 如果学员对结构化文字比较了解,结构化文字会达到与图象线索相同的助学效果;
- 图文并用的像标比单纯文字像标或单纯图象像标对学员来说更富有意义;
- 图象和动画的运用可以增强学员的学习过程;
- 学员喜欢占屏幕空间四分之一到二分之一的代表性图象;
- 单个屏幕上最多可以显示三个代表性图象。
WWW网页设计制作方面:

- 利用不同的计算机和浏览器测试、检查网页显示是否合适;
- 说明网站的结构特点、文件大小、浏览器要求等,以便用户对可能的时间耽搁心理上有所准备;
- 容许用户在网页学习材料各元素之间浏览时可能造成的时间耽搁;
- 连贯一致的表现手法;
- 清楚明了的结构框架(在用户需要的位置提供标题、提示字幕、指示语等);
- 友好清晰的界面显示(信息不是过分密集);
- 准确丰富的内容信息;
- 美观宜人的视觉感受(激发用户的学习兴趣);
- 网页设计的目标是清楚的框架结构、友好的页面显示和丰富的内容信息;
- 网页长度不宜超过3~4个屏幕;
- 翻页的次数越少越好;
- 避免使用水平滚动;
- 如果用户需要打印网页上的内容,最好将不同的网页上的内容设计成另一个版本(一个大的网页),或者提供一个可以下载的文件;
- 网页要求结构连贯、简单大方,能够激发兴趣;
- 每个网页上最多提供5~7个选项;
- 浏览任何内容最多不超过3个层次或步骤;
- 每个网页上都提供退出的按扭;
- 任何地方都可以一步返回主页;
- 每个网页上都有清楚简洁的提示以帮助用户的浏览。
- 连贯一致地使用框架结构易于帮助用户浏览网站上的内容;
- 框架结构也可能增加显示的复杂性;
- 框架结构下载速度相对较慢;
- 利用图象时,最好同时提供文字说明,以防不能正确显示时,用户的计算机屏幕上出现空白;
- 图象会大幅度增加网页文件的大小,从而影响下载速度;
- 链接和浏览提示都有利于使网页结构清晰化;
- 永远提供返回主页的链接;
- 如果文件较长(超过两个屏幕),提供返回页首的链接;
- 主页上介绍网站的结构和主要内容;
- 设计较长的网页(超过两个屏幕)时,在页首提供小标题的链接;
- “下一页”、“后退”、“返回”等链接要求用户明白这些链接将要去的地方,否则最好说明,如:“下一页到颜色第4页”、“退回到颜色第2页”、“返回颜色主页”;
- 链接扭所用的语言应该简单易懂,而且要有意义。
- 超文本链接不宜滥用;
- 动画可以帮助显示状态随时间进行的变化;
- 动画可以增加显示的趣味性;
- 动画可以吸引用户注意力。
- 尽量保持图象与背景之间较大的反差;
- 图象必须与所学材料材料紧密结合起来;
- 跟文字内容相关的图象有助于学习和理解该文字材料;
- 图象有助于学生理解和回忆所学信息;
- 学生必须经一再鼓励才可能努力挖掘较复杂的图象里的内涵;
- 图象应该与其描绘的文字排列在一起;
- 学生喜欢占屏幕四分之一到一半的图象显示,但是往往比较容易记住那些需要点击下载的图片;
- 单个屏幕上最多可以显示3个代表性图象。
- 用户在计算机屏幕上阅读文字的速度比在纸上阅读慢20~30%;
- 文字行一般来说应该比较短(8~10个字);
- 文字应该以意群为单位来显示(一次一个完整的概念);
- 文字应该左对齐;
- 文字排版时应该上下格配合使用;
- 辅导材料里信息内容交叉参考有助于提高用户使用所设计的各种功能。
多媒体设计制作方面:

- 设计计算机多媒体学习材料时,要力争把握好活跃的、能够激发学习动机的界面显示和信息过于繁杂、显示过于混乱的界面之间的平衡;
- 用户往往对多媒体材料中的录像怀有很高的期望;
- 计算机多媒体学习材料必须在录像质量和可供选取的素材之间作出妥协;
- 增加用户对多媒体材料的控制,加强用户与媒体材料之间的交互性;
- 录像是一个很好的学习助手:
- 可以显示事物的发展变化过程(如生产线的流程);
- 可以模拟某些实践经历(如录像角色扮演);
- 可以显示某些无法亲身经历、或肉眼无法观察得到的环境或事物(如星际运动和显微镜下的观察等);
- 可以真实记录人际交往的过程(人际交往技巧);
- 可以显示某些具体的活动或运动;
- 录像可以增加计算机辅助学习材料的显示性;
- 运用用户日常生活中可能熟悉的录像控制按扭;
- 一般来说,用户都是从屏幕的左上角开始浏览,紧接着观看屏幕的上部,然后以顺时针方向向下移动,直到屏幕的最底端、左下角;
- 多媒体学习材料界面显示必须风格一致,前后连贯,要尽量避免给学生提供太多的信息;
- 将相关的信息逻辑性地组合在一起,界面显示风格连贯;
- 显示的信息数量应该保持在最低可能;
- 加大用户选择权;
- 利用空格或其它手段来明确显示不同的信息,以便用户能方便地注意到这种提示;
- 设计时必须考虑用户阅读和浏览屏幕的方法;
- 多媒体学习材料中,声音有很多不同的功能:
- 录像的声音频道;
- 特殊效果音响;
- 用来解释或说明一些静态图象的文字录音;
- 声音提示或者警告;
- 文字材料的录音或录音解说或说明
- 声音一般不宜用于下列场合:
- 传达详细的信息内容;
- 在缺乏图象或录像的支持下单独描述事件;
- 希望学生准确记忆的内容;
- 一再重复使用(用户很快就会厌烦);
- 自然的声音可以传达很多重要的信息;也可以增强人机界面;
- 必须向用户提供暂停或停止声音的选择;
- 动画可能是有助学性的;
- 学生一旦发现学习材料之间的某种关系后往往就不再会努力去发现其他的可能性;
- 学生由于精力完全集中于模拟运动这种动态的显示,就会影响他们发现和探究其他具体的关系的能力;
- 运用简单的、比较短暂的动画;
- 运用动画时最好同时提供文字说明;
- 运用动画和其他手段来突出关键的内容;
- 变换动画的速度可以加强突出显示效果;
- 当学习材料的内容涉及运用或相关的信息时运用动画是适宜的;
- 动画应局限于解释说明学习材料里关键的信息或特征;
- 运用动画来显示通常人们肉眼难以看到的活动状况;
- 避免滥用动画而分散用户的注意力;
- 运用文字和声音将较长的动画分成短小的片段;
- 多媒体材料中,屏幕上开设窗口的数目不宜太多。

|