作為擁有大量用戶的聊天工具,QQ早就對群進行了分類,以滿足用戶不同的垂直聊天場景。目前QQ已經針對家校、游戲、粉絲群嘗試過垂直場景設計。而疫情突然來襲,使線上學習的需求空前迫切,QQ群作業火速更新和完善多項功能,以滿足線下作業改為線上批改的垂直場景,下面讓我們一起走進QQ群作業的設計故事吧。

2020年疫情來襲,為了抗擊疫情,春節后全國嘗試執行了在線辦公和教學,其中首次使用網絡直播授課的老師們,由于對直播軟件不熟悉,被逼出一個個歡樂的網課囧況段子。

在每次網課結束后,老師們還有一大難題,就是要為同學們布置和批改作業,紙質的作業本突然間搬到屏幕上,為老師批改作業帶來了新的挑戰。

QQ群作業功能雖然在這之前已上線有一段時間,但主要用于布置作業與線上題庫,沒有針對紙質作業的批改。由于學生們的作業需要改到線上提交與批改,QQ的群作業功能在疫情期間快馬加鞭更新,為作業的提交與批改提供專業護航。

作業線上提交與線下的差異

線下布置和批改作業是很成熟的流程,該流程符合師生們在校期間的時間安排。

老師在課堂結束時布置作業,由學生記錄并課后獨立完成,第二天統一提交作業本。老師批改和統計作業后,將作業本返還給學生。學生查看作業的批改結果,根據老評語進行改正或重做,與下一次的作業一起再提交給老師批改。

騰訊實戰案例!QQ群作業背后的設計思考和故事

線上作業不是統一的交作業時間,學生完成后即可隨時提交,老師會不定時的接收到學生提交的作業。學生也可以隨時查看老師對作業的批改結果,可隨時將改正或重做再次提交給老師批改,無需累計等下一次作業一并提交。

老師需要高效,學生需要激勵

由于線上作業可隨時提交,并且在家辦公與日常使用手機的特殊背景,老師的批改作業時間將會被碎片化,增加老師們的批改負擔。使用手機或電腦批改作業,無論是翻閱還是涂改都遠不如紙面靈活,這是老師們線上批改作業最大的痛點。

另一方面學生與老師的當面互動少了,學生們完成作業后獲得老師反饋也被空間相隔,成就感被大打折扣。

騰訊實戰案例!QQ群作業背后的設計思考和故事

了解到老師們與學生們這些訴求,QQ群作業為老師們提供盡可能便捷的批改體驗,并在情感化和激勵上做嘗試,挖掘老師能給予學生鼓勵和互動的機會點,讓同學們在完成作業后能額外收獲到驚喜與鼓勵。

1. 圖片紅筆批改

學生完成作業的方式不變,作業薄、習題冊、打印卷等完成紙面作業,通過拍照上傳到QQ來提交作業。因此老師在照片上進行直接批改,是最直觀的批改與標注方式。

QQ火速上線圖片紅筆批改功能,使用手指或鼠標即可在圖片上勾畫,QQ也提供文字標注,老師可以在需要的地方標注描述。

騰訊實戰案例!QQ群作業背后的設計思考和故事

功能上線前老師們使用第三方工具進行批改,需將圖片一張張存本地、批改圖片并保存、選擇已批改的圖片上傳到QQ或發給相應的學生。

上線后,老師可一鍵進入圖片批改流程,同時多張圖片支持連續切換,每張經過批改的圖片都會自動上傳到QQ作業的評語區,大大縮短了老師們連續查閱和批改作業的流程。

2. 打分印章

批改紙質作業時,老師在作業的結尾可直接寫出鮮明的得分,但線上作業批改時,打分沒有確切的位置,可以標注在圖片里,也可以填寫在評語正文里。面對老師的困惑,我們尋求適合老師的打分方式,給老師明確的打分指引。

老師們的打分方式主要有:分數、ABC、優良中、小紅花等,我們從最快速輸入成本的角度,采用直接點選的體驗方式,讓老師可以一步選擇相應的分值。

騰訊實戰案例!QQ群作業背后的設計思考和故事

現實中一些有愛的老師,除了打分還會手畫小表情或者蓋印章示鼓勵,我們將這種線下傳統結合到QQ的作業打分設計上。

騰訊實戰案例!QQ群作業背后的設計思考和故事

我們將得分設計為印章的樣式,劃分ABCD四段滿足大多數的打分場景,且便于統計。無論學生提交的是什么形式的作業,得分印章都可以鮮明的顯示在作業頁面上。

