十個技巧幫助你設計一款在線學習 APP
▲點擊 "TCC翻譯情報局" 關(guān)注，回復 "社群" 加入我們
本文共 5620 字，預計閱讀 15 分鐘
TCC 情報局的 第 33 篇 干貨分享
2021 年的 第 21 篇
TCC推薦：大家好，這里是 TCC 翻譯情報局。在新冠疫情威脅全球健康的同時，也深刻的沖擊了現(xiàn)代教育行業(yè)，盡管學生們不能出門上學，但教育卻不可以停止腳步。當設計師們注意到了教育方式的飛速變革，應對這一需求出現(xiàn)了一系列面向教師、學生或其他培訓需求的學習類 APP。作者在這里介紹了十個需要注意的小技巧，從用戶心理、學習路徑、目標受眾等方面，指出了一款體驗良好的在線學習 APP 應具備哪些設計原則，并展示了相關(guān)案例，幫助我們更好的學習這些小技巧，一起來看看吧！
出自插畫師 Marly Gallardo
在當今時代下，孩子和大人們都越來越懂技術(shù)了，尤其是孩子們從小就習慣了使用各種小工具?？紤]到這一點，再看看市場上已有的各種教育解決方案，在線學習 APP 的設計越來越難是理所應當?shù)?。雖然通常情況下，設計師在為某一行業(yè)開發(fā)應用時都會遵循一些相同的原則，但這些原則 由于受到學習和教育 APP 自身復雜性的影響，在運用時也會有所不同。
這對于一個設計師來說意味著什么？為了 吸引目標受眾，你要思考教育產(chǎn)品會給用戶帶來哪些挑戰(zhàn)，并分析競爭對手，從而滿足用戶的特定需求，這里的用戶不僅是學習的學生，還有參與教學的老師。接下來我們會討論一下用戶體驗設計在產(chǎn)品開發(fā)過程中的重要性，以及如何通過一些設計實踐來開發(fā)一款學習 APP，以釋放其全部潛力。
Lukas Rudrof 設計的學習平臺
在線學習 APP 的類型
Types of e-learning apps
由于新冠疫情的流行，教育行業(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
How to design mobile apps for learning
創(chuàng)業(yè)公司失敗的原因有很多，平庸的內(nèi)容、無效的盈利模式以及市場調(diào)研不足都在其中。但不僅僅只是這些，在開發(fā)過程中，APP 的設計也是很重要的一方面。設計在線學習 APP 的主要目的是能夠使學生受到激勵，進而花費盡可能多的時間來學習，最終實現(xiàn)他們的目標。好的 UI 設計和交互設計能夠?qū)崿F(xiàn)這個目的，使你的產(chǎn)品在市場中脫穎而出，因為其他產(chǎn)品的開發(fā)者并沒有給予用戶體驗足夠的重視。
失敗的 APP 最終有可能是這樣的：
不相關(guān)的
不清楚的
太復雜的
不恰當?shù)?/span>
太費時間的
混亂的
不方便的
效率低下的
無聊的
不一致的和沒有價值的
讓我們看看如何通過設計來避免這些可能發(fā)生的結(jié)果。
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ā)表的一篇文章引入的術(shù)語，他創(chuàng)造了“微用途”一詞，指的是少于15秒的移動使用。他們發(fā)現(xiàn)，超過40％的移動設備使用量是微用量。）
（[2] FOMO 心理效應（Fear Of Missing Out）：錯失恐懼癥，具體表現(xiàn)為無法拒絕任何邀約，擔心錯過任何與有助人際關(guān)系的活動。）
Nimasha Perera 設計的教育 APP UI 套件
2、規(guī)劃清晰的學習路徑
設計教育類 APP，另一個關(guān)鍵是在每一步都要加入進度指標。從心理學上來說，學習成長路徑的概念對用戶來說非常重要，這樣他們可以明白自己目前所處的位置，以及未來等待他們的是什么。這樣的指標可以讓學生集中精力，為接下來的課程做好準備并按時完成課程，給學生提供一定成就感，鼓勵他們繼續(xù)使用 APP。如果這個學習過程是模糊的，他們可能會感到失望，以致于不再使用這款 APP。
因此，要讓用戶知道：
已經(jīng)學了多少課程
還需要完成多少課程
從開始學習到現(xiàn)在已經(jīng)花費了多少時間
NestStrix 中的課程：Toki
3、面向教育工作者進行設計
新冠疫情給教育行業(yè)帶來的挑戰(zhàn)之一，不僅是向在家學習方式的過渡和相關(guān)的技術(shù)難題，對教師們來說，他們必須接受一種并不習慣的新的授課方式。并不是說現(xiàn)代的教師不熟悉當前的技術(shù)，只是由于一些學校和輔導機構(gòu)有時存在慣性，很多教師習慣于使用傳統(tǒng)的教學工具，包括黑板、課本、圖表、圖片等等。
所以，在教育類 APP 設計中最好能使用一些教育工作者熟悉的概念和邏輯。這樣一來，他們就不會被新科技所淹沒，而是專注于教學，基于新 APP 的內(nèi)容創(chuàng)造一種新的教學方法，并利用它們將教學過程數(shù)字化、簡單化。例如，即使是一款簡單知名的記事 APP Evernote，也入選了教育者認為最有用的應用候選名單。因為它可以讓教師用音頻、視頻、PDF 等各種格式的數(shù)字筆記取代那些冗長的印刷筆記。
Henry Kunjumon 設計的教師課堂和課程表管理 APP
4、為適合的年齡段人群設計
設計教育類 APP 面對的另一挑戰(zhàn)是，它們所涵蓋的用戶年齡差異很大 —— 從幼兒到老年人。為了證明這一點有多重要，我想以我在 Shakuro 團隊設計的一款教育 APP 為例，它就是 Cat’n’Clever 。它是一款專為小孩子設計的 APP，因此我們使用了鮮艷的色彩、可愛的動物插圖和大量的動畫，使孩子們對這款 APP 產(chǎn)生親切感。
Cat’n’Clever APP
但在設計 Proko 和 CGMA 成人藝術(shù)學習平臺時，我們想給用戶留下的印象則完全不同。我們采用了酷炫、簡潔、專業(yè)的外觀和簡約的設計來突出平臺的學習方法，并以最好的方式呈現(xiàn)內(nèi)容，不對內(nèi)容產(chǎn)生干擾。
Proko 藝術(shù)教育平臺
Shakuro 設計的 CGMA 網(wǎng)站
5、 為碎片化學習設計
傳統(tǒng)教育方式并不適合當今社會的實際情況。雖然很多在線課程使用戶能夠更便捷地獲取學習資料，但大多數(shù)教育方式還是基于傳統(tǒng)的方法，固定時間和地點進行學習。因此對已經(jīng)被工作或其他的學習活動占據(jù)了大部分時間的用戶來說，他們的生活很難適應這種教育方式。
如果猜測一下現(xiàn)實中大多數(shù)人如何使用手機學習，最常見的情景可能是他們在旅途中進行短暫的學習，這就像他們在通勤時、吃早餐時和堵車時查看 Facebook 的消息，即在其他活動之間進行碎片化學習，因為人們不太可能花幾個小時在手機上勤奮地學習課程。
發(fā)表在《應用心理學雜志》上的研究顯示，碎片化學習比傳統(tǒng)的課堂培訓傳播知識的 效率高17%。能夠選擇自己的環(huán)境、時間和地點進行學習，正是在線學習的魅力所在。所以，理想的方式是調(diào)整你的在線學習 APP ，通過設計適應碎片化學習的需要。為此，你需要添加教學短視頻，提供 閃卡學習法[3] 以及針對碎片化學習的測驗，并通過通知、郵件等方式發(fā)送簡短的信息。
（[3]閃卡學習法（Flash Cards）：起源于上世紀60年代的美國，是美國格連·杜曼基于其教育理論發(fā)明的一種視覺刺激卡片。通過閃示卡片的手法向?qū)殞毧焖賯鬟_信息，以刺激幼兒右腦發(fā)育，提高幼兒的數(shù)學能力、語言識字閱讀能力和常識能力。）
Zenith 設計的碎片化學習界面
6、極簡設計
在使用網(wǎng)絡教育平臺的時候，很多人都希望平臺有盡可能多的功能，而在移動端時情況就不同了，因為屏幕太小導致不方便容納太多的選項。這樣一來，一個在網(wǎng)絡平臺被稱贊的優(yōu)點，在移動端 APP 上就變成了一個缺點。?？硕?/strong>[4]（Hick's Law）也解釋了為什么選擇太多是件壞事。
（[4]?？硕桑涸Q希克海曼定律（Hick Hymalrs law），是一種心理物理學定律。簡單的說，它的意思就是：一個人所面臨的選擇越多，做出選擇所花的時間就越多，當面臨選擇的數(shù)量增加，做出決定的時間也會跟著增加。）
所以最好將你的想法篩選到最少，即使功能范圍不受限，也要保證這些必需功能在一定數(shù)量內(nèi)。減少功能意味著更簡潔的界面，從而更直接地從一節(jié)課導航到另一節(jié)課。
平衡功能的數(shù)量和實用性是非常重要的，極簡主義在當今是流行趨勢，所以要好好利用這一點。
Imran Hossain 設計的在線學習平臺
7、保證清晰性和便利性
設計在線學習 APP 的時候，不管有多少功能，對于設計師來說可能都是顯而易見且容易理解的。但對于用戶來說，特別是對于一個新手用戶來說，卻完全無法理解這些功能。所以最好區(qū)分開哪些功能和學習資料是必要的，哪些是多余的，從而可以暫時放一放那些不必要的功能。
要使 APP 足夠清晰就需要：
給用戶提供如何使用 APP 的說明
保證導航元素貫穿整個 APP
確保用戶了解課程目標
把學習資料分成若干單元
為移動端設計一個在線學習的解決方案時，哪怕此 APP 是為孩子們設計的，也要 專注于呈現(xiàn)關(guān)鍵功能和內(nèi)容，而不是添加過多的干擾項，因為這有可能分散用戶學習的注意力。
在線教育APP：Nas
由 Tran Mau Tri Tam 設計的 \ 針對 UI 設計師的移動端 APP 概念稿
8、 提高效率
每一個 設計的最終目的 都是為了讓產(chǎn)品能夠為用戶提供服務，并突出其主要功能，以幫助用戶達成目標和解決痛點，教育類 APP 也不例外。
以易于獲取的方式構(gòu)建信息，對于一款給專業(yè)人士使用的在線學習 APP 來說至關(guān)重要，例如給實習生和醫(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
總結(jié)
In conclusion
智能手機不僅使我們的生活變得更加簡單和方便，讓我們可以在旅途中用它來網(wǎng)上訂票、點外賣和隨時隨地聯(lián)系任何人，它還是我們接收信息和儲存知識的媒介 —— 這就是智能手機成為現(xiàn)代教育過程中關(guān)鍵工具的原因。
讓我們?yōu)槊篮玫捏w驗和效率而設計。
原文：https://uxplanet.org/e-learning-app-design-and-how-to-make-it-better-d01a78eb4697
作者：Kate Shokurova
譯者：吳鵬飛
審核：張聿彤
編輯：王婭
往期精選文章：
這些色彩心理學知識教你如何傳遞信息
案例研究｜康奈爾大學副業(yè)社區(qū)網(wǎng)站設計
Web Vitals —— 谷歌的新一代 Web 性能體驗和質(zhì)量指標
網(wǎng)頁設計師能從日式美學中學到什么？
案例研究｜一款為你帶來難忘體驗的美食 APP
如何制作打動面試官的作品集，這里有一份完整的指導手冊
如何做好用戶體驗項目？從一個好計劃開始
如何建立設計系統(tǒng)
如何把握不同層級用戶的需求：回歸本質(zhì)，打磨信息架構(gòu)
TCC 視野｜2021 年用戶體驗設計趨勢分析
- 設計師自習社區(qū) -
TCC 設計情報局歡迎小伙伴加入，一起交流設計知識，了解全球設計資訊，鍛煉英文能力，發(fā)掘更多可能性～
添加小助手微信，備注「社群」，即可加入讀者群。
