教育機構SAAS平臺產品「事庫」排課功能設計總結(上)
文章主要作為個人的設計總結與分析,2017&2018年懷揣夢想與野心打磨的產品的一次設計回顧,歡迎交流。
「事庫」是我從2016年底至2018年初一直在做的一款教育領域的資訊管理SAAS平臺產品,由於種種原因未能上線,頗為遺憾,但是在這個過程中與團隊小夥伴們相互交流打磨這款產品的經歷仍然記憶深刻,可能會成為我人生中抹不去的記憶,時刻讓我不能忘懷熱愛一款產品的滋味。
《匠心》道:擇一事終一生,不為繁華易匠心 。 與這款產品相處的日子裡,讓我深知真正想做好一件產品並非一言一語,而是要傾注巨大的能量和熱情,僅以此次分享紀念這段難忘的產品設計經歷,也期待「事庫」不負初心,涅槃而出。
初識「事庫」
由於產品面向教育領域,此前也沒有該領域的設計經驗,一開始著手產品和介面的設計工作內心是懵的。前期的諸多設計提案也多被pass,那段時間很沮喪,於是在工作中通過向市場、產品等同事討論,不斷地瞭解公司這款產品的定位和功能特點,梳理出了以下該產品的服務流程:
這對後面我的工作中起到了很大的影響,讓我在設計系統功能時能夠更全面、系統地承上啟下的考慮問題,讓我能更好地思考哪些改動會有可能會造成蝴蝶效應。
以下我將著重從我主導設計的【教務課表】、【進銷存】、【財務報表】模組,分開總結一些想法和設計方案。
教務課表模組
· 建立角色
- 他們是誰: 任課教師、前臺、教務管理老師,女性為主,20-50歲
- 他們在什麼情境下使用: 新學期開始前、家長諮詢課程、教師日常上課檢視、老師請假調課、學校領導檢視
- 他們在系統中想要什麼: 清晰詳細的排課資訊、流暢快速的排課體驗、簡單易懂的操作、頁面語言、上下學期課表可以高效重複使用,提高排課效率
· 使用者畫像
通過設立使用者卡片,明確了教務老師的痛點和需求,幫助我在使用者的角度去考慮解決方案。
· 使用者研究結果
通過有效的研究方法,我開始根據結果設計一系列的排課方案,課表專案從開始到結束經歷了4次方案修改,3次原型展示,和數次的細節完善,通過這一系列的工作,我得出了以下課表專案中的關鍵結論:
· 排課方案展示
排課前篩選
需求場景:老師在排課前需要按照手中已有的排課表迅速、批量的找到目標排課班級,而且需要滿足不同校區、科目、教師、教室、上課時間、上課期數等等的要求。
2.0版本存在的問題:
事庫2.0是已經擁有大量學校客戶在使用的系統,因此有很重要的分析價值,在設計3.0的過程中我們 從2.0的客戶反饋和客收集到的大量痛點中得到了很大的啟發,通過這些反饋從產品設計角度進一步 明確了3.0的設計方向,解決2.0中無法解決的問題。
3.0改進方案:
在設計排課前篩選時,我們主要考慮到學校的班級開班、續班對排課的影響和要求,如何排班能適應現在和將來的需求是設計目標,綜合考慮後,精簡優化了篩選型別和內容,確保排課的科學和高效率。
主要改進點:
1.主要功能入口設計為漢堡選單的形式,較2.0能很大程度減輕頁面資訊負載,使頁面清爽,作為功能類產品,儘可能提供足夠多的有價值展示空間,使使用者能專注於工作,提高工作效率。
2.我們增加了“資料夾”,可以在老師排課遇到特殊情況(如開會、斷電)時及時儲存排課進度,方便下次繼續排課。
3.不同型別排課整合到搜尋條件中,細化搜尋條件,包括年齡及進度
4.膠囊的形式可以讓使用者清楚的知道自己上一步選擇的條件,可以重選
排課操作
需求場景:排課功能是老師使用時的重度功能,我們的設計目標是使老師快速操作排課,安排好課程的上課週期、任課教師、上課教室、座位,以及及時反饋排課衝突。
2.0版本存在的問題:
1.一屏最多顯示5條,空間過小
2.結果資訊擁擠,多週期時無法直觀檢視排課週期和規律,想要檢查時需要二次點選
3.需要手動點選校驗,不能即時得到衝突反饋
選擇週期、排課次數、任課教師、上課教室的系統控制元件存在的問題:
3.0改進方案:
為了更好地區分每個班級,避免資訊過於擁擠,最終我們選擇了卡片式佈局的方案,
卡片式的設計,這種佈局在同等螢幕空間的情況下能展示較多的班級數目,並且使保證資訊更為聚焦,充分讓排課結果詳情得到展示而又更為規整。
排課所有的主要操作集中在彈窗內進行,提供足夠的操作空間,讓老師可以專注在排課工作中。
這種佈局和彈窗內操作使資訊更為聚焦,且關鍵資訊、排課結果都能一目瞭然的在頁面呈現,經過與產品、技術的溝通,確定了此種方案的可行性。
為了進一步減輕老師在排課工程中的工作壓力,我們設計了“沿用上期歷史課表”的功能,系統會為上期排課時規律排課的本期班級提供歷史課表,選擇沿用直接複製上期課表的週期、時段、教師、教室。
手機端排課互動方式探索
需求場景:手機端排課沿襲了pc端,在基本流程確定的情況下,優化人機介面,減少操作步驟,提升使用者體驗是我們主要考慮的問題。此功能主要是為了滿足教師隨時辦公的需求,以應對複雜多變的學生請假、遲到、曠課、調課等情況。
在設計教師端一對一排課時,針對老師在排課時選擇時段週期的方式上,有過以下兩個方案:
方案一:
參考iphone中的時鐘,一段時間有兩個定位點,起始時間固定,進入後手指順時鐘拖動另一個定位點,定點結束時間點,拖動最小間隔為5分鐘;
方案二:
將圓形滑動的互動方式改為直線型,同樣只需手指橫向拖動定位另一個時間點,相比於方案一更符合操作習慣,降低了開發成本;
小插曲:概念設想≠實際使用者需求
在設計排課操作前期,為了避免衝突,我設計過一個系統隨機排列班級,依靠演算法自動排課分配教師、教室的方案,即左側的“一鍵”排課彈窗。
這個概念設計的初衷是解放老師的雙手,但調研發現學校的教學計劃和師資安排帶有很強的目的性,為此這種演算法主導的隨機排課並不適用使用者的設計需求。
主要原理:
1.設立共同排課規律
2.批量選取要按照共同規律排課的班級
解決批量排課的問題
對於沿用上期課表的問題,我們首先從使用流程上劃分出了可以使用該方式排課的班級類型範圍,根據流程確定批量排功能的入口和限制條件,幫助老師可以更好地理解該功能。
批量排課入口:
如何能把大量的班級置於頁面內,而且可以讓老師直觀的看到沿用後的新學期課表情況是我們要解決的主要問題,這時候我想到了我們學生時代熟悉的課程表形式,課程表具備條理、直觀的特點,可以讓老師迅速定位到哪一天,哪一個時間段,哪位老師,哪個教室,方便檢查和修改。
方案優點:
1.系統根據所需按班級列出篩選標籤
2.學校的班級開課時間往往是統一開課,所以我們設定了統一開課日期
3.選中某個班級,將同時高亮顯示該班級的其它排課
4.系統檢測到衝突時會紅色高亮顯示
5.修改過的班級標綠顯示,方便老師區分
6.一些操作、按鈕只有在老師滑鼠移上或者點選後才顯示,這種做法可以保持頁面的整潔,不會很混亂
7.因為培訓學校週六日上課為主,所以我們根據實際情況將週六、日放在前面
排課功能設計小結
上部分關於排課功能的總結告一段落,在設計過程中由於某些不可抗力影響,頁面佈局元素的展示方式有些是按照老闆的意思來的,雖然至今仍然覺得不甚完美,但是找不到理由反駁,各有利弊吧~
在「事庫」的設計過程中,也加深了我對工具類產品的認知,這類產品最重要的設計目標便是讓使用它的使用者感到輕鬆愉悅,又爽又快,介面語言通俗易懂,大概就是終極目標了吧。當然,國內教師尤其是培訓機構的教師年齡等級跨度很大,如何降低此類產品使用者的學習成本是一件沒有盡頭的工作和目標。
【排課】模組是我設計時間最長的模組之一,在這個過程中經歷了前期的懵懂,中期的迷茫和後期設身處地的與學校老師溝通後的豁然開朗,最大的收穫便是不可閉門造車,與同事,與使用者溝通交流往往可以產生奇妙的化學反應。
本期到此為止,下期繼續~