成功响应式电子学习课程的4个秘密

台式电脑不再垄断网络世界。如今，互联网用户使用各种移动设备(如平板电脑、智能手机和个人电脑)访问基于web的内容。越来越多的连接设备的使用正在迫使公司让他们的在线内容响应，这样就可以在任何设备上访问它，不管它运行的平台和屏幕的大小，电子学习资源也不例外。

你计划让你的在线课程响应?如何建立一个好的与设备无关的在线课程?如何才能在所有设备上提供良好的技术支持学习体验?你需要关注4个重要方面。

1.确保响应式在线学习材料的大小

人们常说小即是美在响应式电子学习的案例中，这一点再正确不过了。你不能为移动设备的小屏幕创建一个30分钟的在线学习模块，并期望学习者能够无缝地访问它，而不出现加载问题或分心，对吗?

响应式网络学习设计处理你如何根据使用的设备调整你的用户界面和内容。我们需要加强移动设备上的学习体验，而不是取代pc或笔记本电脑上的学习体验。

实现这一目标的最好方法是将大量的在线学习内容分成小块，每个小块包含一个特定的学习目标。例如，关于个人防护装备(PPE)的半小时电子学习课程可能包含解决以下学习目标的内容。

• 解释使用个人防护装备的重要性
• 描述各种类型的PPE及其用途
• 演示穿戴个人防护装备的步骤

当你为小屏幕的设备改编这些内容时，把它分成几个学习块，每个块处理一个特定的学习目标。与使用PPE的重要性相关的内容可以容纳在一个很小的模块中。关于各种类型的PPE及其用途的信息可以进入第二部分microlearning模块和穿戴个人防护装备的步骤可以在第三讲。

2.从小屏幕开始

在大多数情况下，电子学习课程开发人员会先制定一个最大屏幕的计划，然后试图将其缩小到最小屏幕。这种方法可能不会产生最好的结果，因为开发者通常倾向于包含非矢量图像等元素，这些元素在大多数移动设备上都无法很好地呈现。为了克服这个问题，最好采取相反的方法——首先为智能手机和平板电脑创建响应式在线课程。

当你为不同屏幕尺寸的设备开发基于网络的课程时，有必要关注“断点”，即主要屏幕尺寸，它们比其他尺寸更需要你的注意。

• < 480px(适合大多数老款小屏幕智能手机)
• < 768px(适用于大多数大屏智能手机和小型平板电脑)
• >768px(适用于大型平板电脑和台式机屏幕)

如果你有时间和金钱，你也可以关注以下两种尺寸:

• <320px(对于老的、小的、低分辨率的手机是个好主意)
• >1024px(非常适合宽屏桌面)

3.确保在线课程可以在所有设备上轻松无缝地导航

毫不夸张地说，导航是开发与设备无关的课程中最困难的部分。这是在线课程的一个领域，在这里访问的方便性优先于一致性。你需要确保在任何设备上都能轻松导航。在桌面视图中创建的课程菜单在智能手机和平板电脑上根本无法工作。这就需要为不同的设备设计不同的导航。许多响应式网站的设计者使用“隐藏”导航，你没有理由不这么做。例如，我们在医疗保健领域的一个客户在其相应的在线营养课程中使用牛奶盒图标来表示乳制品列表。

4.测试，测试，再测试响应过程

正确的测试是非常重要的，但不幸的是，这也是良好响应式电子学习开发中最不受关注的方面之一。在发布课程之前，必须测试课程在所有设备、操作系统和浏览器上的兼容性。与前端开发人员保持“密切联系”以避免易访问性问题是很重要的。释放一个β版本的课程，在启动“实际”课程之前。这将使您能够从学习者那里得到反馈，并对课程进行必要的更改，从而在多个设备上提供轻松的学习体验。

一个好的响应式电子学习课程在满足使用多种设备的学习者的学习需求方面大有帮助。按照上面列出的技巧来开发一个高效的与设备无关的在线课程。