UIUX Design

Team Work

Web

店長管理工具

提供現場狀況，協助提高管理效率

UIUX Design

Team Work

Web

店長管理工具

提供現場狀況，協助提高管理效率

專案概述

讓店長輕鬆完成日常行政工作，專注於提升運營效率

公司主力產品是一套基於網頁的人力資源系統，支援不同行業進行人事管理，為了拓展產品線並滿足客戶現場管理需求，根據現有數據，公司70%的客戶屬於餐飲、製造和零售產業

這些產業員工流動頻繁，店長們面臨著即時調度和人力成本控制的雙重挑戰，看中這個機會點，公司決定發展一款專為協助現場管理的 App

我的角色：設計兼任PM

這是一款 0–1 開發全新的系統，我的角色以研究與設計為主，在團隊沒有 PM 的情況下，我也承擔了一部分 PM 的工作，需求挖掘以及與工程師的協調，確保專案能夠順利推進

我們的挑戰

釐清需求，凝聚共識

專案初期，技術主管提供了一張基本的資訊架構圖作為起點
隨著專案進行，多次會議中，老闆和產品主管分別提出新的想法或功能建議，這些需求可能來自於原產品的功能，也可能是他們的市場洞察，我需要反覆追問「為什麼需要這個功能？」以便將抽象的想法轉化為清晰的需求，確保每項設計都能回應實際的市場需求與用戶痛點

專案初期，技術主管提供了一張基本的資訊架構圖作為起點。隨著專案進行，多次會議中，老闆和產品主管分別提出新的想法或功能建議，這些需求可能來自於原產品的功能，也可能是他們的市場洞察，我需要反覆追問「為什麼需要這個功能？」以便將抽象的想法轉化為清晰的需求，確保每項設計都能回應實際的市場需求與用戶痛點

團隊協作，建立有效的合作模式

作為我加入公司的第一個專案，這也是開發團隊第一次開發 APP，我們的合作從零開始摸索，包括如何協調設計與技術之間的需求，如何應對反覆的修改，以及在設計尚未完全確定時開始開發。我需要在這樣的環境中迅速適應，通過有效溝通與協作，幫助團隊找到適合的工作模式

開發流程

開發流程是不斷循環的一個過程，會根據使用者的需求改變、開發限制性等因素，重複著下述3步驟持續，讓產品更新迭代

MVP

透過桌面研究和相關利益者會議對齊需求

用戶訪談

了解店長在不同情境中的具體需求

迭代：調整產品方向

據訪談和需求，進行設計調整與優化

MVP

透過桌面研究和相關利益者會議對齊需求

用戶訪談

了解店長在不同情境中的具體需求

迭代：調整產品方向

據訪談和需求，進行設計調整與優化

第一階段
需求釐清建立MVP

Step1／桌面研究 (Desk Research)

起初資訊來源僅有一款2C APP和基本的資訊架構圖，為了搜集更多資訊，我轉向了解市場上的2C排班產品和相關的產品研究資料，以建立基本架構，與排班操作

Step2／建立假設與資訊架構

根據以上資訊，以連鎖門市店長為主角，用時間線劃分作業流程：
📍先於通訊軟體詢問排休時間，紀錄並開始編排下個月班表
📍匯出班表，轉傳給單位員工
📍當月工作期間，臨時有員工請休假，需調派人力時，拿出班表，聯絡可支援的員工，並更改班表
📍月底比對考勤紀錄，繪製為報表，上傳至總公司

排班歷程

Step3／Flow Chart 對焦操作流程

情境假設幫助我初步確認了APP的MVP功能範疇接著藉由Flow chart和使用情境，與技術人員和相關利益人對焦功能，並搜集他們對於此產品的建議

Step4／MVP

1.排班表 2.夥伴管理 3.統計報表

此階段產品調定為排班為主，開發討論圍繞操作排班便捷度與系統導入資料速度，如何與現有API串接客戶資料 (圖：排班頁面)

第二階段
現有客戶訪談

MVP即將完成之際，我主動尋找資源，希望在進入下階段開發前，可以取得客戶的反饋

真實情況

瞭解店長日常管理流程中的關鍵需求，評估現有功能能否解決痛點

易用性測試

收集針對 MVP 版本的反饋，探討改進空間

其他洞見

