原创精选 | 十个技巧帮助你设计一款在线学习 APP
发布于 2021-04-05 09:10
欢迎来到专业设计师学习交流社区
三分设｜连接知识，帮助全球 1 亿设计师成长
编辑：孙淑雅
共 5846 字，预计阅读 15 分钟
在新冠疫情威胁全球健康的同时，也深刻的冲击了现代教育行业，尽管学生们不能出门上学，但教育却不可以停止脚步。当设计师们注意到了教育方式的飞速变革，应对这一需求出现了一系列面向教师、学生或其他培训需求的学习类 APP。作者在这里介绍了十个需要注意的小技巧，从用户心理、学习路径、目标受众等方面，指出了一款体验良好的在线学习 APP 应具备哪些设计原则，并展示了相关案例，帮助我们更好的学习这些小技巧，一起来看看吧！
出自插画师 Marly Gallardo
在当今时代下，孩子和大人们都越来越懂技术了，尤其是孩子们从小就习惯了使用各种小工具。考虑到这一点，再看看市场上已有的各种教育解决方案，在线学习 APP 的设计越来越难是理所应当的。虽然通常情况下，设计师在为某一行业开发应用时都会遵循一些相同的原则，但这些原则 由于受到学习和教育 APP 自身复杂性的影响，在运用时也会有所不同。
这对于一个设计师来说意味着什么？为了 吸引目标受众，你要思考教育产品会给用户带来哪些挑战，并分析竞争对手，从而满足用户的特定需求，这里的用户不仅是学习的学生，还有参与教学的老师。接下来我们会讨论一下用户体验设计在产品开发过程中的重要性，以及如何通过一些设计实践来开发一款学习 APP，以释放其全部潜力。
Lukas Rudrof 设计的学习平台
在线学习 APP 的类型
由于新冠疫情的流行，教育行业受到了很大的冲击。只有那些认识到在线学习力量的教育者才有机会成功和保持活力。在线学习 APP 不仅简化了学生和教师的生活，以便捷的方式满足了教育的需求，还带来了一系列巨大的商机。教育类 APP 设计的棘手之处在于如何创造出一种解决问题、激发灵感、进而吸引用户的体验。
在理解在线学习 APP 开发中会面临的挑战之前，很有必要明确这些挑战存在的主要原因是什么，那就是这类 APP 的多样性。有移动百科全书、语言学习 APP、针对教师的 APP、学习特定技能（如绘画）的 APP、针对儿童的 APP、在线课程 APP、备考 APP...... 你能想到的都有。换句话说，有一种技能或一种知识，就会有一个 APP。
为什么了解在线学习 APP 的类型如此重要？因为正是这种多样性，使设计师的任务变得很艰难 —— 但这并不代表你一定不能完成。
由 Lina Mielez 设计的击鼓课程 APP
如何设计一款在线学习 APP
创业公司失败的原因有很多，平庸的内容、无效的盈利模式以及市场调研不足都在其中。但不仅仅只是这些，在开发过程中，APP 的设计也是很重要的一方面。设计在线学习 APP 的主要目的是能够使学生受到激励，进而花费尽可能多的时间来学习，最终实现他们的目标。好的 UI 设计和交互设计能够实现这个目的，使你的产品在市场中脱颖而出，因为其他产品的开发者并没有给予用户体验足够的重视。
失败的 APP 最终有可能是这样的：
不相关的
不清楚的
太复杂的
不恰当的
太费时间的
混乱的
不方便的
效率低下的
无聊的
不一致的和没有价值的
让我们看看如何通过设计来避免这些可能发生的结果。
1、 基于用户心理进行设计
确定了你要设计的 APP 类型后，下一步就是 研究目标受众 和他们的喜好：谁会以什么样的方式、在什么时候、为了实现什么目标来使用这个 APP？换句话说，什么东西才有可能让他们使用这个 APP？使用用户画像和竞品分析等工具会对你有所帮助。
然而，尽管你的目标受众中有一些人的需求差别很大，但仍然有一些心理学原理对大多数人是普遍适用的，因此可以在教育类 APP 的开发中应用这些原理来创造一款吸引人的产品。例如，在设计学习 APP 时，你可以把学习作为用户在未来要养成的习惯。为此，你需要设计简单的体验，给予用户激励，设计微会话[1]（Microsessions），添加触发器，并发挥 FOMO 心理效应[2]（Fear Of Missing Out）的作用，最后这一招各大社交媒体 APP 都在使用。
（[1] 微会话（Microsessions）：指少于 15 秒的会话。“微会话”一词遵循费雷拉及其同事发表的一篇文章引入的术语，他创造了“微用途”一词，指的是少于15秒的移动使用。他们发现，超过40％的移动设备使用量是微用量。）
（[2] FOMO 心理效应（Fear Of Missing Out）：错失恐惧症，具体表现为无法拒绝任何邀约，担心错过任何与有助人际关系的活动。）
Nimasha Perera 设计的教育 APP UI 套件
2、规划清晰的学习路径
设计教育类 APP，另一个关键是在每一步都要加入进度指标。从心理学上来说，学习成长路径的概念对用户来说非常重要，这样他们可以明白自己目前所处的位置，以及未来等待他们的是什么。这样的指标可以让学生集中精力，为接下来的课程做好准备并按时完成课程，给学生提供一定成就感，鼓励他们继续使用 APP。如果这个学习过程是模糊的，他们可能会感到失望，以致于不再使用这款 APP。
因此，要让用户知道：
已经学了多少课程
还需要完成多少课程
从开始学习到现在已经花费了多少时间
NestStrix 中的课程：Toki
3、面向教育工作者进行设计
新冠疫情给教育行业带来的挑战之一，不仅是向在家学习方式的过渡和相关的技术难题，对教师们来说，他们必须接受一种并不习惯的新的授课方式。并不是说现代的教师不熟悉当前的技术，只是由于一些学校和辅导机构有时存在惯性，很多教师习惯于使用传统的教学工具，包括黑板、课本、图表、图片等等。
所以，在教育类 APP 设计中最好能使用一些教育工作者熟悉的概念和逻辑。这样一来，他们就不会被新科技所淹没，而是专注于教学，基于新 APP 的内容创造一种新的教学方法，并利用它们将教学过程数字化、简单化。例如，即使是一款简单知名的记事 APP Evernote，也入选了教育者认为最有用的应用候选名单。因为它可以让教师用音频、视频、PDF 等各种格式的数字笔记取代那些冗长的印刷笔记。
Henry Kunjumon 设计的教师课堂和课程表管理 APP
4、为适合的年龄段人群设计
设计教育类 APP 面对的另一挑战是，它们所涵盖的用户年龄差异很大 —— 从幼儿到老年人。为了证明这一点有多重要，我想以我在 Shakuro 团队设计的一款教育 APP 为例，它就是 Cat’n’Clever 。它是一款专为小孩子设计的 APP，因此我们使用了鲜艳的色彩、可爱的动物插图和大量的动画，使孩子们对这款 APP 产生亲切感。
Cat’n’Clever APP
但在设计 Proko 和 CGMA 成人艺术学习平台时，我们想给用户留下的印象则完全不同。我们采用了酷炫、简洁、专业的外观和简约的设计来突出平台的学习方法，并以最好的方式呈现内容，不对内容产生干扰。
Proko 艺术教育平台
Shakuro 设计的 CGMA 网站
5、 为碎片化学习设计
如果猜测一下现实中大多数人如何使用手机学习，最常见的情景可能是他们在旅途中进行短暂的学习，这就像他们在通勤时、吃早餐时和堵车时查看 Facebook 的消息，即在其他活动之间进行碎片化学习，因为人们不太可能花几个小时在手机上勤奋地学习课程。
发表在《应用心理学杂志》上的研究显示，碎片化学习比传统的课堂培训传播知识的 效率高17%。能够选择自己的环境、时间和地点进行学习，正是在线学习的魅力所在。所以，理想的方式是调整你的在线学习 APP ，通过设计适应碎片化学习的需要。为此，你需要添加教学短视频，提供 闪卡学习法[3] 以及针对碎片化学习的测验，并通过通知、邮件等方式发送简短的信息。
（[3]闪卡学习法（Flash Cards）：起源于上世纪60年代的美国，是美国格连·杜曼基于其教育理论发明的一种视觉刺激卡片。通过闪示卡片的手法向宝宝快速传达信息，以刺激幼儿右脑发育，提高幼儿的数学能力、语言识字阅读能力和常识能力。）
Zenith 设计的碎片化学习界面
6、极简设计
在使用网络教育平台的时候，很多人都希望平台有尽可能多的功能，而在移动端时情况就不同了，因为屏幕太小导致不方便容纳太多的选项。这样一来，一个在网络平台被称赞的优点，在移动端 APP 上就变成了一个缺点。希克定律[4]（Hick's Law）也解释了为什么选择太多是件坏事。
（[4]希克定律：原称希克海曼定律（Hick Hymalrs law），是一种心理物理学定律。简单的说，它的意思就是：一个人所面临的选择越多，做出选择所花的时间就越多，当面临选择的数量增加，做出决定的时间也会跟着增加。）
所以最好将你的想法筛选到最少，即使功能范围不受限，也要保证这些必需功能在一定数量内。减少功能意味着更简洁的界面，从而更直接地从一节课导航到另一节课。
平衡功能的数量和实用性是非常重要的，极简主义在当今是流行趋势，所以要好好利用这一点。
Imran Hossain 设计的在线学习平台
7、保证清晰性和便利性
设计在线学习 APP 的时候，不管有多少功能，对于设计师来说可能都是显而易见且容易理解的。但对于用户来说，特别是对于一个新手用户来说，却完全无法理解这些功能。所以最好区分开哪些功能和学习资料是必要的，哪些是多余的，从而可以暂时放一放那些不必要的功能。
要使 APP 足够清晰就需要：
给用户提供如何使用 APP 的说明
保证导航元素贯穿整个 APP
确保用户了解课程目标
把学习资料分成若干单元
为移动端设计一个在线学习的解决方案时，哪怕此 APP 是为孩子们设计的，也要 专注于呈现关键功能和内容，而不是添加过多的干扰项，因为这有可能分散用户学习的注意力。
在线教育APP：Nas
由 Tran Mau Tri Tam 设计的 \ 针对 UI 设计师的移动端 APP 概念稿
8、 提高效率
每一个 设计的最终目的 都是为了让产品能够为用户提供服务，并突出其主要功能，以帮助用户达成目标和解决痛点，教育类 APP 也不例外。
以易于获取的方式构建信息，对于一款给专业人士使用的在线学习 APP 来说至关重要，例如给实习生和医生使用的百科全书。否则，虽然一个 APP 从界面视觉呈现的角度来看是一流的，但可能会缺乏效率，导致人们从头到尾地使用 APP 时会浪费很多时间，所以他们可能会卸载你的 APP，并很快寻找一个竞争对手开发的同类 APP，因为他们考虑到了这一点。
由 Rifat Sarkar 设计的学习管理 APP | 任务管理界面 | 课程表界面
9. 设计游戏化体验
传统的学校教育被许多学生和成年人认为是低效的和枯燥的。尽管老师们不断寻求新颖的教学方法，但人们普遍认为，当今的学校在学生的积极性和参与度方面面临着重大问题。而 设计师们使用游戏化技巧使在线学习 APP 使用起来更加有趣和愉悦，即使是在医学学习 APP 或培训员工遵守安全规则的 APP 这种乍一看似乎不适合此方法的情景中，也可以使用该技巧。
大部分的学习 APP 都喜欢通过 挑战 来增加用户的成就感。有些 APP 通过 记分板 来激励学生追求榜上排名，还有一种技巧是增设 积分制，并提供 等级 来记录用户的成就，并且把 游戏货币 作为一种 "支付" 手段，可以用来获取额外的复活机会等福利。
这种 APP 的例子很多，Codecademy Go 就是其中一个。这是一款编码教学的 APP，学生在完成练习后会获得积分，掌握特定的技能后会获得徽章，并还设有技能进度板使学生掌控学习进度。可汗学院的教育 APP 也通过 RPG 视频游戏、徽章、技能进度板和积分这些技能树的形式将学习过程游戏化。
游戏化学习：由 Everton Curcio Martins 设计的远程学习 APP
10、 向竞争对手学习
市场上有很多语言学习软件，但为什么那么多人都在用 Duolingo（多邻国）？用户喜欢这款应用是因为它是免费的，而且便于在不同设备之间切换，此外还有完善的用户界面和用户体验设计，可以让用户看到自己学习的进程，并不断激励他们。它是同类 APP 中最知名的，但万事不论再好都有一定的改进空间，包括 Duolingo。
即使一个类别已经有了很多热门的 APP，再打造一款脱颖而出的 APP 也是有可能的。你可以通过向竞争对手及其用户评论学习，分析他们成功和不足的地方，这将 有助于使你保持设计的一致性，并为你指明前进的方向。
总结
原文：https://uxplanet.org/e-learning-app-design-and-how-to-make-it-better-d01a78eb4697
作者：Kate Shokurova
译者：吴鹏飞
审核：张聿彤
编辑：孙淑雅
本文翻译已获得作者的正式授权（授权截图如下）
超值课程推荐
华为用户体验设计的体系搭建方法
超 10 亿用户的产品，到底是怎么做用户体验的？
揭秘滴滴、蔚来等大厂的用户体验设计策略
原创好文推荐
一款为你带来难忘体验的美食 APP
Web Vitals —— 谷歌的新一代 Web 性能体验和质量指标
2021 年用户体验设计趋势分析
想要引导用户行为转化，设计师必须深刻理解这 4 个认知心理学理论
让设计圈一片哗然的 Google 新 logo 到底出了什么问题？国外的设计专家这么说
如何系统的增强用户粘性，提升产品转化率？你要懂得“行为设计学”
设计新趋势「玻璃拟态」到底是什么？这里有一份实现效果的详细教程
如何将设计系统快速的从 Sketch 切换到 Figma？这里有 6 个需要注意的关键点
三分设 
本文来自网络或网友投稿，如有侵犯您的权益，请发邮件至：aisoutu@outlook.com 我们将第一时间删除。
相关素材