你的电子学习吉莉学习者是友好的吗?10例帮助你出去!

此博客邮政共享10个电子学习课程GUI的例子。

发表于 于1月27日更新了2020年

访问完整的电子指南101

现在下载
是你的电子学习吉莉学习者吗?10例帮助你出去!

其中一个成人学习原则指出,成人学习者不喜欢被指导,但希望探索和获得知识。In an eLearning course, the main purpose of the Graphical User Interface (GUI) is to enable learners to navigate seamlessly and tell them ‘where they are’ in the course, how many slides they have completed, how many more do they need to complete and so on. The GUI of a typical online training course contains buttons such as Play, Pause, Replay, Previous, and Next. It also has the progress bar and a menu which contains options to turn the audio on/off, seek help online, access the glossary and resources and exit the eLearning course. Depending upon our requirements, we can skip or add some of the elements described above.

在这篇博客中,我想分享10个精心设计的电子学习课程的例子。

例1

我们设计了一个融合了水和海的主题的GUI,用于新的员工方向课程。客户是离岸钻机的运营商。在这个GUI中,我们使用了海的形象作为背景,并且我们已经描绘了以前的,下一个,播放和音频按钮作为水滴。我们还包括脚本和索引按钮,以使学习者能够只需单击即可查看脚本。除了进度条外,GUI还有帮助,资源和退出按钮。学习者可以在课程中知道“他是”以及他需要很容易完成多少次幻灯片。

例1

例2.

对于可持续发展的电子学习课程,我们设计了使用树木颜色的GUI。我们在横幅和幻灯片的底部'添加了绿色植物。这对课程感到很好看。

例2

例3.

对于药代动力学的电子学习课程,我们设计了在横幅中使用平板电脑的GUI。在这个GUI中,我们将所有按钮对齐到中心。我们显示幻灯片号而不是进度栏。

例3

例4.

对于销售过程的电子学习课程,我们开发了一个看起来像书的GUI。我们在背景中使用了蓝色和灰色的颜色。我们已添加下一个,上一个和退出按钮以及进度条。

例4.

例5.

我们设计了一种用于电气安全课程的GUI,在横幅中使用电塔的图像。这是一个多语种课程,因此我们添加了一个按钮,允许学习者选择他选择的语言。

例5.

例6.

对于信息安全实践的电子学习课程,我们设计了一个GUI,其中左侧添加了菜单和“注释”。这有助于学习者看到菜单并阅读脚本。

例6.

例7.

对于旨在培训动力工业卡车运营商的电子学习课程,我们设计了一种GUI,其中菜单显示在右侧。这有助于学习者看到屏幕的菜单和标题。

举例7.

例8.

对于大流行性流感的电子学习课程,我们设计了在横幅中使用患者的形象设计了GUI。在此GUI中,我们添加了进度条以指示“幻灯片进度”和“模块进度”。这有助于学习者知道“他们在幻灯片和模块中的位置”,并知道剩下的是要完成多少。

例8

例9.

对于家中的安全意识的课程,我们设计了我们在底部的右侧添加了“缩放按钮”的GUI。学习者可以单击它来查看全屏。

例9.

例9.1.

例10.

对于精益概念的电子学习课程,我们不包括音频。因此,我们以这样的方式设计了本课程的GUI,以便我们在屏幕上添加了一个尖端,说读取此屏幕上的内容,然后在准备就绪时向前移动。

例10.

通常,应根据本组织的企业品牌设计GUI,为该组织的所有课程提供类似的外观和感受。我希望你能发现这个博客有用。在设计电子学习课程的GUI之前,您考虑的方面是什么?我们很想知道。

电子学习101:理解电子学习的初学者指南
是你的电子学习吉莉学习者吗?10例帮助你出去!
复制链接