▲點(diǎn)擊 "TCC翻譯情報(bào)局" 關(guān)注，回復(fù) "社群" 加入我們

本文共 5439 字，預(yù)計(jì)閱讀 14 分鐘

TCC 情報(bào)局的 第 81篇 干貨分享

2021 年的 第 69 篇

在新冠疫情威脅全球健康的同時(shí)，也深刻的沖擊了現(xiàn)代教育行業(yè)，盡管學(xué)生們不能出門上學(xué)，但教育卻不可以停止腳步。當(dāng)設(shè)計(jì)師們注意到了教育方式的飛速變革，應(yīng)對(duì)這一需求出現(xiàn)了一系列面向教師、學(xué)生或其他培訓(xùn)需求的學(xué)習(xí)類 APP。作者在這里介紹了十個(gè)需要注意的小技巧，從用戶心理、學(xué)習(xí)路徑、目標(biāo)受眾等方面，指出了一款體驗(yàn)良好的在線學(xué)習(xí) APP 應(yīng)具備哪些設(shè)計(jì)原則，并展示了相關(guān)案例，幫助我們更好的學(xué)習(xí)這些小技巧，一起來(lái)看看吧！

出自插畫師 Marly Gallardo

在當(dāng)今時(shí)代下，孩子和大人們都越來(lái)越懂技術(shù)了，尤其是孩子們從小就習(xí)慣了使用各種小工具。考慮到這一點(diǎn)，再看看市場(chǎng)上已有的各種教育解決方案，在線學(xué)習(xí) APP 的設(shè)計(jì)越來(lái)越難是理所應(yīng)當(dāng)?shù)?。雖然通常情況下，設(shè)計(jì)師在為某一行業(yè)開發(fā)應(yīng)用時(shí)都會(huì)遵循一些相同的原則，但這些原則 由于受到學(xué)習(xí)和教育 APP 自身復(fù)雜性的影響，在運(yùn)用時(shí)也會(huì)有所不同。

這對(duì)于一個(gè)設(shè)計(jì)師來(lái)說(shuō)意味著什么？為了 吸引目標(biāo)受眾，你要思考教育產(chǎn)品會(huì)給用戶帶來(lái)哪些挑戰(zhàn)，并分析競(jìng)爭(zhēng)對(duì)手，從而滿足用戶的特定需求，這里的用戶不僅是學(xué)習(xí)的學(xué)生，還有參與教學(xué)的老師。接下來(lái)我們會(huì)討論一下用戶體驗(yàn)設(shè)計(jì)在產(chǎn)品開發(fā)過(guò)程中的重要性，以及如何通過(guò)一些設(shè)計(jì)實(shí)踐來(lái)開發(fā)一款學(xué)習(xí) APP，以釋放其全部潛力。

Lukas Rudrof 設(shè)計(jì)的學(xué)習(xí)平臺(tái)

1. 在線學(xué)習(xí) APP 的類型 

由于新冠疫情的流行，教育行業(yè)受到了很大的沖擊。只有那些認(rèn)識(shí)到在線學(xué)習(xí)力量的教育者才有機(jī)會(huì)成功和保持活力。在線學(xué)習(xí) APP 不僅簡(jiǎn)化了學(xué)生和教師的生活，以便捷的方式滿足了教育的需求，還帶來(lái)了一系列巨大的商機(jī)。教育類 APP 設(shè)計(jì)的棘手之處在于如何創(chuàng)造出一種解決問題、激發(fā)靈感、進(jìn)而吸引用戶的體驗(yàn)。

在理解在線學(xué)習(xí) APP 開發(fā)中會(huì)面臨的挑戰(zhàn)之前，很有必要明確這些挑戰(zhàn)存在的主要原因是什么，那就是這類 APP 的多樣性。有移動(dòng)百科全書、語(yǔ)言學(xué)習(xí) APP、針對(duì)教師的 APP、學(xué)習(xí)特定技能（如繪畫）的 APP、針對(duì)兒童的 APP、在線課程 APP、備考 APP...... 你能想到的都有。換句話說(shuō)，有一種技能或一種知識(shí)，就會(huì)有一個(gè) APP。

為什么了解在線學(xué)習(xí) APP 的類型如此重要？因?yàn)檎沁@種多樣性，使設(shè)計(jì)師的任務(wù)變得很艱難 —— 但這并不代表你一定不能完成。

