Next

Next

Let’s Talk

Let’s Talk

vivianhsiaouiux@gmail.com

©

2026

Vivian Hsiao All Right Reserved.

補習班人臉辨識打卡點名 App

補習班人臉辨識打卡點名 App

在與補習班業者合作時,客戶提出他們觀察到老師經常被點名與打卡等行政工作佔去大量時間,進而影響了他們準備教學事務的心力,因此,客戶期待能透過更自動化的方式來解決這個痛點。與團隊討論多種技術方案後,決定導入臉部辨識技術來執行,並且在設計過程中,我不僅負責規劃使用情境與流程,也與工程師合作進行實測,包含不同掃描距離對辨識準確度的影響,並持續調整至最佳化。
此專案除了完成客戶需求讓公司能夠維持良好的顧客關係之外,團隊內部也嘗試了過往沒有接觸過的新技術嘗試,讓整體團隊士氣變得更有競爭力。

在與補習班業者合作時,客戶提出他們觀察到老師經常被點名與打卡等行政工作佔去大量時間,進而影響了他們準備教學事務的心力,因此,客戶期待能透過更自動化的方式來解決這個痛點。與團隊討論多種技術方案後,決定導入臉部辨識技術來執行,並且在設計過程中,我不僅負責規劃使用情境與流程,也與工程師合作進行實測,包含不同掃描距離對辨識準確度的影響,並持續調整至最佳化。
此專案除了完成客戶需求讓公司能夠維持良好的顧客關係之外,團隊內部也嘗試了過往沒有接觸過的新技術嘗試,讓整體團隊士氣變得更有競爭力。

我的角色 | 產品設計師(UIUX)

我的角色 | 產品設計師(UIUX)

合作對象 | iOS App 工程師、Android App 工程師、PM

合作對象 | iOS App 工程師、Android App 工程師、PM

服務平台 | iOS Android

服務平台 | iOS Android

產品類型 | B2B2C

產品類型 | B2B2C

專案時長 | 2024.07 ~ 2024.08

專案時長 | 2024.07 ~ 2024.08

補習班 / 安親班

招生對象

補習班 / 安親班

招生對象

學齡前

國小 

國中 

高中 

研究所

成人 

公職 

其他 

班主任、老師

班主任、老師

  • 主要學生族群是有 60% 是國小學生

  • 了解學生到班情況是例行公事需要很精準掌握學生的出席狀況,確保學生安全

  • 主要學生族群是有 60% 是國小學生

  • 了解學生到班情況是例行公事需要很精準掌握學生的出席狀況,確保學生安全

學生家長

學生家長

  • 希望可以掌握學生抵達補習班的時間,確保他們能夠安全抵達

  • 不希望小孩打著補習的名義,實際上在外面到處亂晃

  • 國小孩童還是需要大人們的帶領與照顧確保安全

  • 希望可以掌握學生抵達補習班的時間,確保他們能夠安全抵達

  • 不希望小孩打著補習的名義,實際上在外面到處亂晃

  • 國小孩童還是需要大人們的帶領與照顧確保安全

補習班老師

補習班老師

  • 在現行的後台系統中提供人工點名的功能,但此方法耗時費力且沒有效率

  • 點名時其他學生等得很無聊會嬉笑打鬧,老師還需空出額外的精力管理班級秩序

  • 依序點名確保學生回應過程冗長,拉長補習班老師備課時間

  • 在現行的後台系統中提供人工點名的功能,但此方法耗時費力且沒有效率

  • 點名時其他學生等得很無聊會嬉笑打鬧,老師還需空出額外的精力管理班級秩序

  • 依序點名確保學生回應過程冗長,拉長補習班老師備課時間

  • 在現行的後台系統中提供人工點名的功能,但此方法耗時費力且沒有效率

  • 點名時其他學生等得很無聊會嬉笑打鬧,老師還需空出額外的精力管理班級秩序

  • 依序點名確保學生回應過程冗長,拉長補習班老師備課時間

家長

