6响应式设计提示,开发多设备兼容电子学习

此博客文章提供了六个提示,可帮助您开发多设备兼容的电子学习课程。

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

现在下载

你一天用多少个设备?笔记本电脑,桌面,平板电脑和智能手机?我们根据我们的选择和可用性在一天使用多个设备。因此,如果您希望您的在线课程可供您的员工可用,则无论他们使用哪种设备,您都可以为您想要交付的每个设备创建一个课程。但这种想法遭受了严重的障碍。它非常昂贵,耗时,需要很多努力。以尽量减少这些问题,采用响应设计

那么,究竟是什么响应设计?它是跨多个平台或设备交付的课程的单个版本,使用日常网络技术(如HTML,CSS等)构建。

单一版本的课程工作在所有设备中,它易于跟踪和维护,经济高效,易于访问和搜索内容,并允许顺序筛选。

以下是开发多器件兼容电子学习的6个响应设计提示。

提供响应式拍摄模块

创建响应课程节省成本,时间和努力。但是你应该考虑如何对学习者有意义。例如,如果您为具有小屏幕尺寸的智能手机创建50分钟课程,则迫使您面临加载问题并分散注意力的学习者。

响应性设计涉及如何根据正在使用的设备对您的用户界面和内容进行调整。我们需要增强智能手机上的学习体验,而不是更换桌面/平板电脑体验。

那么,我们如何在智能手机上获得50分钟的学习体验?它很简单,呈现内容:

  • 一系列响应式拍摄模块,每个响应的微放工模块覆盖1个特定主题
  • 对已经在桌面/平板电脑上完成整个课程的员工的特定主题响应性的复习课程

您可以通过确保正确的内容在右侧设备上显示正确的内容来最大化ROI,接受不同设备的限制。

先移动移动

首先考虑移动策略。这是您在移动设备上考虑学习者体验的地方,然后将其扩展到桌面/平板电脑屏幕。为什么大多数设计师都拥抱“移动第一”战略?这是因为,每5人中有1人使用移动设备进行Web浏览。手机比桌面/平板电脑更相关。您在设计移动课程之前唯一需要做的研究是计划和设计您的课程,以获得最小的屏幕。如果您拥抱此移动第一策略,您可以构建自适应环境。请注意,您需要考虑将在手机上工作的设计和学习策略。

考虑对速度的需要(图像质量与速度)

缓慢加载是响应设计的主要缺点。无论您使用哪种设备,如果他必须坐下来,学习者将会感到厌倦,并且需要长时间加载的课程。要避免这种情况,您需要:

  • 压缩电子学习的内容
  • 创建单独版本的图像(优化图像)

遵循这些提示,您可以减少缩放和带宽问题。

想想布局和视觉治疗,然后线框

在您在视觉上开始开发或设计课程之前,请问自己:

  • 课程会多长时间?
  • 我要使用的策略是什么,如何适应视觉效果来支持它?
  • 组织互动度的最佳方式是如何在整个课程中携带客户品牌的?
  • 使用的移动策略是什么?
  • 如何构建内容?

现在,在进一步之前线框它;Wireframe是快速,清楚地沟通屏幕布局,范围,视觉处理等的完美方法,即视觉元素的使用提供了学习者友好的环境。例如,在原型阶段,您需要填补概念与现实之间的差距,为客户提供课程如何看待和功能的概述。

消除不必要的

摆脱不必要的元素或信息;这将整理课程。消除不必要的东西将减少加载问题,也是转移因素。您还需要消除:

  • 过多的空白
  • 不必要的图形
  • 不添加任何值的布局和边界

原型,测试和分享

在上传课程之前,您需要检查所有平台中的课程是否可见。您需要进行跨浏览器可比性测试。你需要:

  • 与您的前端开发人员交谈,避免尽可能多的错误
  • 制定早期概念证明,并对所有目标设备进行彻底的质量检查
  • 通过在所有平台上给予他们兼容的质量输出来聘请学习者
  • 分享并获得反馈以满足客户预期

这些是一些帮助您开发多设备兼容电子学习课程的提示。您还需要相应地规划您的时间和预算。最终,您需要设计一个响应的课程,并且可以在所有设备上快速加载和功能。

有其他有趣的提示吗?请在下面的评论部分与我们分享。

愉快的阅读!!

Flash-to-HTML5-Elearning-Conversion-rsolies-CTA
闪烁到HTML5电子学习转换:4`r的重要
复制链接