怎样学设计快速入门

十个技巧帮助你设计一款在线学习 APP

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

怎样学设计快速入门插图新简

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

考虑到这一点,再看看市场上已有的各种教育解决方案,在线学习APP的设计越来越难是理所应当的。

虽然通常情况下,设计师在为某一行业开发应用时都会遵循一些相同的原则,但这些原则由于受到学习和教育APP自身复杂性的影响,在运用时也会有所不同。

这对于一个设计师来说意味着什么?

为了吸引目标受众,你要思考教育产品会给用户带来哪些挑战,并分析竞争对手,从而满足用户的特定需求,这里的用户不仅是学习的学生,还有参与教学的老师。

接下来我们会讨论一下用户体验设计在产品开发过程中的重要性,以及如何通过一些设计实践来开发一款学习APP,以释放其全部潜力。

怎样学设计快速入门插图新简1

Lukas Rudrof设计的学习平台

一、在线学习APP的类型

由于新冠疫情的流行,教育行业受到了很大的冲击。只有那些认识到在线学习力量的教育者才有机会成功和保持活力。

在线学习APP不仅简化了学生和教师的生活,以便捷的方式满足了教育的需求,还带来了一系列巨大的商机。

教育类APP设计的棘手之处在于如何创造出一种解决问题、激发灵感、进而吸引用户的体验。

在理解在线学习APP开发中会面临的挑战之前,很有必要明确这些挑战存在的主要原因是什么,那就是这类APP的多样性。

有移动百科全书、语言学习APP、针对教师的APP、学习特定技能(如绘画)的APP、针对儿童的APP、在线课程APP、备考APP…… 你能想到的都有。

换句话说,有一种技能或一种知识,就会有一个APP。

为什么了解在线学习APP的类型如此重要?因为正是这种多样性,使设计师的任务变得很艰难 —— 但这并不代表你一定不能完成。

怎样学设计快速入门插图新简2

由 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):错失恐惧症,具体表现为无法拒绝任何邀约,担心错过任何与有助人际关系的活动。)

怎样学设计快速入门插图新简3

Nimasha Perera设计的教育APP UI套件

2. 规划清晰的学习路径

设计教育类APP,另一个关键是在每一步都要加入进度指标

从心理学上来说,学习成长路径的概念对用户来说非常重要,这样他们可以明白自己目前所处的位置,以及未来等待他们的是什么。

这样的指标可以让学生集中精力,为接下来的课程做好准备并按时完成课程,给学生提供一定成就感,鼓励他们继续使用APP。

如果这个学习过程是模糊的,他们可能会感到失望,以致于不再使用这款APP。

因此,要让用户知道:

  • 已经学了多少课程
  • 还需要完成多少课程
  • 从开始学习到现在已经花费了多少时间

怎样学设计快速入门插图新简4

NestStrix中的课程:Toki

3. 面向教育工作者进行设计

新冠疫情给教育行业带来的挑战之一,不仅是向在家学习方式的过渡和相关的技术难题,对教师们来说,他们必须接受一种并不习惯的新的授课方式。

并不是说现代的教师不熟悉当前的技术,只是由于一些学校和辅导机构有时存在惯性,很多教师习惯于使用传统的教学工具,包括黑板、课本、图表、图片等等。

所以,在教育类APP设计中最好能使用一些教育工作者熟悉的概念和逻辑。

这样一来,他们就不会被新科技所淹没,而是专注于教学,基于新APP的内容创造一种新的教学方法,并利用它们将教学过程数字化、简单化。

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

因为它可以让教师用音频、视频、PDF 等各种格式的数字笔记取代那些冗长的印刷笔记。

怎样学设计快速入门插图新简5

Henry Kunjumon 设计的教师课堂和课程表管理APP

4. 为适合的年龄段人群设计

设计教育类APP面对的另一挑战是,它们所涵盖的用户年龄差异很大 —— 从幼儿到老年人。

为了证明这一点有多重要,我想以我在Shakuro团队设计的一款教育APP为例,它就是 Cat’n’Clever

它是一款专为小孩子设计的APP,因此我们使用了鲜艳的色彩、可爱的动物插图和大量的动画,使孩子们对这款APP产生亲切感。

怎样学设计快速入门插图新简6

Cat’n’Clever APP

但在设计ProkoCGMA成人艺术学习平台时,我们想给用户留下的印象则完全不同。

我们采用了酷炫、简洁、专业的外观和简约的设计来突出平台的学习方法,并以最好的方式呈现内容,不对内容产生干扰。

怎样学设计快速入门插图新简7

Proko艺术教育平台

怎样学设计快速入门插图新简8

Shakuro设计的CGMA网站

5. 为碎片化学习设计

传统教育方式并不适合当今社会的实际情况。虽然很多在线课程使用户能够更便捷地获取学习资料,但大多数教育方式还是基于传统的方法,固定时间和地点进行学习。

因此对已经被工作或其他的学习活动占据了大部分时间的用户来说,他们的生活很难适应这种教育方式。

如果猜测一下现实中大多数人如何使用手机学习,最常见的情景可能是他们在旅途中进行短暂的学习,这就像他们在通勤时、吃早餐时和堵车时查看 Facebook的消息,即在其他活动之间进行碎片化学习,因为人们不太可能花几个小时在手机上勤奋地学习课程。

发表在《应用心理学杂志》上的研究显示,碎片化学习比传统的课堂培训传播知识的效率高17%