家長

  • 學童安全抵達補習班可以讓家長安心工作

  • 希望補習班老師能夠確實把握學生狀況,若有緊急事件可以即時溝通

  • 學童安全抵達補習班可以讓家長安心工作

  • 希望補習班老師能夠確實把握學生狀況,若有緊急事件可以即時溝通

  • 學童安全抵達補習班可以讓家長安心工作

  • 希望補習班老師能夠確實把握學生狀況,若有緊急事件可以即時溝通

點名結果後有哪些可能的情況?

點名結果後有哪些可能的情況?

釐清重要客戶在實務現場所遇到的痛點後,我們也去看了與打卡相關的相似競品,發現在點名計算學生出缺勤以外,還會有其他問題:

釐清重要客戶在實務現場所遇到的痛點後,我們也去看了與打卡相關的相似競品,發現在點名計算學生出缺勤以外,還會有其他問題:

要如何呈現出缺勤結果給到老師與學生家長?

要如何呈現出缺勤結果給到老師與學生家長?

要如何呈現出缺勤結果給到老師與學生家長?

若學生無故缺勤曠課時該如何處理?

若學生無故缺勤曠課時該如何處理?

若學生無故缺勤曠課時該如何處理?

在人資打卡系統中通常都會伴隨請假功能,此需求的重要程度為何?

在人資打卡系統中通常都會伴隨請假功能,此需求的重要程度為何?

在人資打卡系統中通常都會伴隨請假功能,此需求的重要程度為何?

技術評估

技術評估

在現行與打卡點名相關的技術中常見的有 4 種方式,我們藉由評估成本、準確率等相關議題後決定使用人臉辨識的方式來進行

在現行與打卡點名相關的技術中常見的有 4 種方式,我們藉由評估成本、準確率等相關議題後決定使用人臉辨識的方式來進行

硬體設備要求低

硬體設備要求低

硬體設備要求低

辨識準確率高

辨識準確率高

辨識準確率高

代點名可能性低

代點名可能性低

代點名可能性低

代打卡可能性

代打卡可能性

代打卡可能性

代打卡可能性

開發與維護成本

開發與維護成本

開發與維護成本

開發與維護成本

辨識準確度

辨識準確度

辨識準確度

辨識準確度

學生自備設備必要程度

學生自備設備必要程度

學生自備設備必要程度

學生自備設備必要程度

補習班自備設備成本

補習班自備設備成本

補習班自備設備成本

補習班自備設備成本

指紋 / 學生證打卡機

指紋 / 學生證打卡機

指紋 / 學生證打卡機

指紋 / 學生證打卡機

極高

極高

極高

極高

無需求

無需求

無需求

無需求

3.8

3.8

3.8

3.8

藍芽 / GPS定位

藍芽 / GPS定位

藍芽 / GPS定位

藍芽 / GPS定位

中低

中低

中低

中低

中低

中低

中低

中低

高需求

高需求

高需求

高需求

極低

極低

極低

極低

2.8

2.8

2.8

2.8

人臉辨識

人臉辨識

人臉辨識

人臉辨識

極低

極低

極低

極低

無需求

無需求

無需求

無需求

4.0

4.0

4.0

4.0

掃描 QR Code

掃描 QR Code

掃描 QR Code

掃描 QR Code

極高

極高

極高

極高

極低

極低

極低

極低

極高

極高

極高

極高

高需求

高需求

高需求

高需求

3.4

3.4

3.4

3.4

人臉偵測與辨識

人臉偵測與辨識

系統可以自動偵測判斷是否為人臉與對應的學生資訊,讓學生在對準鏡頭 1 秒內即可完成點名。

除此之外系統也會藉由判斷人臉距離來提供對應的提示已順利完成臉部辨識

系統可以自動偵測判斷是否為人臉與對應的學生資訊,讓學生在對準鏡頭 1 秒內即可完成點名。

除此之外系統也會藉由判斷人臉距離來提供對應的提示已順利完成臉部辨識

建立學生臉部資訊

建立學生臉部資訊

考量到「臉部註冊」難以使用 icon 辨識,因此以文字按鈕呈現。除此之外,若發生無法預期的情況導致無法主動偵測時,學生亦可手動使用拍照功能解決

