你是否已经决定将基于flash的在线培训课程库转换为HTML5?你认为这就足够了吗，或者你还需要把它们转换成响应式在线学习吗?你是如何在HTML5和响应式学习之间做出选择的?在转换为响应式电子学习中是否存在挑战?
在将Flash转换为HTML5的响应式电子学习中的设计挑战
- 优化的文字内容
- 将导航元素
- 选择合适的字体
- 包括图像和动画
- 将Flash交互活动转换为响应式电子学习
让我们从消除当你将Flash课程转换为HTML5，这意味着课程会自动响应。
基于html5和响应式电子学习的区别是什么?
虽然HTML5和响应式电子学习都可以在移动设备上使用，但两者还是有区别的。
当您将Flash转换为正常的HTML5电子学习，课程可以在笔记本电脑，台式机和平板电脑上无缝访问。然而，在智能手机上，球场在横屏模式下是没问题的，但在竖屏模式下，随着设计缩小，你会发现一个空白区域。创作工具360, isspring和dominKnow Claro有一个响应迅速的播放器，可以将您的Flash课程转换为基于html5的移动电子学习。
当您将基于flash的课程转换为响应式电子学习时，该课程将针对智能手机访问进行优化。所以不管你是在横屏模式还是竖屏模式下查看课程，设计和内容都会根据设备的屏幕尺寸进行调整。创作工具如Lectora Inspire 17, Adobe Captivate 2017, dominKnow Flow和articl Rise提供真正有效的在线学习。
基于html5的电子学习遵循的是移动友好的设计，而响应式电子学习遵循的是移动优先的设计。 |
如何决定是否选择响应式或HTML5 eLearning在Flash到HTML5转换?
只有当您组织中的大多数学习者在他们的智能手机上访问课程时，您才需要完全响应式的电子学习。此外，还要考虑培训的性质及其内容。如果它主要是基于知识的培训，你可以把Flash课程转换成响应式电子学习。
然而，如果学习者通常更喜欢在他们的桌面或ipad上访问课程，那么当你从Flash转换到HTML5时，基于HTML5的电子学习就足够了。如果您的flash为基础的课程是与技能培训相关，那么它最好留下简单的HTML5 eLearning，包括模拟和实践练习，而不是转换为响应式eLearning，这需要学习策略的一个完整的返修。
在将Flash转换为HTML5时，响应式电子学习设计的5个挑战
以下是你在将基于flash的课程转换为响应式HTML5电子学习时可能面临的挑战。
挑战1:优化文本内容
如果你现有的flash课程需要大量的文本，你会怎么做?为响应性电子学习优化文本过多的内容是困难的。这里有一个解决方案。
解决方案:尝试将内容转换成不同的格式。
- 考虑一个基于flash的合规培训计划的例子。如果您有以冗长文本的形式解释不遵从性的示例，那么使用创作工具中可用的内建字符将它们转换为简单的场景。
- 你可以考虑通过视频覆盖部分内容。当学习者点击热点时，使用热点提供更多的信息，而不是让移动设备的屏幕变得杂乱。
- 如果是一门冗长的Flash课程，可以考虑将其分解成较短的模块。
挑战2:整合导航元素
基于flash的内容可能有一个奇特的导航菜单和按钮。虽然这在台式机上没问题，因为你可以用鼠标选择或点击，但在移动设备上显然行不通。你不能让导航菜单占据手机屏幕的一半。
解决方案:无论你是简单地将Flash转换为HTML5，还是采取其他步骤将其转换为响应性电子学习，保持导航菜单的直观性。
允许学习者在需要时访问菜单(例如:以可折叠菜单的形式提供隐藏导航，在需要时可以展开，在学习者浏览课程内容时可以隐藏)
就像我之前提到的，响应式电子学习遵循的是移动优先的设计。所以导航按钮需要足够大，可以用手指轻敲。导航按钮之间要有足够的间距。
挑战三:选择合适的字体
当你将Flash转换成响应性良好的HTML5时，你很容易忽略字体，因为你的重点是其他设计元素，如图像、动画和交互活动。想知道为什么eLearning开发人员没有使用相同的艺术字体，使用在您的flash为基础的eLearning?
在桌面上查看课程时看起来不错的特定字体大小或样式，在智能手机上查看时可能不具有可读性。这是一个例子。
比较上面显示的字体。左边的字迹很清楚，而右边的则不然。
解决方案:并非所有操作系统都支持所有字体。坚持使用web安全的字体总是更好的，例如:
- 天线
- 快递新
- 新罗马字体
- 乔治亚州
- Verdana
一般来说，无衬线字体在数字设备上具有更好的可读性。最好避免使用斜体字体，因为它会造成像素化，使阅读困难的学习者难以阅读内容。
挑战4:包括图像和动画
在响应式电子学习课程中，可能不可能包含所有基于flash的电子学习课程中的图像和动画。一些图像在缩放时会变得模糊。类似地，Flash中的复杂动画可能不适合转换为响应性电子学习。你可能有与动画相关联的音频，不要忘记，即使这需要同步时，你将Flash转换为HTML5或决定使电子学习课程响应。
解决方案:当图像模糊时，可以建议替换图像。另一种解决方案是在你需要学习者关注的区域周围裁剪图像，去掉不必要的细节。如果在转换为响应式电子学习时文本不易读，则可能需要编辑基于flash的电子学习中带有文本标签的图像。
保持文件轻响应电子学习，无论是图像，图标，或动画。如果动画是在Flash中使用ActionScript编程构建的，请考虑转换成MP4格式并将其作为视频加入到你的响应式电子学习课程中。将矢量图像转换为可缩放矢量图形(SVG)格式。svg具有以下优点:
- svg不受多个移动设备不同屏幕分辨率的影响。
- SVG文件是轻量级的。
挑战5:将Flash交互活动转换为响应式电子学习
仿佛挑战将Flash交互转换为HTML5这还不够，你还面临着额外的挑战，即如何让游戏能够响应手机优先战略。例如，Flash课程中的交互性(在鼠标滚动时显示额外信息)在响应式电子教学中不起作用。基于触摸的设备不支持悬停效果。
解决方案:当你从Flash转换到响应式HTML5电子学习时，用点击替换需要鼠标滚动的活动。例如，当学习者点击图像或文本标签时，他们应该能够查看更多信息，而不是翻转。
虽然将你的Flash课程转换成HTML5以使其移动友好是个好主意，但当你将其转换成HTML5时，将课程转换为响应性电子教学是一个全新的球游戏。响应式电子学习课程的开发时间自然会增加，测试响应式电子学习课程所需的时间也会增加，因为课程需要在多个移动设备上进行测试。这将增加Flash到HTML5转换项目的成本。
就像任何其他电子学习策略一样，向响应式电子学习的转变需要周密的计划和广泛的测试。对于那些打算从电子学习转向移动学习的组织来说，响应式电子学习是一项值得考虑的投资。但如果你预见到学习者会继续使用他们的笔记本电脑或ipad，那么简单的Flash到HTML5转换就可以了。
