起點課堂會員權(quán)益
職業(yè)體系課特權(quán)
線下行業(yè)大會特權(quán)
個人IP打造特權(quán)
30+門專項技能課
1300+專題課程
12場職場軟技能直播
12場求職輔導(dǎo)直播
12場專業(yè)技能直播
會員專屬社群
榮耀標(biāo)識5000字拆解小猿AI的12種練習(xí)題設(shè)計
作為一款專注于K12教育的人工智能學(xué)習(xí)產(chǎn)品，小猿AI的練習(xí)題設(shè)計備受關(guān)注。本文深入拆解了小猿AI APP的12種練習(xí)題設(shè)計，通過對每個題型的交互細(xì)節(jié)、設(shè)計亮點與體驗缺陷的剖析，揭示了小猿AI如何利用AI技術(shù)與創(chuàng)新交互形式，打造高效且有趣的學(xué)習(xí)體驗，供大家參考。
概述
?? 小猿AI是誰？
小猿AI的前身是小猿口算，是猿輔導(dǎo)旗下一款專注K12教育的人工智能學(xué)習(xí)產(chǎn)品。它通過AI技術(shù)為學(xué)生提供個性化的學(xué)習(xí)體驗，包括智能題目推薦、實時答疑解惑和學(xué)習(xí)進(jìn)度跟蹤等功能。作為猿輔導(dǎo)矩陣中的重要產(chǎn)品，小猿AI致力于讓學(xué)習(xí)變得更加高效和有趣。
?? 為什么要拆解練習(xí)題型？
如果你有參與過在線學(xué)習(xí)的產(chǎn)品，「練習(xí)」這個場景是用戶和產(chǎn)品交互最高頻的內(nèi)容。學(xué)生通過觀看課程學(xué)習(xí)，接下來最重要的就是練習(xí)。所以拆解練習(xí)題型，有利于對此類產(chǎn)品有更深入的了解。
?? 小猿 AI 都有哪些練習(xí)題型？
經(jīng)過完整的產(chǎn)品調(diào)研，小猿 AI 主要分為數(shù)學(xué)、語文和英語三個學(xué)科。雖然這個產(chǎn)品覆蓋了學(xué)齡前到大學(xué)的用戶，但練習(xí)這個場景，只包含了三個學(xué)科，共計 12 種練習(xí)題型。
數(shù)學(xué)
數(shù)學(xué)作為一門注重思維邏輯培養(yǎng)的學(xué)科，在其練習(xí)形式的設(shè)計上需要特別重視對學(xué)生邏輯思維能力的鍛煉。因此，在產(chǎn)品的交互設(shè)計上，小猿AI采用了多樣化的練習(xí)形式，主要包含口算練習(xí)、同步練、豎式計算、單位換算和聽算練習(xí)5種練習(xí)題，接下來讓我們逐一拆解。
?? 口算練習(xí)
口算練習(xí)旨在提升學(xué)生的心算和快速計算能力。通過反復(fù)練習(xí)，學(xué)生能培養(yǎng)敏捷的數(shù)學(xué)思維，實現(xiàn)準(zhǔn)確的心算。這種練習(xí)方式注重速度和準(zhǔn)確性，是培養(yǎng)數(shù)學(xué)基本功的重要方式。作為我們拆解的第一個題型，我將會從0到1分解它的設(shè)計步驟，以便大家可以完整地洞察到設(shè)計細(xì)節(jié)。
列表頁
進(jìn)入口算練習(xí)，可以發(fā)現(xiàn)頁面是按單元拆分內(nèi)容，用戶可以自由選擇題目進(jìn)行練習(xí)。
調(diào)整題數(shù)：可調(diào)整練習(xí)的題目數(shù)量，最少 10 題，最大200 題，題目越多獎勵越多；
學(xué)霸榜：按地區(qū)和學(xué)校統(tǒng)計學(xué)生的練習(xí)速度排行榜；
打印題目：可連接打印機(jī)打印題目，同時也支持發(fā)送郵箱以及微信；
??設(shè)計亮點：打印題目這個功能令人印象深刻，不僅能免費(fèi)下載練習(xí)試卷，還可以通過手機(jī)直接連接打印機(jī)打印，這樣貼心且實用的功能給用戶帶來了意外驚喜。
答題頁
進(jìn)入練習(xí)答題頁，伴隨著輕快舒緩的音樂，可以快速地激發(fā)了用戶練習(xí)的熱情。
題干內(nèi)容：題干內(nèi)容設(shè)計醒目，不過如果將題干字體適當(dāng)放大，同時將下方題目字體縮小，視覺對比會更強(qiáng)烈，閱讀體驗也會更好；
輸入框：手寫輸入框，系統(tǒng)可以快速識別，如果答錯，系統(tǒng)也會及時給予反饋，并且需要寫對才能自動跳轉(zhuǎn)到下一題（你也可以在右上角點擊跳過）。
???
①為什么用戶寫錯需要重寫？
這里我來分享一下我的理解。練習(xí)這個場景，真正的設(shè)計目標(biāo)是幫助用戶掌握知識，所以當(dāng)用戶寫錯，系統(tǒng)應(yīng)該及時給與反饋，甚至給出正確的提示，幫助用戶一邊練一邊學(xué)，從而掌握關(guān)鍵知識點。
②系統(tǒng)如何校驗用戶的手寫答案？
這里是采購了第三方的文字識別OCR服務(wù)，我查詢了資料，OCR 服務(wù)的應(yīng)用場景就包含了試題識別，用戶手寫答案后，系統(tǒng)會根據(jù)圖形判別和正確答案的相似度，最終判定是否合格。
草稿：點擊草稿，手寫的內(nèi)容不會提交，支持撤銷、恢復(fù)和清空。
??體驗缺陷：這里缺少了足夠的幫助提示文字，我連續(xù)展開和關(guān)掉了草稿箱，最后才慢慢理解如何去操作。
跳過：如果你無法回答正確，可以在右上角選擇跳過題目。
聲音交互：在用戶答對和答錯時候系統(tǒng)都會及時地播放對應(yīng)提示音。
??提示音重要嗎？
千萬不要小看「提示音」的設(shè)計。在練習(xí)這個場景，如果缺少了聲音交互，用戶將會陷入慌亂，不知道下一步該怎么做。
退出：用戶可以點擊退出，但會出現(xiàn)彈窗提示，防止用戶誤操作。
練習(xí)結(jié)束：答完所有題目，系統(tǒng)會出現(xiàn)提示彈窗，告知用戶練習(xí)結(jié)束，并向用戶贈送練習(xí)獲取的經(jīng)驗。
排行榜
在用戶完成練習(xí)以后，系統(tǒng)會先跳轉(zhuǎn)到排行榜頁面，告知用戶在系統(tǒng)當(dāng)前的練習(xí)排名。關(guān)于排行榜，小猿AI設(shè)計得非常用心，我們拆分一下它的設(shè)計細(xì)節(jié)。
排名規(guī)則：按周排名，下周數(shù)據(jù)自動清空
用戶等級：像足球聯(lián)賽一樣，排行榜分為青銅、白銀等多個等級，隨著用戶練習(xí)獲取的經(jīng)驗值晉升和降級（每周前三十排名的同學(xué)可晉升下一個等級，45 名之后的同學(xué)下降到下一個等級），這樣的設(shè)計增加了趣味性，更容易激發(fā)用戶（特別是小朋友）的興趣。
分享：可生成排行榜海報以及網(wǎng)頁鏈接分享到微信、釘釘、微博等平臺。
統(tǒng)計頁
關(guān)閉排行榜頁面，用戶將會進(jìn)入練習(xí)統(tǒng)計頁面。
練習(xí)數(shù)據(jù)：統(tǒng)計用戶此次練習(xí)答對的題目數(shù)、用時和正確率。
練習(xí)詳情：展示用戶練習(xí)答題的詳細(xì)內(nèi)容。
錯題本：在練習(xí)中答錯的題目會自動收錄到錯題本。
分享：可生成練習(xí)詳情頁海報以及網(wǎng)頁鏈接分享到微信、釘釘、微博等平臺。
?? 同步練
「同步練」是按照學(xué)生的教材內(nèi)容進(jìn)行練習(xí)，該題型主要以選擇題為主，交互操作比較簡單。不過這里也有個細(xì)節(jié)值得分享，那就是用戶選對答案后頁面會直接跳轉(zhuǎn)，用戶選錯后，系統(tǒng)會立即展示題目解析內(nèi)容，并需要用戶點擊「下一題」才能跳轉(zhuǎn)。這樣設(shè)計的目的是讓用戶及時知道為什么答錯，掌握知識點。
?? 豎式計算
豎式計算是一種在進(jìn)行加、減、乘、除等數(shù)學(xué)運(yùn)算時常用的書寫計算格式，它將計算過程以豎著排列的方式呈現(xiàn)，能更清晰地展示每一步的計算細(xì)節(jié)，幫助學(xué)生準(zhǔn)確地進(jìn)行計算 。
??為什么豎式計算在用戶書寫完以后還需要點擊「完成」才能跳轉(zhuǎn)，而不是像口算練習(xí)一樣直接跳轉(zhuǎn)？
雖然都是手寫練習(xí)，但兩個題型之所以出現(xiàn)交互形式的區(qū)別是因為他們的練習(xí)目標(biāo)不同?？谒憔毩?xí)側(cè)重于培養(yǎng)用戶的口算能力，更注重口算效率，而豎式計算側(cè)重于做題的細(xì)節(jié)和過程，所以用戶有足夠的時間檢查無誤以后再跳轉(zhuǎn)到下一題。
?? 單位換算
這個題型比較簡單，主要通過手寫的形式，練習(xí)各種單位的大小和換算。
?? 聽算練習(xí)
聽算練習(xí)是學(xué)生根據(jù)系統(tǒng)播放的題目音頻用語音進(jìn)行作答。相比手寫，這里的交互邏輯有一些不同：
- 系統(tǒng)自動朗讀，朗讀完后用戶需要快速用語音作答；
- 答對自動跳轉(zhuǎn)到下一題，答錯系統(tǒng)將會提示錯誤，并且支持在倒計時結(jié)束之前繼續(xù)作答。
???用戶回答的音頻如何判斷對錯？
這里是采用了第三方的口語測評技術(shù)，系統(tǒng)接收學(xué)生的音頻后進(jìn)行快速測評，最終返回結(jié)果給系統(tǒng)去判斷。
?? 小結(jié)
在體驗完數(shù)學(xué)學(xué)科的五個練習(xí)題后，最令我印象深刻的是產(chǎn)品的流暢度。練習(xí)題包含了大量細(xì)節(jié)，尤其是手寫和語音這類功能，相比傳統(tǒng)的選擇題，它們需要對接第三方技術(shù)。系統(tǒng)的反饋速度必須達(dá)到毫秒級，才能讓用戶感受到自然順暢的體驗。試想，如果你寫完答案后，系統(tǒng)一直在轉(zhuǎn)圈加載或沒有任何反饋，你還會繼續(xù)練習(xí)嗎？
???產(chǎn)品體驗評分：??????????
語文
與數(shù)學(xué)的邏輯思維訓(xùn)練不同，語文練習(xí)題型更注重聽說讀寫的全方位訓(xùn)練。通過語音識別和書寫訓(xùn)練等交互形式，幫助學(xué)生提升語言表達(dá)和文學(xué)素養(yǎng)。
?? 字詞聽寫
聽寫是語文學(xué)科的一個重要場景，小猿AI的設(shè)計給了我很大的驚喜，讓我在這個題型的體驗中獲得了Aha-Moment。
列表頁
課文列表：用戶可以選擇需要聽寫的課文，支持多選、全選。
打?。哼x中課文，點擊打印，就能進(jìn)入到打印詳情頁，還可以選擇字帖臨摹和看拼音寫漢字兩種模式。
在線聽寫：點擊后就能進(jìn)入在線聽寫詳情頁。
紙筆聽寫：非常貼心的一個功能，用戶可以紙筆代替鍵盤拼寫，而不全是依靠電子設(shè)備。
自由聽寫：自由聽寫是用戶可以跳出課文內(nèi)容，輸入自己想聽寫的單詞。
排行榜：用戶每周聽寫正確字?jǐn)?shù)的統(tǒng)計排行榜。
??Aha-Moment：打印、紙筆聽寫和自由聽寫這三個功能的設(shè)計真正做到了以用戶為中心的設(shè)計理念，特別是紙筆聽寫，不僅發(fā)揮了數(shù)字產(chǎn)品的優(yōu)勢，還能讓學(xué)生用紙筆書寫，讓數(shù)字產(chǎn)品顯得更貼心。
確認(rèn)頁
用戶在進(jìn)入正式聽寫前，還可以選擇聽寫范圍和偏好設(shè)置。
聽寫范圍：勾選每篇課文右側(cè)的單選框，就可以選擇是否加入聽寫范圍。
設(shè)置：在右上角就可以進(jìn)入，用戶可以設(shè)置系統(tǒng)讀詞的人聲、讀詞的間隔、次數(shù)和順序。
??體驗缺陷：進(jìn)入確認(rèn)頁后，系統(tǒng)默認(rèn)了單詞全選，但最多支持200個生詞的聽寫，這就會讓用戶在多數(shù)時候點擊「去聽寫」的時候發(fā)現(xiàn)無法進(jìn)行下一步，需要調(diào)整聽寫范圍才能繼續(xù)。這樣的設(shè)計給用戶增加了學(xué)習(xí)成本，甚至?xí)焖偻顺霾辉賴L試。
答題頁
聲音提示：進(jìn)入答題頁，系統(tǒng)會先提醒用戶調(diào)亮手機(jī)屏幕，并且集中注意力。
手寫框：左上角是朗讀播報，點擊后可重復(fù)播放；右上角是刷新，用戶在提交答案前可以刷新重寫。
反饋：當(dāng)用戶的答案輸錯，系統(tǒng)會提示正確寫法，而且嚴(yán)格監(jiān)督用戶的書寫筆順。
??
在用戶提交后，為什么沒有重寫的功能？
這個設(shè)計激發(fā)了我在練習(xí)的過程中的思考，因為當(dāng)我提交題目后，就沒法撤回或者重寫了，只能點擊下一題。我猜想這樣的設(shè)計是借鑒了「單詞聽寫」這個真實的場景，畢竟聽寫就是測驗，不會告訴你修改對答案再繼續(xù)。
結(jié)果頁
聽寫完成后，系統(tǒng)會贈送虛擬金幣和積分獎勵，并更新用戶在當(dāng)周的字?jǐn)?shù)統(tǒng)計排行榜。
統(tǒng)計頁
在統(tǒng)計頁，可以完整地看用戶在此次聽寫中答對的題目數(shù)量、拼寫內(nèi)容和聽寫時長。在菜單欄底部，系統(tǒng)不僅提供了錯題重練的功能，而且自動把錯題加入了錯題本。
??設(shè)計亮點：在用戶出現(xiàn)拼寫錯誤后，系統(tǒng)自動把錯題加入錯題本，這樣的設(shè)計太貼心了，甚至還支持錯題打印。
?? 趣味識字
趣味識字按課本的單元劃分，逐字學(xué)習(xí)通過后解鎖下一個單詞。這是一個綜合題型，分為學(xué)、讀和練三個部分。
學(xué)一學(xué)
通過趣味視頻進(jìn)行講解學(xué)習(xí)，更能吸引用戶的興趣。
讀一讀
系統(tǒng)朗讀，用戶跟讀，然后系統(tǒng)進(jìn)行語音測評反饋給用戶（回答正確是你真棒，回答錯誤是繼續(xù)加油）。
練一練
用戶根據(jù)音頻和動畫選擇正確的答案。
結(jié)果頁
用戶完成學(xué)習(xí)后，會收獲該單詞的字卡，并解鎖下一個單詞的學(xué)習(xí)。
?? 背古詩
進(jìn)入「詩詞園地」，點擊開始背誦，就能進(jìn)入到背古詩的題型練習(xí)。
答題頁
在用戶朗讀后，系統(tǒng)就開始接收語音進(jìn)行評測，如果朗讀正確，就逐字顯示內(nèi)容，如果朗讀錯誤，系統(tǒng)就會忽略。在菜單欄底部還可以點擊重背或提示。
??設(shè)計亮點：這真是一個有創(chuàng)意的交互形式，頁面竟然可以根據(jù)聲音的測評逐字顯示，而且絲毫不卡頓、自然，你一定要親自來體驗一次，才能感受出這種愉悅的產(chǎn)品體驗。
統(tǒng)計頁
統(tǒng)計了用戶的得分、錯字、提示次數(shù)和背誦用時。
??得分的評判標(biāo)準(zhǔn)是什么？
我花了5分鐘，竟然拿到了97分，擊敗了32%的小朋友，如果滿分是100分的話，我是因為什么被扣除了3分？是因為我點擊了兩次提示嗎？所以這里應(yīng)該加入一個評分規(guī)則，告訴用戶系統(tǒng)的評分是怎么設(shè)計的。
?? 語文練習(xí)
語文練習(xí)的題型相對簡單，主要以選擇題，用戶進(jìn)入后，根據(jù)音頻和題干選擇正確的答案，其他我們就不做更多的分析了。
?? 練字挑戰(zhàn)
在「字詞學(xué)習(xí)」欄目，小猿AI還設(shè)計了一個練字挑戰(zhàn)的題型，用戶可以根據(jù)單詞的筆畫順序進(jìn)行練字。該題型比較簡單，我們就不過多分析了。
?? 小結(jié)
我在「字詞聽寫」這個功能的體驗中，獲得了極其愉悅、開心的體驗，特別是「紙筆聽寫」這個功能，不僅消除了數(shù)字產(chǎn)品的冰冷感，更體現(xiàn)了以用戶為中心的理念，讓產(chǎn)品真正服務(wù)于用戶需求。語文學(xué)科的五個題型，無論是內(nèi)容還是交互，都貫徹了這樣的設(shè)計理念，我不得不佩服小猿AI的產(chǎn)品設(shè)計團(tuán)隊。
??產(chǎn)品體驗評分：??????????
英語
英語和語文都屬于語言類學(xué)習(xí)的場景，所以兩個學(xué)科有很多相似性，接下來我們一起看看。
?? 背單詞
背單詞的內(nèi)容結(jié)構(gòu)借鑒了艾賓浩斯記憶理論（德國心理學(xué)家 赫爾曼·艾賓浩斯在19世紀(jì)末提出的一種研究記憶與遺忘規(guī)律的方法論），通過多種學(xué)習(xí)形式幫助用戶練習(xí)。
答題頁
單詞講解：圖文+音頻搭配講解，點擊「繼續(xù)」進(jìn)行下一步。
選圖片：根據(jù)音頻選擇正確的圖片，選錯會立即提示，并給出正確的答案，但無法重新選擇，選對也會跳出提示，點擊「繼續(xù)」才能下一步；
?設(shè)計缺陷：用戶選擇正確，系統(tǒng)應(yīng)該可以直接跳轉(zhuǎn)到下一題，否則用戶還得點擊「繼續(xù)」，增加了操作步驟。
選正確釋義：根據(jù)英文單詞選中文釋義。
單詞填入：填入正確的單詞字母；
錯題重練：和其他練習(xí)不同，系統(tǒng)會自動進(jìn)入錯題重練，直到用戶全部答對，才會進(jìn)入統(tǒng)計頁。
??為什么錯題重練設(shè)計在練習(xí)環(huán)節(jié)中，而且需要用戶全部答對才能結(jié)束？
我猜想這和整個背單詞的內(nèi)容邏輯借鑒了艾賓浩斯記憶理論有關(guān)系。艾賓浩斯主張人類在學(xué)習(xí)新信息后，如果不進(jìn)行復(fù)習(xí)，記憶會以指數(shù)級速度迅速衰減，特別是在學(xué)習(xí)后的最初24小時內(nèi)。所以系統(tǒng)希望用戶可以通過答案提示強(qiáng)制性地記住正確答案，而不是像其他學(xué)科那樣可以加入錯題本。
統(tǒng)計頁
統(tǒng)計用戶的答題速度、準(zhǔn)確率等。
??單詞聽寫
單詞聽寫的交互邏輯和語文的字詞聽寫一樣，支持紙筆聽寫和在線聽寫兩種模式。唯一的區(qū)別是由于英文的字符數(shù)過長，進(jìn)入聽寫后，手機(jī)會自動橫屏顯示。
???口語練習(xí)
口語練習(xí)分為三個部分，分別是單詞跟讀、句子跟讀和情景對話。
答題頁
- 系統(tǒng)自動朗讀，朗讀完后用戶跟讀；
- 點擊左邊按鈕可重復(fù)播放，點擊右邊錄制按鈕系統(tǒng)判定提前錄制結(jié)束；
- 答對自動跳轉(zhuǎn)到下一題，第一次答錯將會重來，第二次答錯跳轉(zhuǎn)到下一題。
統(tǒng)計頁
統(tǒng)計用戶詳細(xì)的答題情況，包括評分和朗讀音頻。
小結(jié)
英語學(xué)科的練習(xí)題型雖然數(shù)量不多，但背單詞功能的設(shè)計給我留下了深刻印象。從這個功能模塊可以看出，如果不了解艾賓浩斯記憶法，可能會對這個題型的設(shè)計感到困惑。這再次證明，數(shù)字產(chǎn)品的設(shè)計必須服務(wù)于真實的業(yè)務(wù)場景，而非單純的功能和頁面拼切。
??產(chǎn)品體驗評分：??????????
體驗總結(jié)
接下來，讓我們總結(jié)一下小猿AI練習(xí)題型的拆解。
?? 題型設(shè)計豐富
三個學(xué)科共設(shè)計了12種題型，涵蓋了各類常見練習(xí)方式。其中，數(shù)學(xué)的口算練習(xí)、豎式計算、聽算練習(xí)，語文的字詞聽寫，以及英語的背單詞題型都高度還原了學(xué)生的真實學(xué)習(xí)場景，值得深入研究和借鑒。
?? 交互形式新穎
口算練習(xí)和豎式計算采用手寫形式與產(chǎn)品交互，而聽算練習(xí)和背古詩則通過語音形式交互。這些創(chuàng)新的設(shè)計方式不僅新穎，還讓學(xué)習(xí)過程更加有趣。
?? 產(chǎn)品體驗流暢
我特別注重產(chǎn)品的流暢度，因為曾經(jīng)體驗過讓人難以忍受的交互卡頓。在體驗這些練習(xí)題時，我格外關(guān)注這一細(xì)節(jié)。令人驚喜的是，無論是背古詩還是聽算練習(xí)，都能實現(xiàn)毫秒級的輸入反饋，這樣的技術(shù)實現(xiàn)實在令人贊嘆！
寫到這里，我依然感到意猶未盡。小猿AI的產(chǎn)品設(shè)計深深打動了我——無論是富有創(chuàng)意的內(nèi)容策劃，還是流暢的交互體驗，都給我留下了難忘的印象。作為一名產(chǎn)品設(shè)計師，我認(rèn)為小猿AI蘊(yùn)含著豐富的學(xué)習(xí)價值，建議你也親自體驗一次這款產(chǎn)品，相信一定會有特別的收獲！
感謝閱讀，我們下次見！
本文由人人都是產(chǎn)品經(jīng)理作者【廖爾摩斯丨設(shè)計大偵探】，微信公眾號：【設(shè)計大偵探】，原創(chuàng)/授權(quán) 發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)許可，禁止轉(zhuǎn)載。
題圖來自Unsplash，基于 CC0 協(xié)議。
題目以清晰的文字形式展示，選項排列整齊，支持圖片或文字形式的選項。
答題操作：用戶可以通過點擊選項進(jìn)行選擇，選擇后選項會有明顯的高亮或變色反饋。
即時反饋：提交答案后，系統(tǒng)會立即顯示正確答案，并對錯誤選項進(jìn)行解釋，同時提供解題思路。