
派發班級測驗與成績管理系統
派發班級測驗與成績管理系統
我負責在既有產品流程架構下設計一項全新功能,目標是在不大幅影響現有設計與工程邏輯的前提下快速完成並協助行銷團隊如期推廣。由於使用者族群年齡層偏高,因此除了功能規劃外也特別針對字級、易讀性進行調整,同時也對操作路徑做簡化。
設計過程中,我與工程與 PM 密切協作,優先盤點可複用元件與技術資源來確保新功能在極小調整幅度下完成整合。在一週的設計週期內完成交付並配合行銷節奏如期上線,展現我在資源有限條件下整合需求、控管風險並快速產出的能力。
我負責在既有產品流程架構下設計一項全新功能,目標是在不大幅影響現有設計與工程邏輯的前提下快速完成並協助行銷團隊如期推廣。由於使用者族群年齡層偏高,因此除了功能規劃外也特別針對字級、易讀性進行調整,同時也對操作路徑做簡化。
設計過程中,我與工程與 PM 密切協作,優先盤點可複用元件與技術資源來確保新功能在極小調整幅度下完成整合。在一週的設計週期內完成交付並配合行銷節奏如期上線,展現我在資源有限條件下整合需求、控管風險並快速產出的能力。
我的角色 | 產品設計師(UIUX)
我的角色 | 產品設計師(UIUX)
合作對象 | 前端工程師、PM
合作對象 | 前端工程師、PM
服務平台 | 電腦、平板、手機版網頁
服務平台 | 電腦、平板、手機版網頁
產品類型 | B2B2C
產品類型 | B2B2C
專案時長 | 2025.01 ~ 2025.02
專案時長 | 2025.01 ~ 2025.02
功能採用率
功能採用率
%
降低老師自行彙整成績的時間
降低老師自行彙整成績的時間
%

40~54 歲
40~54 歲
40~54 歲
國中|國小學校老師為主要使用族群
國中|國小學校老師為主要使用族群
主要服務對象年齡層偏高,因此在設計時需避免複雜操作的操作流程,同時也需要注意文字尺寸是否會過小造成易讀性的問題
主要服務對象年齡層偏高,因此在設計時需避免複雜操作的操作流程,同時也需要注意文字尺寸是否會過小造成易讀性的問題
使用者年齡分佈
使用者年齡分佈
0~25 歲0
0~25 歲0
25~29 歲
25~29 歲
30~34 歲
30~34 歲
35~39 歲
35~39 歲
40~44 歲
40~44 歲
45~49 歲
45~49 歲
50~54 歲
50~54 歲
55~59 歲
55~59 歲
60 歲以上
60 歲以上
資料來源:教育部統計處

