手機 App · 設計概念
學習 App
學習應用概念，連接課程瀏覽、六課中的第二課及 33% 進度，並附繼續學習和載入提示。
以下為設計概念，並非客戶項目。畫面屬靜態示意，名稱及數據均為虛構。
設計起點
讓學員選課後，知道自己讀到哪一課。概念把課節位置與完成進度分開標示。
- 適用對象
- 瀏覽短期課程及返回未完成課節的學員。
- 需要考慮的限制
- 課程及進度均屬示意。33% 是完成數量四捨五入後的例子，不代表理解程度或資格。
建議的操作流程
- 01
選擇課程
課程瀏覽畫面先展示學習選項，再進入課節。
- 02
開啟第二課
課節畫面標示目前是六課中的第二課。
- 03
查看進度
進度畫面以 33% 示範課程完成指標。
為何這樣設計？
保留學習位置
返回課程時，課名及位置可交代讀到哪裏，並與播放或閱讀操作分開。
說明完成規則
正式進度須定義怎樣才算完成一課，不能把開啟內容直接當作已掌握知識。
細看視覺設計
以下是建議的設計樣式，屬靜態示例，並非可操作的功能或正式開發規格。
配色用途
學習背景
#F4F4FF
課節操作
#6159CB
課程文字
#282B49
字體與間距
資料清楚，下一步自然明確。
課文採用易讀無襯線字體，課程名、課節名及次序標籤有不同層次。
相關課程卡片成組排列，課文區則保留閱讀空間。繼續學習操作靠近課節資料。
正常流程以外的狀態
尚未開始課程
準備好後，可由第一課開始。
已儲存進度
已完成六課中的兩課，進度顯示為 33%。
未能載入課節
這一課未能載入。請再試，已儲存進度不會因此更改。
課程進度百分比應代表甚麼？
百分比應按明確完成規則及課節數計算。例子中兩課除以六課，四捨五入為 33%，並不代表理解程度；評估理解需要另一套方法。