由 Lina Mielez 設(shè)計(jì)的擊鼓課程 APP

2. 如何設(shè)計(jì)一款在線學(xué)習(xí) APP

創(chuàng)業(yè)公司失敗的原因有很多，平庸的內(nèi)容、無(wú)效的盈利模式以及市場(chǎng)調(diào)研不足都在其中。但不僅僅只是這些，在開發(fā)過(guò)程中，APP 的設(shè)計(jì)也是很重要的一方面。設(shè)計(jì)在線學(xué)習(xí) APP 的主要目的是能夠使學(xué)生受到激勵(lì)，進(jìn)而花費(fèi)盡可能多的時(shí)間來(lái)學(xué)習(xí)，最終實(shí)現(xiàn)他們的目標(biāo)。好的 UI 設(shè)計(jì)和交互設(shè)計(jì)能夠?qū)崿F(xiàn)這個(gè)目的，使你的產(chǎn)品在市場(chǎng)中脫穎而出，因?yàn)槠渌a(chǎn)品的開發(fā)者并沒有給予用戶體驗(yàn)足夠的重視。

失敗的 APP 最終有可能是這樣的：

• 不相關(guān)的

• 不清楚的

• 太復(fù)雜的

• 不恰當(dāng)?shù)?/span>

• 太費(fèi)時(shí)間的

• 混亂的

• 不方便的

• 效率低下的

• 無(wú)聊的

• 不一致的和沒有價(jià)值的

讓我們看看如何通過(guò)設(shè)計(jì)來(lái)避免這些可能發(fā)生的結(jié)果。

1） 基于用戶心理進(jìn)行設(shè)計(jì)

確定了你要設(shè)計(jì)的 APP 類型后，下一步就是 研究目標(biāo)受眾 和他們的喜好：誰(shuí)會(huì)以什么樣的方式、在什么時(shí)候、為了實(shí)現(xiàn)什么目標(biāo)來(lái)使用這個(gè) APP？換句話說(shuō)，什么東西才有可能讓他們使用這個(gè) APP？使用用戶畫像和競(jìng)品分析等工具會(huì)對(duì)你有所幫助。

然而，盡管你的目標(biāo)受眾中有一些人的需求差別很大，但仍然有一些心理學(xué)原理對(duì)大多數(shù)人是普遍適用的，因此可以在教育類 APP 的開發(fā)中應(yīng)用這些原理來(lái)創(chuàng)造一款吸引人的產(chǎn)品。例如，在設(shè)計(jì)學(xué)習(xí) APP 時(shí)，你可以把學(xué)習(xí)作為用戶在未來(lái)要養(yǎng)成的習(xí)慣。為此，你需要設(shè)計(jì)簡(jiǎn)單的體驗(yàn)，給予用戶激勵(lì)，設(shè)計(jì)微會(huì)話[1]（Microsessions），添加觸發(fā)器，并發(fā)揮 FOMO 心理效應(yīng)[2]（Fear Of Missing Out）的作用，最后這一招各大社交媒體 APP 都在使用。

（[1] 微會(huì)話（Microsessions）：指少于 15 秒的會(huì)話?！拔?huì)話”一詞遵循費(fèi)雷拉及其同事發(fā)表的一篇文章引入的術(shù)語(yǔ)，他創(chuàng)造了“微用途”一詞，指的是少于15秒的移動(dòng)使用。他們發(fā)現(xiàn)，超過(guò)40％的移動(dòng)設(shè)備使用量是微用量。）

（[2] FOMO 心理效應(yīng)（Fear Of Missing Out）：錯(cuò)失恐懼癥，具體表現(xiàn)為無(wú)法拒絕任何邀約，擔(dān)心錯(cuò)過(guò)任何與有助人際關(guān)系的活動(dòng)。）

Nimasha Perera 設(shè)計(jì)的教育 APP UI 套件

2）規(guī)劃清晰的學(xué)習(xí)路徑

設(shè)計(jì)教育類 APP，另一個(gè)關(guān)鍵是在每一步都要加入進(jìn)度指標(biāo)。從心理學(xué)上來(lái)說(shuō)，學(xué)習(xí)成長(zhǎng)路徑的概念對(duì)用戶來(lái)說(shuō)非常重要，這樣他們可以明白自己目前所處的位置，以及未來(lái)等待他們的是什么。這樣的指標(biāo)可以讓學(xué)生集中精力，為接下來(lái)的課程做好準(zhǔn)備并按時(shí)完成課程，給學(xué)生提供一定成就感，鼓勵(lì)他們繼續(xù)使用 APP。如果這個(gè)學(xué)習(xí)過(guò)程是模糊的，他們可能會(huì)感到失望，以致于不再使用這款 APP。

