教育软件的界面设计原则

教育软件的界面设计原则•操作简单•布局合理前后一致•色彩搭配协调•界面组接流畅•（1）安装运行简便•（2）菜单简明合理•（3）内容简洁明了•（4）提供帮助信息操作简便•（1）安装运行简便教学软件尽可能避免安装，启动过程应力求简单。在整个教学软件运行过程中，对命令键、功能键、命名应单一且始终如一。•（2）菜单简明合理设计时，根据教学内容的需要，把教学内容分成若干层次，利用菜单技术来实现多层结构，各级菜单应逐层深入，直至覆盖全部教学内容。菜单的分级最好不要超过三级，且尽可能同时显示多级菜单。菜单的表达方式有文字式、图形式、表格式和图文混和等多种形式，需要注意菜单的标题应简单明了，文字表达要言简意明，可以使用图形标题，但需要清楚的表达代表的文字信息内容。•（3）内容简洁明了教学软件的操作界面避免繁琐，不要实用意义含混不清、模棱两可的词汇或句子；简洁就是尽可能用较少的文字或简单的图表来表达所需的信息。为了突出重要信息，可以在显示中使用黑体字、加下划线等方式来强调某些重要的、期望引起学习者注意的信息。•（4）提供帮助信息为了方便用户使用，教学软件中应设置必要的帮助信息，如系统帮助、功能帮助和警告帮助等帮助信息。这些帮助信息可以是综述性的信息，也可以是与所在位置的上下文相关的针对性的信息。帮助信息可以起到文档手册的作用，但其内容应精炼，应以简略文字、图形说明等形式指导学习者完成某种功能的操作。布局合理前后一致•（1）恰当布置，主题突出•（2）重点集中，视点明确•（3）美观大方，前后一致•（1）恰当布置，主题突出•在进行界面布局设计时，需要注意信息区、功能区、美化区的分配比例。①信息区即教学内容的显示区域，该区域应不小于整个画面的60%。②功能区即触发交互功能的按钮、滑块和热区的区域，该区域应占整个画面的10%~30%。③美化区即使用图形图像为教学软件增加美感，该区域应不超过整个画面的30%•（2）重点集中，视点明确显示内容应恰当，不应过多，切换不应过快，由于屏幕尺寸固定，所以要求重点集中，视点明确。在同一画面上，不应出现两个以上的视觉中心，以分散注意力。可以使用预留空行、空格的方式使学习者提高阅读和查找的速度。•（3）美观大方，前后一致界面设计要美观大方，不落俗套，但也需要避免画面设计过于复杂，显得主次不分，使学习者分散注意力。前后一致时人机交互界面领域的普遍原则，它是将相同类型的信息使用一致的相似方式显示，包括显示风格、布局、位置和所使用的颜色等的一致性，以及相似的人机操作方式。一致性的交互界面，可帮助学习者把它们当前的知识、经验推广到新教学软件中去，减轻学习者的重新学习、记忆的负担。色彩的搭配协调•（1）需要表现对比的颜色搭配•（2）需要表现调和的颜色搭配•（3）使用配色技巧•（1）需要表现对比的颜色搭配•在以下几点的颜色对比中，需要保证色彩之间的对比，以突出主题。①整体前景色与背景色之间需要产生对比②功能按钮颜色与周围颜色之间需要对比③文字颜色与周围颜色之间需要对比④不同内容之间的颜色需要对比⑤需要重点突出的内容颜色与周围颜色需要对比颜色的对比差距并非越大越好，对比过于强烈，刺激太大，容易使人产生疲劳。•（2）需要表现调和的颜色搭配在屏幕中现实所使用的颜色不宜过多，对比颜色之间需要调和。使用过多颜色的屏幕反而不利于区分颜色及使用颜色的含义。在不必要的情况下，显示所使用的颜色宁少勿多。•（3）使用配色技巧①颜色的选择要根据教学软件涉及的内容决定（如革命史红色调，生物学绿色调）。②一般主题信息或需要强调的颜色使用高饱和度高亮度的颜色。③辅助信息颜色的使用强调柔和、平淡，使用低饱和度和低亮度的颜色来显示不需强调的辅助信息④背景色应使用色相相近的颜色，可以在局部有一些对比。⑤当整个界面颜色比较单一或昏暗时，可以人为地添加一些高明度高纯度的透气色界面组接流畅•（1）界面切换自然•（2）增加画面间的过渡•（3）界面间的组接设计应遵循学习规律•（1）界面切换自然界面切换保持在方向、色彩和亮度等方面的协调，避免将反差较大的画面组接在一起。同时界面间切换应非常迅速，不应出现较长时间的等待。因技术原因出现的等待时，应给出“正在读入数据，请稍等……”之类的提示信息。•（2）增加画面间的过渡有些画面（如动画之间）不适合直接切换，在设计中可以采用淡入、淡出等过度技巧组接•（3）界面间的组接设计应遵循学习规律在表达教学内容时，应该遵循学习规律，先整体后局部，有已知到未知，先设问再分析，不设置不符合学习规律的交互。•综上所述，交互界面的设计不仅要向用户提供一个交互性强的操作环境，而且还要从用户的感观享受等方面进行全盘考虑。所以在界面设计时，应该把握整体，统筹安排，制作出高水平的多媒体教学软件，以达到最佳的教学效果。制作人：高玉兰、姚鹏远