每個分值的印章都附帶:完美/優秀/很棒/加油文案,A+的印章采用有別于其它等級的花邊,強化最高得分的特殊性,給予學生肯定與激勵。

騰訊實戰案例!QQ群作業背后的設計思考和故事

3. 模范作業

在校園時,老師有時會在課堂上向同學們展示書寫認真、工整、正確的作業,也有的學校會定期組織優秀作業的展示活動,為同學們樹立學習的榜樣。

QQ新增模范作業功能,當該作業得分A+或A時,老師可以便捷的選擇將作業設為模范作業,酌情分享給班里的同學們看,樹立榜樣并鼓勵學生。

騰訊實戰案例!QQ群作業背后的設計思考和故事

在視覺表現上也是嘗試過一些與學習相關的元素來代表模范作業,最后選擇點贊的手勢作為模范作業的主元素,突出同學們之前相互學習,相互鼓勵的正能量學習氛圍。

騰訊實戰案例!QQ群作業背后的設計思考和故事

4. 作業統計

批改作業后,老師們需要對同學們的作業進行等級,以記錄同學們的平時分。而線上批改作業本身具有數據統計的優勢,QQ推出作業統計功能。

根據訪談,每周一升旗禮后通常是班會,班主任會回顧班內上一周的情況。QQ以每周作為默認統計周期,貼近班主任一周回顧的習慣。

老師也可以調整統計的時間段,以獲取所需的統計結果。更詳細的作業得分評語統計,老師可導出詳情到騰訊文檔查看。

騰訊實戰案例!QQ群作業背后的設計思考和故事

統計學生一周內作業得分的排行榜,向老師展示學生作業排名及變化情況,排行榜可酌情分享到班級群里,增加老師鼓勵學生的機會。

騰訊實戰案例!QQ群作業背后的設計思考和故事

5. 群內互動標識

QQ的互動標識在學生群體很有人氣,為此我們新增與提交作業相關的互動標識,增強家校群的特色,鼓勵同學們認真完成作業,提高交作業的積極性。

騰訊實戰案例!QQ群作業背后的設計思考和故事

互動標識目前有兩種,一種是一周內獲得模范作業超過3次成為初級模范,連續兩周獲得模范作業超過3次成為中級模范,連續三周獲得模范作業超過3次成為高級模范,視覺展示備選元素有獎杯、獎牌、星星、小紅花等;另外一種是每項作業提交時間較早的3名同學會被授予標識,備選元素有旋風、閃電、火箭、鈴鐺。同時也調研了一些家校群里的老師和學生,大家比較認可和喜歡是獎杯和閃電的元素,在此基礎上,我們進行了視覺優化優秀作業標識用獎杯金銀銅的質感來表示3個等級,交作業最快用鋼筆頭+閃電組合的方式來展示。

騰訊實戰案例!QQ群作業背后的設計思考和故事

6. 持續護航

當線下作業突然間搬到線上批改時,QQ作業面臨著許多挑戰,首先是功能重點變化急需補齊,其次是老師們對線上工具的使用操作很不熟悉,會提出一些出乎我們意料之外的需求。因此除了重點功能的緊急更新,QQ也不斷傾聽老師們的反饋,不斷完善各種邏輯與體驗細節。本次技術采用web實現,功能可直接上線,老師們和同學們無需更新版本,即可直接體驗作業最新的功能,QQ作業默默地做了大量密集更新。

騰訊實戰案例!QQ群作業背后的設計思考和故事

一些展望

借助這次作業的更新,我們感受到了QQ作為互聯網服務中的一員,承載著老師和同學們的喜怒哀樂。QQ在設計時,努力放大積極正面的能量,用熱情的顏色與擬物線下的鼓勵元素,讓作業做到不僅僅是布置與批改,更是能建立老師與學生們之間互動的橋梁。

除了作業,QQ這次也火速更新網課直播,在線課堂,作業引入題庫等,為老師和同學們提供更豐富的教學內容。也有推出學習模式,自習室群課堂,在特殊時期為學習場景降噪,給同學們提供一個更純凈的學習氣氛。

隨著線下復課逐步恢復,QQ群作業漸漸退出一線舞臺,家校群的熱鬧程度也恢復到了一年前。而QQ的垂類設計不會僅止步于此,QQ未來將繼續嘗試在不同的垂類場景做探索與挖掘,為用戶提供更輕松、健康的社交平臺。

騰訊設計實戰

歡迎關注作者微信公眾號:「騰訊ISUX」

騰訊實戰案例!QQ群作業背后的設計思考和故事

收藏 60
點贊 26

復制本文鏈接 文章為作者獨立觀點不代表優設網立場,未經允許不得轉載。