因此，要讓用戶知道：

• 已經(jīng)學(xué)了多少課程

• 還需要完成多少課程

• 從開始學(xué)習(xí)到現(xiàn)在已經(jīng)花費(fèi)了多少時(shí)間

NestStrix 中的課程：Toki

3）面向教育工作者進(jìn)行設(shè)計(jì)

新冠疫情給教育行業(yè)帶來(lái)的挑戰(zhàn)之一，不僅是向在家學(xué)習(xí)方式的過(guò)渡和相關(guān)的技術(shù)難題，對(duì)教師們來(lái)說(shuō)，他們必須接受一種并不習(xí)慣的新的授課方式。并不是說(shuō)現(xiàn)代的教師不熟悉當(dāng)前的技術(shù)，只是由于一些學(xué)校和輔導(dǎo)機(jī)構(gòu)有時(shí)存在慣性，很多教師習(xí)慣于使用傳統(tǒng)的教學(xué)工具，包括黑板、課本、圖表、圖片等等。

所以，在教育類 APP 設(shè)計(jì)中最好能使用一些教育工作者熟悉的概念和邏輯。這樣一來(lái)，他們就不會(huì)被新科技所淹沒，而是專注于教學(xué)，基于新 APP 的內(nèi)容創(chuàng)造一種新的教學(xué)方法，并利用它們將教學(xué)過(guò)程數(shù)字化、簡(jiǎn)單化。例如，即使是一款簡(jiǎn)單知名的記事 APP Evernote，也入選了教育者認(rèn)為最有用的應(yīng)用候選名單。因?yàn)樗梢宰尳處熡靡纛l、視頻、PDF 等各種格式的數(shù)字筆記取代那些冗長(zhǎng)的印刷筆記。

Henry Kunjumon 設(shè)計(jì)的教師課堂和課程表管理 APP

4）為適合的年齡段人群設(shè)計(jì) 

設(shè)計(jì)教育類 APP 面對(duì)的另一挑戰(zhàn)是，它們所涵蓋的用戶年齡差異很大 —— 從幼兒到老年人。為了證明這一點(diǎn)有多重要，我想以我在 Shakuro 團(tuán)隊(duì)設(shè)計(jì)的一款教育 APP 為例，它就是 Cat’n’Clever 。它是一款專為小孩子設(shè)計(jì)的 APP，因此我們使用了鮮艷的色彩、可愛的動(dòng)物插圖和大量的動(dòng)畫，使孩子們對(duì)這款 APP 產(chǎn)生親切感。

 Cat’n’Clever APP

但在設(shè)計(jì) Proko 和 CGMA 成人藝術(shù)學(xué)習(xí)平臺(tái)時(shí)，我們想給用戶留下的印象則完全不同。我們采用了酷炫、簡(jiǎn)潔、專業(yè)的外觀和簡(jiǎn)約的設(shè)計(jì)來(lái)突出平臺(tái)的學(xué)習(xí)方法，并以最好的方式呈現(xiàn)內(nèi)容，不對(duì)內(nèi)容產(chǎn)生干擾。

Proko 藝術(shù)教育平臺(tái)

Shakuro 設(shè)計(jì)的 CGMA 網(wǎng)站

5）為碎片化學(xué)習(xí)設(shè)計(jì)

如果猜測(cè)一下現(xiàn)實(shí)中大多數(shù)人如何使用手機(jī)學(xué)習(xí)，最常見的情景可能是他們?cè)诼猛局羞M(jìn)行短暫的學(xué)習(xí)，這就像他們?cè)谕ㄇ跁r(shí)、吃早餐時(shí)和堵車時(shí)查看 Facebook 的消息，即在其他活動(dòng)之間進(jìn)行碎片化學(xué)習(xí)，因?yàn)槿藗儾惶赡芑◣讉€(gè)小時(shí)在手機(jī)上勤奮地學(xué)習(xí)課程。