挖掘產品潛在的附加價值功能，以提升管理效率

目的：了解真實情況

部分訪綱

・在使用**工具排班前，店長是用什麼工具進行排班？  
・店長排班過程是什麼？
・以**集團旗下品牌，各分店的排班時間點 / 頻率？  
・怎麼與員工進行相關的溝通和協作？有運用什麼工具促進溝通？  
・排班有哪些重要的考量點嗎？  
・在排班時，有什麼因素覺得很難排？  
・目前在突發的調班、請假或借調人力時，店長是怎麼解決的呢？
  ・需要在特定時間上傳排班表至系統嗎？

店長痛點

🙁 排班考量多

店長排班時須考量員工指定排休也須符合勞動法規

🙁 人力控管難度高

為掌控人力成本，需衡量來客量，確認是否下放PT，或補及人力，需應對臨時變更

🟠 這些洞察幫助我們對產品進行多項優化，並提升其對餐飲與零售行業的適用性

第三階段
迭代調整產品方向

排班工具升級為店長管理系統

基於訪談洞察，優化方向希望解決痛點且拓展產品價值，使其成為支持店長多方面管理的全面系統

當日出勤狀態與人力管理

協助店長合理安排人力並管理當日事宜

靈活的班表調整

增強排班調整功能，適應突發情況

精細化人力成本分析

預估與實際成本比對功能，優化人力調度

新增功能：本日出勤

訪談中了解，店長的核心職責是掌控人力成本並滿足現場人力需求，確保店舖的高效運作，因此，團隊決定開發三項新功能

1.本日出勤表：掌握出勤狀況，及時調整人力配置  

店長可在店舖營運前確認員工的出勤狀況，幫助迅速判斷人力是否充足

2.時段人力：提升人力成本效益  

透過清晰的人力時段數據，店長更精準地安排，避免出現人力過剩或不足的問題，有效控制人力成本

3.本日備註：跨職責的訊息共享

多位管理者能同時查看並更新備註，減少資訊落差而導致的溝通誤解，確保對當日營運事務有一致認知

優化排班表

排班表的設計優化以提升管理效率與用戶體驗為核心

1.檢核彈性化

提供法規檢核調整彈性，確保合規同時適應實際需求

2.滿足不同操作情境

清晰的查閱與編輯分區、自訂備註及常用班別功能，讓排班操作，滿足不同場景使用

3.功能操作優化

設計中特別強調檢核功能的可視性，增加釘選功能，使用者能邊檢視邊操作更改班表

初版

我們確立了檢核功能作為產品的亮點，透過系統運算自動檢查排班是否符合勞基法規，進一步提高管理效率。為了讓使用者直觀完成檢核，介面上設置了醒目的檢核按鈕（CTA），引導其進行操作

MVP

在檢視真實客戶資料時發現，後台的班別設置數量可多達上百個，因此我們新增了常用班別快捷功能。使用者可透過文字搜尋找到特定班別，或長按班別按鈕將其加入常用清單，方便快速選取

規劃下階段

功能規劃涉及公司主力產品的規格邏輯與資料串接，技術與業務整合較為複雜，目前仍在持續規劃中，為確保功能能夠貼合市場需求，我提出與產品長先與兩間客戶進行訪談，了解他們對人力成本管理的實際需求與痛點

1.用戶需求驗證  

經過深度訪談後，蒐集客戶對於人力成本規劃的期望，包括即時預計成本顯示、實際成本、比對圖表等真實需求

2.數據串接評估  

與技術團隊討論如何整合現有主力產品的數據規格，確保資料串接的可行性與穩定性

專案心得

過程中不僅見證了產品從概念到落地的轉變，也深刻體會到設計在企業產品中的價值與挑戰

學習與收穫

0-1 專案規劃經驗

從零開始規劃一個專案，遠比優化現有產品更加困難
專案初期，團隊花費大量時間討論產品方向，並參考競品進行分析。在執行過程中，我們仍然面對需求變動、開發資源分配與時程管理等挑戰。這讓我更深刻地理解到，專案規劃時，必須先明確定義核心目標與優先順序，避免後續不斷修改影響進度。此外，保持靈活性與適應能力同樣重要，因為市場與用戶需求是動態變化的，能夠快速調整策略，才能讓專案順利推進