响应式移动学习的基础知识

这篇文章讨论了什么是响应式设计,为什么移动学习需要时间,以及如何实现它。

双赢:移动学习和响应式设计

您是培训经理,希望在您的组织中实施移动学习吗?如何使在线培训课程兼容多种设备?是否每个设备都需要一个单独的版本?

如果您正在努力解决这些问题,您需要了解响应设计,解决方案。

随着移动流量现在占互联网流量的一半以上,响应的网页设计变得越来越重要。Forrester的调查据调查显示,多达66%的员工每天使用两种以上的移动设备,包括台式机、笔记本电脑、智能手机和平板电脑。有12%的人在工作时使用平板电脑,这一比例虽小,但却引人注目。由于当今多种移动设备的广泛使用,制作便于移动的电子学习课程已成为强制性的。

什么是响应性设计?

响应式网页设计(RWD)是一种专注于制定Web内容的方法,以提供跨多个数字设备的最佳观看和交互经验,从桌面到智能手机。轻松阅读,在RWD中可以使用最少调整和滚动的导航。这有助于开发在各种数字设备的不同屏幕尺寸并提供“响应”的在线课件,并提供最佳观看体验。

响应式移动学习是RWD在移动学习中的应用。这促进了移动学习课程的开发,可以在多个设备上有效访问。因此,一个电子学习课程的单一版本会根据访问该课程的设备的屏幕大小自动调整其图形用户界面(GUI)。

响应式移动学习的7个令人信服的理由

响应移动学习通过在学习者的移动设备上提供无缝访问在线课程,帮助学习者掌握学习。这确实让学习变成了移动的,而移动的学习可以随学习者去任何地方!以下是选择响应式移动学习需要的七个令人信服的理由。

1.多设备使用

根据通过的研究聪明的见解在美国,互联网用户每天用移动设备访问数字媒体的时间约为2.8小时。相比之下,这个数字降到了每天2.4小时。这些数据表明,人们正在使用智能手机和平板电脑搜索必要的信息。如果是这样的话,电子学习和在线培训应该是移动友好的。这只有通过响应式设计才能实现。

2.各种屏幕尺寸和浏览器

手机制造商年复一年地推出各种尺寸的新机型,它们被称为智能手机、平板电脑和平板手机。这些设备的屏幕尺寸从3英寸到12英寸不等。安装在这些设备上的本地浏览器也不同。响应式设计兼容所有本地浏览器,并自动调整到所有移动设备的屏幕大小。

3.节省设备成本

由于响应设计与多个移动设备兼容,因此组织不需要提供支持其应用程序的特定设备。他们可以在员工的Mobiles / iPad /平板电脑上加载他们的应用程序,以便他们可以从自己的设备访问学习/培训内容。这导致组织节省了大量成本。

4.支持离线浏览

响应式设计与HTML5兼容。这支持离线浏览。学习者首先需要通过互联网将课程内容下载到他们的设备上。一旦下载,他们就可以离线查看和阅读内容。

5.促进顺序筛查

响应式设计使连续筛选成为可能。在这种情况下,学习者可以在一个设备上暂停在线课程,然后在另一个设备上恢复,就在他们停止的那个点上。这使得学习具有高度的灵活性和易用性。例如,一个在线课程被分配给一个忙碌的主管。他在工作时间通过桌面访问课程,但由于时间限制,他只完成了电子学习项目的一部分。他在家里通过手机接入课程完成了未完成的部分。

6.增强用户体验

由于响应式设计灵活,并根据用户屏幕的大小调整布局,它将增强用户的体验。学习者在不同的设备上使用不同的浏览器获得相同的浏览体验。

7.成本效益

为培训劳动力的电子学习课程开发一个基本版本,而不是为各种小工具的多个版本准备多个版本。响应性移动学习是高度成本效益,因为它促进了基本版本的高效适应各种设备

设计响应式移动学习的7个技巧

设计响应式移动学习需要比设计电子学习课程的不同方法。是七个提示设计响应式移动学习。

1.选择适合移动设备的布局

所有电子学习课程布局都可能不适合小屏幕。这就是为什么您需要选择适合各种设备和本机浏览器的布局。无论他们是否在平板电脑或智能手机上查看电子学习课程,您的学习者都需要拥有相同的体验。这完全是关于您可以制定布局的简单。避免Java脚本和闪存元素,使您的移动学习设计复杂。而不是那个,开发HTML代码使您的布局更加简单。

有助于创建移动友好布局的方面:

  • 保持GUI的最小值。不要混乱屏幕。确保用户可以轻松地使用手指导航。您可以使用垂直滚动条,但避免使用水平滚动条。
  • 使用可伸缩的矢量图形。可缩放的矢量图形确保所有移动设备上的最佳观看体验。
  • 避免背景图像,模式,听起来可以防止学习者分心。
  • 避免使用花哨的字体确保文字清晰可见。使用花哨的字体有时会令人恼火。
  • 注意决议和框架大小。
  • 用HTML5发布课程使它们与所有移动设备兼容。

2.最小化加载时间

在查看课程时,没有人喜欢缓慢加载内容或频繁中断流。在zip文件中压缩内容可帮助您在更短的时间内提供沉重的内容。这将最大限度地减少课程和学习者的大小,利用有限的带宽将能够访问课程。后端编码和使用某些脚本也将减少加载时间。避免不必要的图形,边界和其他任何无用的元素,但使您的移动学习重。

3.块的内容

在电子学习中,一个模块分为许多章节,每章反过来又分为许多主题,许多主题都遇到了1-2页。对于响应性移动学习,仅介绍需要了解的内容,将其限制为单个屏幕可以缓解导航。

4.使用简单的交互

不要添加复杂的导航和高交互,因为移动设备的屏幕大小与桌面不同。它们可以被节省使用,并且可以将翻转等交互转换为单击选项卡。

5.使用简单的导航

在响应式设计中,你应该有一个简单的导航。确保课程易于阅读和理解。保持你的设计简单易操作,因为大多数的手机是触控式的,点击区域应该足够大,一个成年人的手指。

6.添加图片谨慎

在敏锐的设计中,您应该非常谨慎行事,同时缩放和裁剪图像,该图像必须根据设备尺寸调整它们的尺寸。可以使用级联样式表(CSS)脚本动态缩放图像。

7.选择字体而不是图像图标

图像图标占据更多内存空间,因此选择移动友好学习的字体。矢量图标可能在iPads上显得太大,笔记本电脑很小。字体可以轻松调整并符合敏感设计的屏幕。

到底

我们在多器件和多屏幕时代。设计桌面的在线课程不再工作。因此,设计与各种移动设备兼容的在线课程是需要小时的需要。响应式移动学习的突出多年来一直在增长,并在将来才能飙升。

Now that you know about responsive mobile learning, how it helps employees, and the tips to be kept in mind to develop effective mobile courses, why don’t you give it a try for your training activities and help your employees utilize their dead hours optimally?

响应式电子学习的原因和方式
双赢:移动学习和响应式设计
复制链接