發(fā)表在《應(yīng)用心理學(xué)雜志》上的研究顯示，碎片化學(xué)習(xí)比傳統(tǒng)的課堂培訓(xùn)傳播知識(shí)的 效率高17%。能夠選擇自己的環(huán)境、時(shí)間和地點(diǎn)進(jìn)行學(xué)習(xí)，正是在線學(xué)習(xí)的魅力所在。所以，理想的方式是調(diào)整你的在線學(xué)習(xí) APP ，通過(guò)設(shè)計(jì)適應(yīng)碎片化學(xué)習(xí)的需要。為此，你需要添加教學(xué)短視頻，提供 閃卡學(xué)習(xí)法[3] 以及針對(duì)碎片化學(xué)習(xí)的測(cè)驗(yàn)，并通過(guò)通知、郵件等方式發(fā)送簡(jiǎn)短的信息。

（[3]閃卡學(xué)習(xí)法（Flash Cards）：起源于上世紀(jì)60年代的美國(guó)，是美國(guó)格連·杜曼基于其教育理論發(fā)明的一種視覺刺激卡片。通過(guò)閃示卡片的手法向?qū)殞毧焖賯鬟_(dá)信息，以刺激幼兒右腦發(fā)育，提高幼兒的數(shù)學(xué)能力、語(yǔ)言識(shí)字閱讀能力和常識(shí)能力。）

Zenith 設(shè)計(jì)的碎片化學(xué)習(xí)界面

6）極簡(jiǎn)設(shè)計(jì) 

在使用網(wǎng)絡(luò)教育平臺(tái)的時(shí)候，很多人都希望平臺(tái)有盡可能多的功能，而在移動(dòng)端時(shí)情況就不同了，因?yàn)槠聊惶?dǎo)致不方便容納太多的選項(xiàng)。這樣一來(lái)，一個(gè)在網(wǎng)絡(luò)平臺(tái)被稱贊的優(yōu)點(diǎn)，在移動(dòng)端 APP 上就變成了一個(gè)缺點(diǎn)。?？硕?/strong>[4]（Hick's Law）也解釋了為什么選擇太多是件壞事。

（[4]希克定律：原稱?？撕Ｂ桑℉ick Hymalrs law），是一種心理物理學(xué)定律。簡(jiǎn)單的說(shuō)，它的意思就是：一個(gè)人所面臨的選擇越多，做出選擇所花的時(shí)間就越多，當(dāng)面臨選擇的數(shù)量增加，做出決定的時(shí)間也會(huì)跟著增加。）

所以最好將你的想法篩選到最少，即使功能范圍不受限，也要保證這些必需功能在一定數(shù)量?jī)?nèi)。減少功能意味著更簡(jiǎn)潔的界面，從而更直接地從一節(jié)課導(dǎo)航到另一節(jié)課。

平衡功能的數(shù)量和實(shí)用性是非常重要的，極簡(jiǎn)主義在當(dāng)今是流行趨勢(shì)，所以要好好利用這一點(diǎn)。

Imran Hossain 設(shè)計(jì)的在線學(xué)習(xí)平臺(tái)

7）保證清晰性和便利性

設(shè)計(jì)在線學(xué)習(xí) APP 的時(shí)候，不管有多少功能，對(duì)于設(shè)計(jì)師來(lái)說(shuō)可能都是顯而易見且容易理解的。但對(duì)于用戶來(lái)說(shuō)，特別是對(duì)于一個(gè)新手用戶來(lái)說(shuō)，卻完全無(wú)法理解這些功能。所以最好區(qū)分開哪些功能和學(xué)習(xí)資料是必要的，哪些是多余的，從而可以暫時(shí)放一放那些不必要的功能。

要使 APP 足夠清晰就需要：

• 給用戶提供如何使用 APP 的說(shuō)明

• 保證導(dǎo)航元素貫穿整個(gè) APP

• 確保用戶了解課程目標(biāo)

• 把學(xué)習(xí)資料分成若干單元

  
  

為移動(dòng)端設(shè)計(jì)一個(gè)在線學(xué)習(xí)的解決方案時(shí)，哪怕此 APP 是為孩子們?cè)O(shè)計(jì)的，也要 專注于呈現(xiàn)關(guān)鍵功能和內(nèi)容，而不是添加過(guò)多的干擾項(xiàng)，因?yàn)檫@有可能分散用戶學(xué)習(xí)的注意力。

在線教育APP：Nas

由 Tran Mau Tri Tam 設(shè)計(jì)的 \ 針對(duì) UI 設(shè)計(jì)師的移動(dòng)端 APP 概念稿