23 人
23 人
23 人
平均每位老師所需帶領的班級學生人數
平均每位老師所需帶領的班級學生人數
根據不同老師所任教的學制,有些會有同時教導多個科目,或是同時教學多個班級的情況
根據不同老師所任教的學制,有些會有同時教導多個科目,或是同時教學多個班級的情況
平均每班學生人數與生師比
平均每班學生人數與生師比
平均每班學生人數
平均每班學生人數
生師比
生師比
資料來源:教育部統計處
x
1
現行產品所造成的困境
老師只能自行下載 .csv 後自行整理並製作報表資料,耗時費力
x
1
現行產品所造成的困境
老師只能自行下載 .csv 後自行整理並製作報表資料,耗時費力
開發目標 & 商業策略
開發目標 & 商業策略
減少開發成本
減少開發成本
新增的功能需最小幅度改動現有操作與工程邏輯,降低開發成本
新增的功能需最小幅度改動現有操作與工程邏輯,降低開發成本
降低時間成本
降低時間成本
降低老師查看成績的時間成本,讓他們可以將心力放在教學身上
降低老師查看成績的時間成本,讓他們可以將心力放在教學身上
降低客訴
降低客訴
降低被客訴的可能性,避免品牌形象受損
降低被客訴的可能性,避免品牌形象受損
提高整體滿意度
提高整體滿意度
提高學校老師對品牌的滿意度,以提升教科書、數位內容等相關主要產品銷量
提高學校老師對品牌的滿意度,以提升教科書、數位內容等相關主要產品銷量
身為一名
身為一名
身為一名
學校老師
學校老師
學校老師
我需要一個
我需要一個
我需要一個
班級管理考卷
班級管理考卷
班級管理考卷
的功能
的功能
的功能
讓我能夠
讓我能夠
讓我能夠
有效率的
有效率的
有效率的
查看學生成績與管理測驗考卷
查看學生成績與管理測驗考卷
查看學生成績與管理測驗考卷
競品 A
競品 B
在正式開始設計規劃功能流程前,我們先去研究調查了兩間競品公司的相似功能,發現以下兩種架構的優劣勢
張老師
測驗 A
測驗 B
1 班
2 班
3 班
4 班
工程技術可行性高,也更符合整體的產品流程框架
競品 A
競品 B
在正式開始設計規劃功能流程前,我們先去研究調查了兩間競品公司的相似功能,發現以下兩種架構的優劣勢
張老師
測驗 A
測驗 B
1 班
2 班
3 班
4 班
工程技術可行性高,也更符合整體的產品流程框架
在既有的派卷流程上加入新功能,降低學習成本
在既有的派卷流程上加入新功能,降低學習成本
在既有的派卷流程上加入新功能,降低學習成本
在工程技術可行性的確認與需求方討論後,團隊決定在原本的派出測驗流程上加入指定派出班級的功能,降低使用者學習新操作流程的成本;此外考量到此功能的行銷推廣需要一些亮點,因此在 UI 上進行微幅調整,讓使用者可以知道有新功能上線外,也可以避免過於突兀的設計導致視覺體驗不佳的情況
在工程技術可行性的確認與需求方討論後,團隊決定在原本的派出測驗流程上加入指定派出班級的功能,降低使用者學習新操作流程的成本;此外考量到此功能的行銷推廣需要一些亮點,因此在 UI 上進行微幅調整,讓使用者可以知道有新功能上線外,也可以避免過於突兀的設計導致視覺體驗不佳的情況
在工程技術可行性的確認與需求方討論後,團隊決定在原本的派出測驗流程上加入指定派出班級的功能,降低使用者學習新操作流程的成本;此外考量到此功能的行銷推廣需要一些亮點,因此在 UI 上進行微幅調整,讓使用者可以知道有新功能上線外,也可以避免過於突兀的設計導致視覺體驗不佳的情況

建立測驗
測驗名稱
113 學年度國中英語測驗
測驗開始時間
2025/02/02 11:00
測驗結束時間
2025/02/03 12:00
作答時長
20
分鐘
題目順序
隨機打亂
不打亂
公佈成績設定
於學生交卷時公布成績
於測驗結束時公布成績
取消
建立測驗

建立測驗
測驗名稱
113 學年度國中英語測驗
測驗開始時間
2025/02/02 11:00
測驗結束時間
2025/02/03 12:00
作答時長
20
分鐘
題目順序
隨機打亂
不打亂
公佈成績設定
於學生交卷時公布成績
於測驗結束時公布成績
取消
建立測驗