考量到「臉部註冊」難以使用 icon 辨識,因此以文字按鈕呈現。除此之外,若發生無法預期的情況導致無法主動偵測時,學生亦可手動使用拍照功能解決

註冊後驗證機制

註冊後驗證機制

為了確保使用者與資料庫的理解正確,因此在註冊完成後會請使用者再次拍攝學生照片以確保資料庫有正確取得臉部資訊

為了確保使用者與資料庫的理解正確,因此在註冊完成後會請使用者再次拍攝學生照片以確保資料庫有正確取得臉部資訊

搜尋 & 篩選器

搜尋 & 篩選器

根據補習班主任的反饋,老師們對於自己所帶領的班級學生掌握度很高,因此除了能夠使用年級與補習班分校來搜尋之外,也能夠直接輸入學生姓名查看相關資訊

根據補習班主任的反饋,老師們對於自己所帶領的班級學生掌握度很高,因此除了能夠使用年級與補習班分校來搜尋之外,也能夠直接輸入學生姓名查看相關資訊

點名結果的呈現

點名結果的呈現

在現行的產品後台上已有手動點名的功能,因此我們能夠將人臉辨識後的結果進行同步;除此之外,我們也會在專門為家長服務的 App 上加入出缺勤與請假打卡的功能

在現行的產品後台上已有手動點名的功能,因此我們能夠將人臉辨識後的結果進行同步;除此之外,我們也會在專門為家長服務的 App 上加入出缺勤與請假打卡的功能

出缺勤

出缺勤

家長能夠藉由此紀錄查看學生到校的情況,同時也可以評估是否要用推播通知及時告知學生未到校的情況

家長能夠藉由此紀錄查看學生到校的情況,同時也可以評估是否要用推播通知及時告知學生未到校的情況

請假

請假

若孩童發生生病、出國玩等「可預期」不會到補習班的情況時,家長可事先請假來降低補習班老師的困擾

若孩童發生生病、出國玩等「可預期」不會到補習班的情況時,家長可事先請假來降低補習班老師的困擾

預估成效

預估成效

透過評估傳統唱名點名流程及其相關人工操作所耗費的時間,我們預期導入人臉辨識 App 與打卡系統後,將有效提升點名與出勤管理的效率。此舉不僅可大幅減少教師與班主任在行政事務上的負擔,亦有助於其將心力聚焦於備課與教學內容的深化,進一步提升整體教學品質與管理效能。

透過評估傳統唱名點名流程及其相關人工操作所耗費的時間,我們預期導入人臉辨識 App 與打卡系統後,將有效提升點名與出勤管理的效率。此舉不僅可大幅減少教師與班主任在行政事務上的負擔,亦有助於其將心力聚焦於備課與教學內容的深化,進一步提升整體教學品質與管理效能。

87.5

87.5

87.5

87.5

%

%

增加點名打卡效率

增加點名打卡效率

人臉辨識點名平均低於 1 秒即可完成辨識,相較於傳統的人工手動點名減少需多前置工作,讓老師們可以將精力放在教學工作準備上

人臉辨識點名平均低於 1 秒即可完成辨識,相較於傳統的人工手動點名減少需多前置工作,讓老師們可以將精力放在教學工作準備上

人臉辨識點名平均低於 1 秒即可完成辨識,相較於傳統的人工手動點名減少需多前置工作,讓老師們可以將精力放在教學工作準備上

83.3

83.3

83.3

83.3

%

%

出勤紀錄準確率提升

出勤紀錄準確率提升

人工唱名 + 手動操作系統會有學生代答以及操作失誤的問題,預期使用人臉辨識可降低發生機率

人工唱名 + 手動操作系統會有學生代答以及操作失誤的問題,預期使用人臉辨識可降低發生機率

人工唱名 + 手動操作系統會有學生代答以及操作失誤的問題,預期使用人臉辨識可降低發生機率

增加客戶關係和信任度

增加客戶關係和信任度

協助完成客戶許願,雖後續評估市場需求低,但公司與客戶之間的信任度增加

協助完成客戶許願,雖後續評估市場需求低,但公司與客戶之間的信任度增加

協助完成客戶許願,雖後續評估市場需求低,但公司與客戶之間的信任度增加