如何快速学会设计「十个技巧帮助你设计一款在线学习 APP」

大家好，如何快速学会设计「十个技巧帮助你设计一款在线学习 APP」很多人还不知道，现在让我们一起来看看吧！

编辑导语：当设计师们注意到了教育方式的飞速变革，应对这一需求出现了一系列面向教师、学生或其他培训需求的学习类 APP。作者在这里介绍了十个需要注意的小技巧，从用户心理、学习路径、目标受众等方面，指出了一款体验良好的在线学习APP应具备哪些设计原则，并展示了相关案例，帮助我们更好的学习这些小技巧，一起来看看吧！

在当今时代下，孩子和大人们都越来越懂技术了，尤其是孩子们从小就习惯了使用各种小工具。

考虑到这一点，再看看市场上已有的各种教育解决方案，在线学习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的内容创造一种新的教学方法，并利用它们将教学过程数字化、简单化。

例如，即使是一款简单知名的记事APPEvernote，也入选了教育者认为最有用的应用候选名单。

因为它可以让教师用音频、视频、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也是有可能的。

你可以通过向竞争对手及其用户评论学习，分析他们成功和不足的地方，这将有助于使你保持设计的一致性，并为你指明前进的方向。

由Max Peschanskiy设计的吉他学习APP

三、总结

智能手机不仅使我们的生活变得更加简单和方便，让我们可以在旅途中用它来网上订票、点外卖和随时随地联系任何人。

它还是我们接收信息和储存知识的媒介——这就是智能手机成为现代教育过程中关键工具的原因。

让我们为美好的体验和效率而设计。

作者：Kate Shokurova

原文：https://uxplanet.org/e-learning-app-design-and-how-to-make-it-better-d01a78eb4697

译者：吴鹏飞；审核：张聿彤；编辑：孙淑雅

本文由 @三分设 翻译发布于人人都是产品经理，未经许可，禁止转载

题图来自 Unsplash，基于 CC0 协议