维度3:界面、页面设计。指多媒体课件、网络课程界面、页面风格统一,协调美观,易于使用和操作,具有完备的功能。
编号
| 名称
| 约束性
| 描 述
| 具 体 说 明
| 备 注
|
3.1
| 风格统一
| 必需
| 课程在格式、风格、语言上具有内在的一致性,学习者不单可以通过学习内容,也可以通过界面或页面风格、提示等及时了解学习路线和知识点位置关系,避免给学习者造成不必要的分心或认知负担。
| l 风格统一包括界面或页面格式、风格以及语言风格等;
l 整个课件或课程在风格上应具有内在一致性;
l 课件或课程中各个单元、模块应具有内部一致性;
l 不会因风格的杂乱而给学习者造成不必要的分心或认知负担。
| 影响风格内在一致性的因素主要包括:
l 屏幕功能分区(如标题区、基本功能按钮区、信息区等);
l 按钮、图标、热键的风格;
l 背景以及各类文字、插图等可视元素的色彩;
l 各类文字(如各级标题、正文、重点内容、插入性文字、反馈等)的大小、颜色和格式;
l 整体的语言风格。
|
3.2
| 屏幕布局
| 建议
| 屏幕设计简洁美观,文本、图形、图像等视觉元素构图合理,主体内容视觉信息表述明确,主陪体间信息互补,色彩和明度搭配协调得当。
| l 整个课程的页面简洁美观;
l 页面上的文本、图形、图像等可视元素搭配构图合理。
l 主体内容视觉信息表述明确,主陪体间信息互补,色彩和明度搭配协调得当;
l 屏幕构成具有视觉上的吸引力。
|
|
3.3
| 易识别性
| 必需
| 课程中的文字、图形、图像等视觉元素的大小、位置、颜色、对比适当,在显示器分辨率800×600 或以上时均清晰易辨。
| l 文字、图形、图像等视觉元素大小、位置、颜色、对比适当;
l 在显示器分辨率800×600 或以上时均清晰易辨。
| 如果屏幕内容过多,应该采用非独立屏幕显示方式扩展信息含量。
|
3.4
| 导航与定向
| 必需
| 学习者无需特殊帮助就可轻松地操作导航路径,自如地访问课程的各个模块,并能确认自己当前的位置。
| l 课程的导航策略直观明确,简便易用;
l 学习者可以方便地访问课程的各模块;
l 有明确的定位标记,标明学习者在整个课程中的位置。
| 导航策略包括:
l 课程地图:通过图形方式直观地说明课程的各个部分,学习者点击自己想访问的位置就可以直接进入该内容;
l 导航框架:显示课程的各个模块,指引学习者穿行于各模块之间,进行访问和浏览。
l 内容框架:指引学习者访问课程的各部分内容。
l 为了帮助学习者更方便地访问课程的各个部分,应尽可能提供一种以上的导航方式,以便于转换视角;
l 无论当前在什么位置,学习者都应可以很方便地回到刚才访问的位置,回到课程的首页,或者退出课程。
|
3.5
| 链接标识
| 建议
| 链接明显易辨,有明确的指示标签,学习者在打开链接以前能知道所指向的主题内容。
| l 链接明显易辨;
l 链接有明确的标签,在打开链接以前能很容易地知道链接所指向的主题内容;
l 编排顺序有利于学习者对内容的理解和学习。
| 在网络课程中,当链接所指向的是本课程以外的网址、或者使国外的网址时,应该给予明确的说明。
|
3.6
| 电子书签
| 建议
| 能标记和记录学习者学习到的位置,当学习者再次登录时能自动定位到上次结束时的位置,并允许学习者对特定内容做标记。
| l 有电子书签功能,能标记学习者学习到的位置;
l 在学习者再次登录时自动定位到上次结束时的位置;
l 并且允许学习者对特定内容做标记。
|
|
3.7
| 内容检索
| 建议
| 能通过关键词检索到以各种媒体形式表现的有关内容。
| l 有检索功能;
l 能准确地检索出课程中以各种媒体形式表现有关内容;
l 点击检索到的结果即可直接进入相应的内容。
|
|
3.8
| 操作响应
| 建议
| 对学习者的操作做出积极的反馈,利用视觉效果变化或听觉提示等表明操作已经生效。当连接下载操作时,应该在屏幕上提示用户需要等待的时间或所下载文件的大小和尚未下载的文件数据量。
| l 利用视觉效果变化或听觉提示等表明学习者的操作已经生效;
l 当连接或下载需要较长时间时,在屏幕上提用户需要等待的时间或所下载文件的大小和尚未下载的文件数据量;
l 提示信息完备,并且不干扰正常操作的进行。
|
|
3.9
| 操作帮助
| 必需
| 针对课程的操作使用方法提供明确完整的指导说明。
| l 针对课程的操作使用方法提供帮助说明;
l 帮助说明应该明确、完整、有效。
| 针对较复杂的功能可以提供专门的交互性培训程序。
|