建立測驗
測驗名稱
113 學年度國中英語測驗
測驗開始時間
2025/02/02 11:00
測驗結束時間
2025/02/03 12:00
作答時長
20
分鐘
題目順序
隨機打亂
不打亂
公佈成績設定
於學生交卷時公布成績
於測驗結束時公布成績
取消
建立測驗
調整篩選器內容,快速找到班級的測驗狀況
調整篩選器內容,快速找到班級的測驗狀況
調整篩選器內容,快速找到班級的測驗狀況
調整現行的測驗管理列表中的篩選器內容,讓老師能夠快速我班級測驗的情況
調整現行的測驗管理列表中的篩選器內容,讓老師能夠快速我班級測驗的情況
調整現行的測驗管理列表中的篩選器內容,讓老師能夠快速我班級測驗的情況
我要出卷
試卷列表
張老師
登出
試卷列表
測驗列表
請輸入搜尋的內容
學制科目
arrow_drop_down
測驗結束日期
arrow_drop_down
測驗名稱
NEW
數學期末測驗
NEW
數學期末測驗
20240223112學年度國中英語測驗
20240223112學年度國中英語測驗
20240223112學年度國中英語測驗
20240223112學年度國中英語測驗
20240223112學年度國中英語測驗
20240223112學年度國中英語測驗
20240223112學年度國中英語測驗
20240223112學年度國中英語測驗
學制科目
國中英語
國中英語
國小數學
國小數學
國小數學
國小數學
國小數學
國小數學
國小數學
國小數學
測驗開始時間
2024-02-23 18:12
2024-02-23 18:12
2024-02-23 18:12
2024-02-23 18:12
2024-02-23 18:12
2024-02-23 18:12
2024-02-23 18:12
2024-02-23 18:12
2024-02-23 18:12
2024-02-23 18:12
測驗結束時間
2024-02-23 18:12
2024-02-23 18:12
2024-02-23 18:12
2024-02-23 18:12
2024-02-23 18:12
2024-02-23 18:12
2024-02-23 18:12
2024-02-23 18:12
2024-02-23 18:12
2024-02-23 18:12
狀態
進行中
進行中
未開始
已結束
已結束
已結束
已結束
已結束
已結束
已結束
交卷人數
3
0
0
0
0
0
0
0
0
0
測驗連結
測驗詳情
測驗連結
測驗詳情
測驗連結
測驗詳情
測驗連結
測驗詳情
測驗連結
測驗詳情
測驗連結
測驗詳情
測驗連結
測驗詳情
測驗連結
測驗詳情
測驗連結
測驗詳情
測驗連結
測驗詳情
chevron_left
1
2
3
4
5
...
10
chevron_right
10筆
/
頁
arrow_drop_down
南一教師網
NaniBox 3.0
字型包下載
遠端連線
© NANI BOOK ENTERPRISE CO., LTD. All Rights Reserved.
版權聲明
瀏覽器建議
我要出卷
試卷列表
張老師
登出
試卷列表
測驗列表
請輸入搜尋的內容
學制科目
arrow_drop_down
測驗結束日期
arrow_drop_down
測驗名稱
NEW
數學期末測驗
NEW
數學期末測驗
20240223112學年度國中英語測驗
20240223112學年度國中英語測驗
20240223112學年度國中英語測驗
20240223112學年度國中英語測驗
20240223112學年度國中英語測驗
20240223112學年度國中英語測驗
20240223112學年度國中英語測驗
20240223112學年度國中英語測驗
學制科目
國中英語
國中英語
國小數學
國小數學
國小數學
國小數學
國小數學
國小數學
國小數學
國小數學
測驗開始時間
2024-02-23 18:12
2024-02-23 18:12
2024-02-23 18:12
2024-02-23 18:12
2024-02-23 18:12
2024-02-23 18:12
2024-02-23 18:12
2024-02-23 18:12
2024-02-23 18:12
2024-02-23 18:12
測驗結束時間
2024-02-23 18:12
2024-02-23 18:12
2024-02-23 18:12
2024-02-23 18:12
2024-02-23 18:12
2024-02-23 18:12
2024-02-23 18:12
2024-02-23 18:12
2024-02-23 18:12
2024-02-23 18:12
狀態
進行中
進行中
未開始
已結束
已結束
已結束
已結束
已結束
已結束
已結束
交卷人數
3
0
0
0
0
0
0
0
0
0
測驗連結
測驗詳情
測驗連結
測驗詳情
測驗連結
測驗詳情
測驗連結
測驗詳情
測驗連結
測驗詳情
測驗連結
測驗詳情
測驗連結
測驗詳情
測驗連結
測驗詳情
測驗連結
測驗詳情
測驗連結
測驗詳情
chevron_left
1
2
3
4
5
...
10
chevron_right
10筆
/
頁
arrow_drop_down
南一教師網
NaniBox 3.0
字型包下載
遠端連線
© NANI BOOK ENTERPRISE CO., LTD. All Rights Reserved.
版權聲明
瀏覽器建議
我要出卷
試卷列表
張老師
登出
試卷列表
測驗列表
請輸入搜尋的內容
學制科目
arrow_drop_down
測驗結束日期
arrow_drop_down
測驗名稱
NEW
數學期末測驗
NEW
數學期末測驗
20240223112學年度國中英語測驗
20240223112學年度國中英語測驗
20240223112學年度國中英語測驗
20240223112學年度國中英語測驗
20240223112學年度國中英語測驗
20240223112學年度國中英語測驗
20240223112學年度國中英語測驗
20240223112學年度國中英語測驗
學制科目
國中英語
國中英語
國小數學
國小數學
國小數學
國小數學
國小數學
國小數學
國小數學
國小數學
測驗開始時間
2024-02-23 18:12
2024-02-23 18:12
2024-02-23 18:12
2024-02-23 18:12
2024-02-23 18:12
2024-02-23 18:12
2024-02-23 18:12
2024-02-23 18:12
2024-02-23 18:12
2024-02-23 18:12
測驗結束時間
2024-02-23 18:12
2024-02-23 18:12
2024-02-23 18:12
2024-02-23 18:12
2024-02-23 18:12
2024-02-23 18:12
2024-02-23 18:12
2024-02-23 18:12
2024-02-23 18:12
2024-02-23 18:12
狀態
進行中
進行中
未開始
已結束
已結束
已結束
已結束
已結束
已結束
已結束
交卷人數
3
0
0
0
0
0
0
0
0
0
測驗連結
測驗詳情
測驗連結
測驗詳情
測驗連結
測驗詳情
測驗連結
測驗詳情
測驗連結
測驗詳情
測驗連結
測驗詳情
測驗連結
測驗詳情
測驗連結
測驗詳情
測驗連結
測驗詳情
測驗連結
測驗詳情
chevron_left
1
2
3
4
5
...
10
chevron_right
10筆
/
頁
arrow_drop_down
南一教師網
NaniBox 3.0
字型包下載
遠端連線
© NANI BOOK ENTERPRISE CO., LTD. All Rights Reserved.
版權聲明
瀏覽器建議
當這些「意外」發生怎麼辦?
當這些「意外」發生怎麼辦?
當這些「意外」發生怎麼辦?
確定要刪除班級?
刪除後將不可復原,該班級內的所有測驗將改為不指派班級
取消
刪除班級
刪除班級時,已經派出的測驗會發生什麼事?
除了告知刪除的風險外,也會將測驗改為不指派班級,避免測驗直接被刪除
班級名稱不小心輸入錯誤怎麼辦?
可以不指定班級的學年度嗎?
測驗指派錯班級可以調整嗎?
刪除班級時,已經派出的測驗會發生什麼事?
除了告知刪除的風險外,也會將測驗改為不指派班級,避免測驗直接被刪除
班級名稱不小心輸入錯誤怎麼辦?
可以不指定班級的學年度嗎?
測驗指派錯班級可以調整嗎?
確定要刪除班級?
刪除後將不可復原,該班級內的所有測驗將改為不指派班級
取消
刪除班級
New
New
視覺化圖表快速呈現成績資訊總覽
視覺化圖表快速呈現成績資訊總覽
視覺化圖表快速呈現成績資訊總覽
在重新復盤整個派出考卷的流程時發現查看成績的頁面有優化的空間,因此利用 Clarity 所提供的數據來觀察使用者們的操作行為,過往老師都是滑動一筆一筆瀏覽學生的成績資料,或是自行匯出成績整理資訊,無法立即看出此測驗的整體概況,未來老師可以藉由視覺化圖表更迅速地瞭解到這個班級的學生學習成績
在重新復盤整個派出考卷的流程時發現查看成績的頁面有優化的空間,因此利用 Clarity 所提供的數據來觀察使用者們的操作行為,過往老師都是滑動一筆一筆瀏覽學生的成績資料,或是自行匯出成績整理資訊,無法立即看出此測驗的整體概況,未來老師可以藉由視覺化圖表更迅速地瞭解到這個班級的學生學習成績
我要出卷
我要出卷
我要出卷
試卷列表
試卷列表
試卷列表
張老師
張老師
張老師
登出
登出
登出
返回測驗列表
返回測驗列表
返回測驗列表
測驗詳情
測驗詳情
測驗詳情
數學期末測驗
數學期末測驗
數學期末測驗
測驗連結
測驗連結
測驗連結
更多操作
更多操作
更多操作
測驗時間: 2024/02/23 18:12~2024/02/24 18:12
測驗時間: 2024/02/23 18:12~2024/02/24 18:12
測驗時間: 2024/02/23 18:12~2024/02/24 18:12
進行中
進行中
進行中
公布成績: 交卷時公布
公布成績: 交卷時公布
公布成績: 交卷時公布
作答時長: 88 分鐘
作答時長: 88 分鐘
作答時長: 88 分鐘
指派班級: 無
指派班級: 無
指派班級: 無
成績概覽
成績概覽
成績概覽
由交卷名單內的學生作答情況所計算的平均值
由交卷名單內的學生作答情況所計算的平均值
由交卷名單內的學生作答情況所計算的平均值
平均花費時長
平均花費時長
平均花費時長
03:03
03:03
03:03
平均成績
平均成績
平均成績
72.0分
72.0分
72.0分
成績分佈
成績分佈
成績分佈
分數
分數
分數
75~100 分
75~100 分
75~100 分
60~74 分
60~74 分
60~74 分
0~59 分
0~59 分
0~59 分
人數
人數
人數
6
6
6
2
2
2
2
2
2
百分比
百分比
百分比
60%
60%
60%
20%
20%
20%
20%
20%
20%
交卷名單(10人)
交卷名單(10人)
交卷名單(10人)
檢討測驗
檢討測驗
檢討測驗
匯出成績
匯出成績
匯出成績
座號
座號
座號
1
1
1
2
2
2
3
3
3
4
4
4
5
5
5
6
6
6
7
7
7
8
8
8
9
9
9
10
10
10
姓名
姓名
姓名
林成勳
林成勳
林成勳
王小明
王小明
王小明
陳美玲
陳美玲
陳美玲
張雅婷
張雅婷
張雅婷
李志強
李志強
李志強
劉建華
劉建華
劉建華
吳俊傑
吳俊傑
吳俊傑
黃淑芬
黃淑芬
黃淑芬
鄭雅文
鄭雅文
鄭雅文
蔡明宏
蔡明宏
蔡明宏
成績
成績
成績
72
72
72
82
82
82
91
91
91
77
77
77
85
85
85
78
78
78
68
68
68
50
50
50
54
54
54
100
100
100
花費時長
花費時長
花費時長
00:03:20
00:03:20
00:03:20
00:02:45
00:02:45
00:02:45
00:03:10
00:03:10
00:03:10
00:02:30
00:02:30
00:02:30
00:03:20
00:03:20
00:03:20
00:03:20
00:03:20
00:03:20
00:03:20
00:03:20
00:03:20
00:03:20
00:03:20
00:03:20
00:03:20
00:03:20
00:03:20
00:03:20
00:03:20
00:03:20
交卷時間
交卷時間
交卷時間
2025/07/05 12:30
2025/07/05 12:30
2025/07/05 12:30
2025/07/05 12:15
2025/07/05 12:15
2025/07/05 12:15
2025/07/05 12:25
2025/07/05 12:25
2025/07/05 12:25
2025/07/05 12:35
2025/07/05 12:35
2025/07/05 12:35
2025/07/05 12:10
2025/07/05 12:10
2025/07/05 12:10
2025/07/05 12:25
2025/07/05 12:25
2025/07/05 12:25
2025/07/05 12:12
2025/07/05 12:12
2025/07/05 12:12
2025/07/05 12:20
2025/07/05 12:20
2025/07/05 12:20
2025/07/05 12:32
2025/07/05 12:32
2025/07/05 12:32
2025/07/05 12:18
2025/07/05 12:18
2025/07/05 12:18
測驗結果
測驗結果
測驗結果
測驗結果
測驗結果
測驗結果
測驗結果
測驗結果
測驗結果
測驗結果
測驗結果
測驗結果
測驗結果
測驗結果
測驗結果
測驗結果
測驗結果
測驗結果
測驗結果
測驗結果
測驗結果
測驗結果
測驗結果
測驗結果
測驗結果
測驗結果
測驗結果
測驗結果
測驗結果
測驗結果
南一教師網
南一教師網
南一教師網
NaniBox 3.0
NaniBox 3.0
NaniBox 3.0
字型包下載
字型包下載
字型包下載
遠端連線
遠端連線
遠端連線
© NANI BOOK ENTERPRISE CO., LTD. All Rights Reserved.
© NANI BOOK ENTERPRISE CO., LTD. All Rights Reserved.
© NANI BOOK ENTERPRISE CO., LTD. All Rights Reserved.
版權聲明
版權聲明
版權聲明
瀏覽器建議
瀏覽器建議
瀏覽器建議
Result
Result
Result
藉由 Google Analytic 的功能按鈕點擊次數與監測 Clarity 的使用者操作行為來計算此功能上線成效
藉由 Google Analytic 的功能按鈕點擊次數與監測 Clarity 的使用者操作行為來計算此功能上線成效
91.6
91.6
%
的使用者願意採用此功能
計算同一時期老師們點擊測驗指派功能的次數多寡來取得數據
14
14
%
降低老師自己計算班級成績的時間
匯出成績的功能按鈕使用率下降,也意味著老師可以有更多時間處理其他班級事務
