起點課堂會員權益
職業(yè)體系課特權
線下行業(yè)大會特權
個人IP打造特權
30+門專項技能課
1300+專題課程
12場職場軟技能直播
12場求職輔導直播
12場專業(yè)技能直播
會員專屬社群
榮耀標識十個技巧幫助你設計一款在線學習 APP
編輯導語：當設計師們注意到了教育方式的飛速變革，應對這一需求出現(xiàn)了一系列面向教師、學生或其他培訓需求的學習類 APP。作者在這里介紹了十個需要注意的小技巧，從用戶心理、學習路徑、目標受眾等方面，指出了一款體驗良好的在線學習APP應具備哪些設計原則，并展示了相關案例，幫助我們更好的學習這些小技巧，一起來看看吧！
在當今時代下，孩子和大人們都越來越懂技術了，尤其是孩子們從小就習慣了使用各種小工具。
考慮到這一點，再看看市場上已有的各種教育解決方案，在線學習APP的設計越來越難是理所應當?shù)摹?/p>
雖然通常情況下，設計師在為某一行業(yè)開發(fā)應用時都會遵循一些相同的原則，但這些原則由于受到學習和教育APP自身復雜性的影響，在運用時也會有所不同。
這對于一個設計師來說意味著什么？
為了吸引目標受眾，你要思考教育產(chǎn)品會給用戶帶來哪些挑戰(zhàn)，并分析競爭對手，從而滿足用戶的特定需求，這里的用戶不僅是學習的學生，還有參與教學的老師。
接下來我們會討論一下用戶體驗設計在產(chǎn)品開發(fā)過程中的重要性，以及如何通過一些設計實踐來開發(fā)一款學習APP，以釋放其全部潛力。
Lukas Rudrof設計的學習平臺
一、在線學習APP的類型
由于新冠疫情的流行，教育行業(yè)受到了很大的沖擊。只有那些認識到在線學習力量的教育者才有機會成功和保持活力。
在線學習APP不僅簡化了學生和教師的生活，以便捷的方式滿足了教育的需求，還帶來了一系列巨大的商機。
教育類APP設計的棘手之處在于如何創(chuàng)造出一種解決問題、激發(fā)靈感、進而吸引用戶的體驗。
在理解在線學習APP開發(fā)中會面臨的挑戰(zhàn)之前，很有必要明確這些挑戰(zhàn)存在的主要原因是什么，那就是這類APP的多樣性。
有移動百科全書、語言學習APP、針對教師的APP、學習特定技能（如繪畫）的APP、針對兒童的APP、在線課程APP、備考APP…… 你能想到的都有。
換句話說，有一種技能或一種知識，就會有一個APP。
為什么了解在線學習APP的類型如此重要？因為正是這種多樣性，使設計師的任務變得很艱難 —— 但這并不代表你一定不能完成。
由 Lina Mielez設計的擊鼓課程APP
二、如何設計一款在線學習APP
創(chuàng)業(yè)公司失敗的原因有很多，平庸的內容、無效的盈利模式以及市場調研不足都在其中。
但不僅僅只是這些，在開發(fā)過程中，APP的設計也是很重要的一方面。
設計在線學習APP的主要目的是能夠使學生受到激勵，進而花費盡可能多的時間來學習，最終實現(xiàn)他們的目標。
好的UI設計和交互設計能夠實現(xiàn)這個目的，使你的產(chǎn)品在市場中脫穎而出，因為其他產(chǎn)品的開發(fā)者并沒有給予用戶體驗足夠的重視。
失敗的APP最終有可能是這樣的：
- 不相關的
- 不清楚的
- 太復雜的
- 不恰當?shù)?/li>
- 太費時間的
- 混亂的
- 不方便的
- 效率低下的
- 無聊的
- 不一致的和沒有價值的
讓我們看看如何通過設計來避免這些可能發(fā)生的結果。
1. 基于用戶心理進行設計
確定了你要設計的APP類型后，下一步就是研究目標受眾和他們的喜好：誰會以什么樣的方式、在什么時候、為了實現(xiàn)什么目標來使用這個APP？
換句話說，什么東西才有可能讓他們使用這個 APP？使用用戶畫像和競品分析等工具會對你有所幫助。
然而，盡管你的目標受眾中有一些人的需求差別很大，但仍然有一些心理學原理對大多數(shù)人是普遍適用的，因此可以在教育類APP的開發(fā)中應用這些原理來創(chuàng)造一款吸引人的產(chǎn)品。
例如，在設計學習APP時，你可以把學習作為用戶在未來要養(yǎng)成的習慣。
為此，你需要設計簡單的體驗，給予用戶激勵，設計微會話[1]（Microsessions），添加觸發(fā)器，并發(fā)揮FOMO心理效應[2]（Fear Of Missing Out）的作用，最后這一招各大社交媒體APP都在使用。
（[1] 微會話（Microsessions）：指少于15秒的會話?！拔挕币辉~遵循費雷拉及其同事發(fā)表的一篇文章引入的術語，他創(chuàng)造了“微用途”一詞，指的是少于15秒的移動使用。他們發(fā)現(xiàn)，超過40％的移動設備使用量是微用量。）
（[2] FOMO 心理效應（Fear Of Missing Out）：錯失恐懼癥，具體表現(xiàn)為無法拒絕任何邀約，擔心錯過任何與有助人際關系的活動。）
Nimasha Perera設計的教育APP UI套件
2. 規(guī)劃清晰的學習路徑
設計教育類APP，另一個關鍵是在每一步都要加入進度指標。
從心理學上來說，學習成長路徑的概念對用戶來說非常重要，這樣他們可以明白自己目前所處的位置，以及未來等待他們的是什么。
這樣的指標可以讓學生集中精力，為接下來的課程做好準備并按時完成課程，給學生提供一定成就感，鼓勵他們繼續(xù)使用APP。
如果這個學習過程是模糊的，他們可能會感到失望，以致于不再使用這款APP。
因此，要讓用戶知道：
- 已經(jīng)學了多少課程
- 還需要完成多少課程
- 從開始學習到現(xiàn)在已經(jīng)花費了多少時間
NestStrix中的課程：Toki
3. 面向教育工作者進行設計
新冠疫情給教育行業(yè)帶來的挑戰(zhàn)之一，不僅是向在家學習方式的過渡和相關的技術難題，對教師們來說，他們必須接受一種并不習慣的新的授課方式。
并不是說現(xiàn)代的教師不熟悉當前的技術，只是由于一些學校和輔導機構有時存在慣性，很多教師習慣于使用傳統(tǒng)的教學工具，包括黑板、課本、圖表、圖片等等。
所以，在教育類APP設計中最好能使用一些教育工作者熟悉的概念和邏輯。
這樣一來，他們就不會被新科技所淹沒，而是專注于教學，基于新APP的內容創(chuàng)造一種新的教學方法，并利用它們將教學過程數(shù)字化、簡單化。
例如，即使是一款簡單知名的記事APPEvernote，也入選了教育者認為最有用的應用候選名單。
因為它可以讓教師用音頻、視頻、PDF 等各種格式的數(shù)字筆記取代那些冗長的印刷筆記。
Henry Kunjumon 設計的教師課堂和課程表管理APP
4. 為適合的年齡段人群設計
設計教育類APP面對的另一挑戰(zhàn)是，它們所涵蓋的用戶年齡差異很大 —— 從幼兒到老年人。
為了證明這一點有多重要，我想以我在Shakuro團隊設計的一款教育APP為例，它就是 Cat’n’Clever 。
它是一款專為小孩子設計的APP，因此我們使用了鮮艷的色彩、可愛的動物插圖和大量的動畫，使孩子們對這款APP產(chǎn)生親切感。
Cat’n’Clever APP
但在設計Proko和CGMA成人藝術學習平臺時，我們想給用戶留下的印象則完全不同。
我們采用了酷炫、簡潔、專業(yè)的外觀和簡約的設計來突出平臺的學習方法，并以最好的方式呈現(xiàn)內容，不對內容產(chǎn)生干擾。
Proko藝術教育平臺
Shakuro設計的CGMA網(wǎng)站
5. 為碎片化學習設計
傳統(tǒng)教育方式并不適合當今社會的實際情況。雖然很多在線課程使用戶能夠更便捷地獲取學習資料，但大多數(shù)教育方式還是基于傳統(tǒng)的方法，固定時間和地點進行學習。
因此對已經(jīng)被工作或其他的學習活動占據(jù)了大部分時間的用戶來說，他們的生活很難適應這種教育方式。
如果猜測一下現(xiàn)實中大多數(shù)人如何使用手機學習，最常見的情景可能是他們在旅途中進行短暫的學習，這就像他們在通勤時、吃早餐時和堵車時查看 Facebook的消息，即在其他活動之間進行碎片化學習，因為人們不太可能花幾個小時在手機上勤奮地學習課程。
發(fā)表在《應用心理學雜志》上的研究顯示，碎片化學習比傳統(tǒng)的課堂培訓傳播知識的效率高17%。
能夠選擇自己的環(huán)境、時間和地點進行學習，正是在線學習的魅力所在。
所以，理想的方式是調整你的在線學習APP，通過設計適應碎片化學習的需要。
為此，你需要添加教學短視頻，提供閃卡學習法[3]以及針對碎片化學習的測驗，并通過通知、郵件等方式發(fā)送簡短的信息。
（[3]閃卡學習法（Flash Cards）：起源于上世紀60年代的美國，是美國格連·杜曼基于其教育理論發(fā)明的一種視覺刺激卡片。通過閃示卡片的手法向寶寶快速傳達信息，以刺激幼兒右腦發(fā)育，提高幼兒的數(shù)學能力、語言識字閱讀能力和常識能力。）
Zenith設計的碎片化學習界面
6. 極簡設計
在使用網(wǎng)絡教育平臺的時候，很多人都希望平臺有盡可能多的功能，而在移動端時情況就不同了，因為屏幕太小導致不方便容納太多的選項。
這樣一來，一個在網(wǎng)絡平臺被稱贊的優(yōu)點，在移動端APP上就變成了一個缺點。
?？硕?/strong>[4]（Hick’s Law）也解釋了為什么選擇太多是件壞事。
（[4]?？硕桑涸Q希克海曼定律（Hick Hymalrs law），是一種心理物理學定律。簡單的說，它的意思就是：一個人所面臨的選擇越多，做出選擇所花的時間就越多，當面臨選擇的數(shù)量增加，做出決定的時間也會跟著增加。）
所以最好將你的想法篩選到最少，即使功能范圍不受限，也要保證這些必需功能在一定數(shù)量內。減少功能意味著更簡潔的界面，從而更直接地從一節(jié)課導航到另一節(jié)課。
平衡功能的數(shù)量和實用性是非常重要的，極簡主義在當今是流行趨勢，所以要好好利用這一點。
Imran Hossain設計的在線學習平臺
7. 保證清晰性和便利性
設計在線學習APP的時候，不管有多少功能，對于設計師來說可能都是顯而易見且容易理解的。
但對于用戶來說，特別是對于一個新手用戶來說，卻完全無法理解這些功能。
所以最好區(qū)分開哪些功能和學習資料是必要的，哪些是多余的，從而可以暫時放一放那些不必要的功能。
要使APP足夠清晰就需要：
- 給用戶提供如何使用 APP 的說明
- 保證導航元素貫穿整個 APP
- 確保用戶了解課程目標
- 把學習資料分成若干單元
為移動端設計一個在線學習的解決方案時，哪怕此APP是為孩子們設計的，也要專注于呈現(xiàn)關鍵功能和內容，而不是添加過多的干擾項，因為這有可能分散用戶學習的注意力。
在線教育APP：Nas
由Tran Mau Tri Tam設計的針對UI設計師的移動端APP概念稿
8. 提高效率
每一個設計的最終目的都是為了讓產(chǎn)品能夠為用戶提供服務，并突出其主要功能，以幫助用戶達成目標和解決痛點，教育類APP也不例外。
以易于獲取的方式構建信息，對于一款給專業(yè)人士使用的在線學習APP來說至關重要，例如給實習生和醫(yī)生使用的百科全書。
否則，雖然一個APP從界面視覺呈現(xiàn)的角度來看是一流的，但可能會缺乏效率，導致人們從頭到尾地使用APP時會浪費很多時間，所以他們可能會卸載你的APP，并很快尋找一個競爭對手開發(fā)的同類APP，因為他們考慮到了這一點。
由 Rifat Sarkar設計的學習管理APP | 任務管理界面 | 課程表界面
9. 設計游戲化體驗
傳統(tǒng)的學校教育被許多學生和成年人認為是低效的和枯燥的。盡管老師們不斷尋求新穎的教學方法，但人們普遍認為，當今的學校在學生的積極性和參與度方面面臨著重大問題。
而設計師們使用游戲化技巧使在線學習APP使用起來更加有趣和愉悅，即使是在醫(yī)學學習APP或培訓員工遵守安全規(guī)則的APP這種乍一看似乎不適合此方法的情景中，也可以使用該技巧。
大部分的學習APP都喜歡通過挑戰(zhàn)來增加用戶的成就感。
有些APP通過記分板來激勵學生追求榜上排名，還有一種技巧是增設積分制，并提供等級來記錄用戶的成就，并且把游戲貨幣作為一種 “支付” 手段，可以用來獲取額外的復活機會等福利。
這種APP的例子很多，Codecademy Go就是其中一個。
這是一款編碼教學的APP，學生在完成練習后會獲得積分，掌握特定的技能后會獲得徽章，并還設有技能進度板使學生掌控學習進度。
可汗學院的教育APP也通過RPG視頻游戲、徽章、技能進度板和積分這些技能樹的形式將學習過程游戲化。
游戲化學習：由Everton Curcio Martins設計的遠程學習APP
10. 向競爭對手學習
市場上有很多語言學習軟件，但為什么那么多人都在用 Duolingo（多鄰國）？
用戶喜歡這款應用是因為它是免費的，而且便于在不同設備之間切換，此外還有完善的用戶界面和用戶體驗設計，可以讓用戶看到自己學習的進程，并不斷激勵他們。
它是同類APP中最知名的，但萬事不論再好都有一定的改進空間，包括Duolingo。
即使一個類別已經(jīng)有了很多熱門的APP，再打造一款脫穎而出的APP也是有可能的。
你可以通過向競爭對手及其用戶評論學習，分析他們成功和不足的地方，這將有助于使你保持設計的一致性，并為你指明前進的方向。
由Max Peschanskiy設計的吉他學習APP
三、總結
智能手機不僅使我們的生活變得更加簡單和方便，讓我們可以在旅途中用它來網(wǎng)上訂票、點外賣和隨時隨地聯(lián)系任何人。
它還是我們接收信息和儲存知識的媒介——這就是智能手機成為現(xiàn)代教育過程中關鍵工具的原因。
讓我們?yōu)槊篮玫捏w驗和效率而設計。
作者：Kate Shokurova
原文：https://uxplanet.org/e-learning-app-design-and-how-to-make-it-better-d01a78eb4697
譯者：吳鵬飛；審核：張聿彤；編輯：孫淑雅
本文由 @三分設 翻譯發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)許可，禁止轉載
題圖來自 Unsplash，基于 CC0 協(xié)議
學習了
用了這么多的APP，只有多鄰國和NEVER的界面可算是讓我耳目一新，簡潔大方。