Skip to Content

Research & Training Blog

使用一致的课程材料格式和结构

Above: The famous Confusion Corner in Winnipeg, Manitoba. 这是未能提供清晰视觉线索的绝佳例子. Photo Credit: Jody McIntyre / CC BY-SA

By Chris Wenz

即使很容易获得GPS导航,我们也经常遇到一些...difficulty driving to a new location. 我们还没有形成例行公事, 或者是一组路标和提示来帮助我们到达目的地:我们错过了出口, get stuck in the wrong lane, 或者开过我们要转弯的地方. On top of this, 为了给我们提供清晰的视觉线索而设置的路牌通常会让人感到困惑或放置不当. 再加上恶劣的天气、交通状况和适量的焦虑,事情会变得越来越糟. In these situations we&我们花费了大量的精力来寻找我们的路,因此,即使是我们中间最好的司机和领航员也更有可能犯一些(潜在的危险)错误.

我们应该这样看待任何远程学习的情况:学生们试图在不熟悉的领域找到自己的方向. 作为教师,我们的工作就是尽可能为他们提供最好的指导, 给他们提供充足的线索, 路标和提醒,以帮助他们的旅程. In a traditional classroom, 我们有足够的时间来回答问题,并提醒学生任务的顺序, 我们可以提供大量的视觉和口头提示来帮助学生保持条理和专注于任务. 在网络环境中,我们没有同样的机会来支持学生 in the moment, 因此,我们有责任有意识地、始终如一地向他们展示学习材料. Otherwise we risk creating unnecessary confusion and frustration; in other words: we can’t change the weather, or lighten traffic, 但我们可以确保街道照明良好,并有路标指引他们的方向.

在下面嵌入的交互式图形中, 我使用了我最近教的一个在线研讨会的页面,以突出提示和资源,这些提示和资源帮助我改进了我设计课程和材料的方式. 我当然不是专业的平面设计师, 但是我希望这些关于如何以及为什么使用这些设计元素的资源对您有所帮助.

讨论的主题包括:
  • 使用一致的视觉设计元素,如图标, 标题和颜色提供视觉提示,使课程页面和文档更具可读性和支持性.
  • 建立统一的课程资料命名系统,支持网上浏览和档案整理
  • 使用一致的设计和语言的教学好处
How to use the interactive

Click the red exclamation points 然后在弹出窗口中滚动. 单击右上方的图标以全屏模式打开. 通过单击图形底部的嵌入按钮, you can include this interactive on a website or in a slide show; please just be sure to cite or link back to this page. 这个交互是使用 H5P:一个免费的工具,用于创建各种引人入胜的HTML内容.

一个gif显示了H5P中的交互式内容是如何工作的.

Interactive: 在在线课程中使用一致的格式和结构

Back to top