能够选择自己的环境、时间和地点进行学习,正是在线学习的魅力所在。

所以,理想的方式是调整你的在线学习APP,通过设计适应碎片化学习的需要

为此,你需要添加教学短视频,提供闪卡学习法[3]以及针对碎片化学习的测验,并通过通知、邮件等方式发送简短的信息。

([3]闪卡学习法(Flash Cards):起源于上世纪60年代的美国,是美国格连·杜曼基于其教育理论发明的一种视觉刺激卡片。通过闪示卡片的手法向宝宝快速传达信息,以刺激幼儿右脑发育,提高幼儿的数学能力、语言识字阅读能力和常识能力。)

怎样学设计快速入门插图新简9

Zenith设计的碎片化学习界面

6. 极简设计

在使用网络教育平台的时候,很多人都希望平台有尽可能多的功能,而在移动端时情况就不同了,因为屏幕太小导致不方便容纳太多的选项。

这样一来,一个在网络平台被称赞的优点,在移动端APP上就变成了一个缺点。

希克定律[4](Hick’s Law)也解释了为什么选择太多是件坏事。

([4]希克定律:原称希克海曼定律(Hick Hymalrs law),是一种心理物理学定律。简单的说,它的意思就是:一个人所面临的选择越多,做出选择所花的时间就越多,当面临选择的数量增加,做出决定的时间也会跟着增加。)

所以最好将你的想法筛选到最少,即使功能范围不受限,也要保证这些必需功能在一定数量内。减少功能意味着更简洁的界面,从而更直接地从一节课导航到另一节课。

平衡功能的数量和实用性是非常重要的,极简主义在当今是流行趋势,所以要好好利用这一点。

怎样学设计快速入门插图新简10

Imran Hossain设计的在线学习平台

7. 保证清晰性和便利性

设计在线学习APP的时候,不管有多少功能,对于设计师来说可能都是显而易见且容易理解的。

但对于用户来说,特别是对于一个新手用户来说,却完全无法理解这些功能。

所以最好区分开哪些功能和学习资料是必要的,哪些是多余的,从而可以暂时放一放那些不必要的功能。

要使APP足够清晰就需要:

  • 给用户提供如何使用 APP 的说明
  • 保证导航元素贯穿整个 APP
  • 确保用户了解课程目标
  • 把学习资料分成若干单元

为移动端设计一个在线学习的解决方案时,哪怕此APP是为孩子们设计的,也要专注于呈现关键功能和内容,而不是添加过多的干扰项,因为这有可能分散用户学习的注意力。

怎样学设计快速入门插图新简11

在线教育APP:Nas

怎样学设计快速入门插图新简12

由Tran Mau Tri Tam设计的针对UI设计师的移动端APP概念稿

8. 提高效率

每一个设计的最终目的都是为了让产品能够为用户提供服务,并突出其主要功能,以帮助用户达成目标和解决痛点,教育类APP也不例外。

以易于获取的方式构建信息,对于一款给专业人士使用的在线学习APP来说至关重要,例如给实习生和医生使用的百科全书。

否则,虽然一个APP从界面视觉呈现的角度来看是一流的,但可能会缺乏效率,导致人们从头到尾地使用APP时会浪费很多时间,所以他们可能会卸载你的APP,并很快寻找一个竞争对手开发的同类APP,因为他们考虑到了这一点。

怎样学设计快速入门插图新简13

由 Rifat Sarkar设计的学习管理APP | 任务管理界面 | 课程表界面

9. 设计游戏化体验

传统的学校教育被许多学生和成年人认为是低效的和枯燥的。尽管老师们不断寻求新颖的教学方法,但人们普遍认为,当今的学校在学生的积极性和参与度方面面临着重大问题。

设计师们使用游戏化技巧使在线学习APP使用起来更加有趣和愉悦,即使是在医学学习APP或培训员工遵守安全规则的APP这种乍一看似乎不适合此方法的情景中,也可以使用该技巧。

大部分的学习APP都喜欢通过挑战来增加用户的成就感。

有些APP通过记分板来激励学生追求榜上排名,还有一种技巧是增设积分制,并提供等级来记录用户的成就,并且把游戏货币作为一种 “支付” 手段,可以用来获取额外的复活机会等福利。

这种APP的例子很多,Codecademy Go就是其中一个。

这是一款编码教学的APP,学生在完成练习后会获得积分,掌握特定的技能后会获得徽章,并还设有技能进度板使学生掌控学习进度。

可汗学院的教育APP也通过RPG视频游戏、徽章、技能进度板和积分这些技能树的形式将学习过程游戏化。

怎样学设计快速入门插图新简14

游戏化学习:由Everton Curcio Martins设计的远程学习APP

10. 向竞争对手学习

市场上有很多语言学习软件,但为什么那么多人都在用 Duolingo(多邻国)?

用户喜欢这款应用是因为它是免费的,而且便于在不同设备之间切换,此外还有完善的用户界面和用户体验设计,可以让用户看到自己学习的进程,并不断激励他们。

它是同类APP中最知名的,但万事不论再好都有一定的改进空间,包括Duolingo

即使一个类别已经有了很多热门的APP,再打造一款脱颖而出的APP也是有可能的。

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

怎样学设计快速入门插图新简15

由Max Peschanskiy设计的吉他学习APP

三、总结

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

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

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

作者:Kate Shokurova

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

译者:吴鹏飞;审核:张聿彤;编辑:孙淑雅

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

题图来自 Unsplash,基于 CC0 协议