将复杂的Flash交互活动转化为HTML5:故事线能做到吗?

清晰的故事线有多种功能来转换在HTML5转换过程中使用的Flash课程中复杂的交互活动。在这个博客中了解更多。

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

立即下载
将复杂的Flash交互活动转换为HTML5:故事线能做到吗?

在快速创作工具出现之前,Flash是教学设计师最喜欢的创建包含复杂交互活动的电子学习课程的工具。如果您的组织在过去十年中一直在使用电子学习,那么您将熟悉Flash的能力。但随着Flash在2020年底逐步淘汰,你可能会计划将基于Flash的电子学习转换为HTML5。那么你可能会担心的一个问题是转换后的互动会发生什么?幸运的是,有了像清晰故事线这样的快速创作工具,你可以重新创建大多数基于flash的交互活动。然而,对于那些不能被复制的互动活动,故事线提供了帮助你重新创造的解决方案直观的互动等这与原文很接近。

让我们看看这个博客中的两个这样的互动。

1.匹配,以下的交互性

这种交互性用于形成性评估帮助学习者回忆信息或加强理解。在Flash中,这种交互性被设计成两列,你可以将左边的选项与右边的选项相匹配。在相应列的字段上单击鼠标后,将出现一行连接这两个字段。完成后,您按“提交”按钮,根据您的答案进行反馈。

故事情节也有这种交互性作为默认选项。然而,学习型设计师却因为两个缺点而避免了这种选择。首先,在默认版本中,学习者必须将内容从一列中拖拽到第二列中。但是,如果拖放区域的内容多于拖放区域的内容,则会导致内容失真或难以辨认。

如果发生这种情况,幻灯片显示的截图

如果发生这种情况,幻灯片显示的截图

另一个缺点是这种交互性在视觉上不够丰富。由于这些问题,学习型设计师倾向于将故事情节中的“配对”互动转化为“拖放”互动Flash到HTML5的转换

在故事线中,拖放部分对选项和占位符进行了描述,并指示在哪里放置拖动选择器。拖动部分可以是带有文本、图片或符号的框。例如,一个关于安全的课程可以在拖拽栏中有安全危险的符号,可以与下落栏中的适当描述相匹配。一旦你完成活动并点击“提交”按钮,正确和错误的答案会用不同的颜色显示,并给出适当的反馈。

故事情节中拖放活动的截图

2.“鼠标”互动

我相信你已经在你的电子学习课程中使用这种流行的交互性来标记机器或产品的部件。在这种互动中,学习者必须将鼠标悬停在一个特定的点上,以获取以文本框形式出现的信息。这需要屏幕空间。这在有足够空间容纳文本的桌面上运行得很好,但是,如你所知,当在手机或平板电脑上访问课程时,这可能是一个问题。

故事情节提供了一些合理的修改。翻转交互可以修改为在移动设备上显示可点击的标记,学习者可以用手指点击。这就解决了移动设备有限的屏幕空间,并且对用户友好。

故事情节中的热点截图

故事情节中的热点截图

当从Flash转移到HTML5时,重新创造复杂的互动是一个问题。但在故事线的帮助下,它是可能重现Flash互动等这与原文很接近。这两个例子描述在这个博客将给你充分的指示故事线的能力。除了交互性,故事线还可以帮助Flash向HTML5转换。该工具具有可以在转换期间利用的内置组件和特性。

想了解更多关于正确的转换策略和创作工具,请下载我们的免费电子书- "Flash到HTML5的电子学习转换:4’R’s That Matter”。

flash-to-html5-elearning-conversion-strategies-cta
Flash到HTML5的E-learning转换:4 ' R’s That Matter
将复杂的Flash交互活动转换为HTML5:故事线能做到吗?
复制链接