8）提高效率 

每一個(gè) 設(shè)計(jì)的最終目的 都是為了讓產(chǎn)品能夠?yàn)橛脩籼峁┓?wù)，并突出其主要功能，以幫助用戶達(dá)成目標(biāo)和解決痛點(diǎn)，教育類 APP 也不例外。

以易于獲取的方式構(gòu)建信息，對(duì)于一款給專業(yè)人士使用的在線學(xué)習(xí) APP 來(lái)說(shuō)至關(guān)重要，例如給實(shí)習(xí)生和醫(yī)生使用的百科全書。否則，雖然一個(gè) APP 從界面視覺呈現(xiàn)的角度來(lái)看是一流的，但可能會(huì)缺乏效率，導(dǎo)致人們從頭到尾地使用 APP 時(shí)會(huì)浪費(fèi)很多時(shí)間，所以他們可能會(huì)卸載你的 APP，并很快尋找一個(gè)競(jìng)爭(zhēng)對(duì)手開發(fā)的同類 APP，因?yàn)樗麄兛紤]到了這一點(diǎn)。

由 Rifat Sarkar 設(shè)計(jì)的學(xué)習(xí)管理 APP | 任務(wù)管理界面 | 課程表界面

9）設(shè)計(jì)游戲化體驗(yàn) 

傳統(tǒng)的學(xué)校教育被許多學(xué)生和成年人認(rèn)為是低效的和枯燥的。盡管老師們不斷尋求新穎的教學(xué)方法，但人們普遍認(rèn)為，當(dāng)今的學(xué)校在學(xué)生的積極性和參與度方面面臨著重大問題。而 設(shè)計(jì)師們使用游戲化技巧使在線學(xué)習(xí) APP 使用起來(lái)更加有趣和愉悅，即使是在醫(yī)學(xué)學(xué)習(xí) APP 或培訓(xùn)員工遵守安全規(guī)則的 APP 這種乍一看似乎不適合此方法的情景中，也可以使用該技巧。

大部分的學(xué)習(xí) APP 都喜歡通過(guò) 挑戰(zhàn) 來(lái)增加用戶的成就感。有些 APP 通過(guò) 記分板 來(lái)激勵(lì)學(xué)生追求榜上排名，還有一種技巧是增設(shè) 積分制，并提供 等級(jí) 來(lái)記錄用戶的成就，并且把 游戲貨幣 作為一種 "支付" 手段，可以用來(lái)獲取額外的復(fù)活機(jī)會(huì)等福利。

這種 APP 的例子很多，Codecademy Go 就是其中一個(gè)。這是一款編碼教學(xué)的 APP，學(xué)生在完成練習(xí)后會(huì)獲得積分，掌握特定的技能后會(huì)獲得徽章，并還設(shè)有技能進(jìn)度板使學(xué)生掌控學(xué)習(xí)進(jìn)度。可汗學(xué)院的教育 APP 也通過(guò) RPG 視頻游戲、徽章、技能進(jìn)度板和積分這些技能樹的形式將學(xué)習(xí)過(guò)程游戲化。

游戲化學(xué)習(xí)：由 Everton Curcio Martins 設(shè)計(jì)的遠(yuǎn)程學(xué)習(xí) APP

10）向競(jìng)爭(zhēng)對(duì)手學(xué)習(xí) 

市場(chǎng)上有很多語(yǔ)言學(xué)習(xí)軟件，但為什么那么多人都在用 Duolingo（多鄰國(guó)）？用戶喜歡這款應(yīng)用是因?yàn)樗敲赓M(fèi)的，而且便于在不同設(shè)備之間切換，此外還有完善的用戶界面和用戶體驗(yàn)設(shè)計(jì)，可以讓用戶看到自己學(xué)習(xí)的進(jìn)程，并不斷激勵(lì)他們。它是同類 APP 中最知名的，但萬(wàn)事不論再好都有一定的改進(jìn)空間，包括 Duolingo。

即使一個(gè)類別已經(jīng)有了很多熱門的 APP，再打造一款脫穎而出的 APP 也是有可能的。你可以通過(guò)向競(jìng)爭(zhēng)對(duì)手及其用戶評(píng)論學(xué)習(xí)，分析他們成功和不足的地方，這將 有助于使你保持設(shè)計(jì)的一致性，并為你指明前進(jìn)的方向。

3. 總結(jié) 

往期精選文章：