4对HTML5转换的响应性设计注意事项

为HTML5转换为HTML5转换提供的响应输出,随时随地访问手机。探索闪光到HTML5转换的这个方面。

访问完整的指南闪烁到HTML5电子学习转换

现在下载
4对HTML5转换的响应性设计注意事项

移动设备的普及影响了学习者如何与在线学习内容进行互动。根据成熟的报告,周围64%的学习者发现从移动设备访问其培训内容非常有用。显然,使用移动技术进行培训的势头远未显示任何减速的迹象。但是,基于闪存的电子学习课程随着学习需要的任何地方都无法满足您的学习者,因为Flash输出不是移动兼容的。

此外,Mozilla Firefox和Google Chrome等主要浏览器已宣布向2020年宣布退出对Flash的支持。因此,将您的电子学习从Flash转换为HTML5,无法获得可跨平台和浏览器访问的响应输出。说过,选择一个电子学习创作工具这可以提供您在课程中所需的响应程度是响应课程设计的重要组成部分。

提示,以确保闪烁到HTML5转换导致响应性设计

选择一个适当的创作工具,提供响应输出

响应式电子学习设计意味着发展单身的课程可以在各种浏览器,操作系统和设备上查看。当课程响应时,屏幕内容适应屏幕尺寸和所使用设备的方向。将Flash转换为HTML5时,您如何获得响应输出?您可以使用新版本的创作工具重建内置闪存和其他软件的课程。

大多数电子学习创作工具,如铰接故事情节360,Adobe Captivate和Lectora Inspire提供响应性输出,但响应程度的不同程度不同。

可扩展的输出

使用铰接故事情节等创作工具,可以缩放屏幕内容合身正在使用的设备的屏幕尺寸。铰接式故事情节3和360提供了一个响应的播放器,提供五个预览:

  1. 桌面/笔记本电脑
  2. 平板电脑在横向模式下
  3. 平板电脑在纵向模式下
  4. 智能手机在横向模式下
  5. 纵向模式下的智能手机

这使您可以检查转换后的课程如何了解各种设备和方向。虽然学习者可以将转换的闪光灯查看到他们的设备上的HTML5 Elearning课程,但根据设备,学习者能够查看空格。

训练教练课程

单击以查看源:Commlab India

这两个图像显示了屏幕上的缩放如何缩放以适合屏幕,这取决于设备大小和方向的空格。

响应断点

断点表示最常用设备的预定义尺寸。课程开发人员可以在课程中使用多个断点并随时在它们之间切换。快速创作工具如Lectora Inspire,Adobe Captivate 8,9提供了允许不同屏幕尺寸的课程开发的断点。

响应断点

在课程中使用断点的两个例子。图1显示了在景观视图中的智能手机上的课程视图,而image 2显示桌面上的课程视图。

响应模板

阐明崛起,GOMO和Dominknow流程等创作工具允许创建完全反应的电子学习课程。幻灯片自动适应每个设备,而无需手动调整它们。Adobe Captivate 17的流体盒功能自动适应放置在屏幕上的对象以进行多设备视图。

在从闪存到HTML5转换时,使课程响应

用HTML5替换基于闪存的电子学习课程使设备独立于无关的学习现实!学习者将克服从PC或笔记本电脑访问课程的禁闭。无论您的学习者是否正在iPhone或Android平板电脑上查看课程,它就不再重要;HTML5确保输出跨平台一致。根据您的Flash到HTML5转换要求,您的组织可以从重新发布,重建和重新设计转换方法中选择,以获取移动兼容的电子学习课程。

将现有的Flash课程转换为完全响应的课程可以令人生畏,考虑根据设备类型,必须在转换后的过程中手动调整屏幕上的对象。课程开发人员必须手动对齐每个幻灯片的文本和对象(如图像和图形),以便在各种设备类型上进行优化的视图。此外,您的组织还可以在将闪存转换为HTML5时,还可以纳入现代学习方法,如微放工。

例如,让我们假设您的组织想要分解您的文本重型闪存电子学习课程进入微型工程模块。这些微放大模块可以在较大的训练框架中或在需求的时刻作为性能支持来结合。

照顾设计和开发考虑因素

为确保您转换的电子学习课程在所有目标设备上均匀,这里有一些应当照顾的一些设计和开发考虑因素。

选择重建时:

  • 基于闪存的电子学习课程中使用的互动可能在转换后的HTML5课程中无法正常运行。因此,使用创作工具转换互动。但是,如果无法进行直接转换,则在工具中选择最接近的替代方案以确保无差错功能。
  • 如果基于闪存的动画太复杂,则使用截图录制软件录制它们,并包含在HTML5课程中。
  • 您有没有注意到在基于闪存的电子学习课程中使用过洛弗和弹出式菜单?在移动学习课程中的滚动和弹出菜单是一个问题,考虑到今天的手机有一个需要触摸,需要手势,如点击,刷卡,放大和滚动。因此,应用可点击的按钮替换rollovers等元素,以确保学习者使用手指无缝导航课程。
  • 为避免慢速加载课程,确保内容是清晰的,仅包括“必须知道”信息。为每个设备上的优化视图创建不同版本的图像是另一个最佳实践。

在最终发布前测试课程

一旦从闪光到HTML5转换到HTML5,就可以进行第一阶段Scorm云这允许您部署,测试和评估云上的功能的课程,而无需屈服于专有解决方案。您可以查看书签,课程状态,分数,学习者尝试数等方面,更重要。

此外,应在供应商以及LMS中进行课程。大多数LMS都有预览工具,用于在最终发布之前检查课程的功能。在发布之前,在所有可能的设备和平台上测试您的电子学习程序。确保检查对齐,图像,字体和导航。

与学习者共度持续时间在其移动设备上增加时间与他们的桌面,响应式设计现在被认为是设计有效的电子学习解决方案至关重要。要从Flash获得更多从Flash到HTML5转换,请使用上面的提示来增强响应性设计,并确保您的学习者可能使用的学习平台有效的学习体验。

将Flash转换为HTML5的终极指南
4对HTML5转换的响应性设计注意事项
复制链接