企業內部系統涉及保密性,畫面僅以黑白設計稿去識別化呈現。
企業管理系統 營運管理 電子業

神達會議室預約系統

科技業集團的會議室預約系統大改版

重構服役多年的內部老舊系統,以「智慧快速預約」與「視覺化時段拖拉」解決繁瑣流程,為集團同仁打造流暢直覺的日常操作體驗,有效縮減每日高頻「搶會議室」的時間成本。

專案背景與痛點

數千人每天搶用的熱門服務
不再卡關

科技業集團的真實日常情境,將高頻率使用且操作繁雜的工具優化為直覺流暢的數位工具。

Client Profile

神達集團 MiTAC

台灣科技產業代表企業

神達控股前身為神達電腦,成立於 1982 年,總部位於桃園華亞科技園區,旗下事業體深耕於雲端運算、AI 基礎設施、車用電子與智慧物聯網等高科技領域。

神達集團持續優化營運流程、強化數位工具以打造更高效的工作環境,其中「預約會議室」正是集團內部使用頻率最高、同仁每天都在搶用的關鍵服務。負責營運的部門多年來已收到不少意見及抱怨,於是下定決心進行系統大改版。

關鍵痛點

  • ✕
    操作動線過時繁瑣: 多年前開發的初版系統,操作介面與功能已跟不上現代工作節奏,尋找會議室與確認資訊需多次跳轉與反覆點選。
  • ✕
    資訊缺乏易讀性: 既有介面難以同時滿足「一眼掌握多間會議室狀態」與「查閱單一會議室完整資訊」的雙重高頻檢視需求。

專案目標

  • ✓
    核心動線極簡化: 盤點高頻情境,全面優化預約、查詢、批次操作與權限管理等核心動線,將實際操作步驟降至最少。
  • ✓
    資訊階層清晰可視化: 透過彈性收納與智慧可視化架構,打造符合千人集團規模與現代快節奏工作型態的智慧預約系統。
實質效益驗證

成果效益

從使用者真實痛點出發,以有感的體驗升級創造企業內部協作的巨大價值。

大幅降低日常時間成本

以最少步驟完成預約,有效解決數千名同仁每天在會議室預約上的溝通與尋找成本。

簡約直覺體驗

透過分層收納與動態展開,兼顧「一次看多間會議室」與「資訊清晰不擁擠」。

優化數位轉型

從高頻日常的核心痛點流程切入,化解工作阻力,成為科技集團內部工具優化、提升行政效率的成功示範。

設計思考與溝通迭代

解決問題的過程

會議室預約系統初版已經使用多年,大家都知道舊系統需要優化,但因為每個人都有想法,要統整成千上萬個想法會是一項大挑戰。我們必須反覆溝通討論、反覆打稿確認,先將反饋統整為幾個關鍵需求,再為關鍵需求規劃提案。每個階段都要達到共識才能進入下個階段。

Decision 01

會議室的呈現格式

原本規劃會議室的呈現格式是單張卡片,使用者輸入搜尋條件後,系統給予符合條件的其中1間會議室。溝通討論後,卻發現這樣的規劃與集團同仁們的使用習慣相違背,而直覺式的表格樣式,則會有欄寬不足以呈現完整資訊等問題。

最後仍決議採用表格樣式,因為集團同仁需要一次查看多個會議室,再自行判斷想要租借的。至於資訊完整度的問題,我們先將資訊分為「必須在清單看到的概略資訊」和「可以後續再閱讀的詳細資訊」2種。

當滑鼠靠近時該欄寬會變大,初步顯示概略資訊,點擊開啟彈跳視窗後才進一步顯示詳細資訊。如果會議室數量超過表格X軸,則畫面可以向右捲動。

✕ 原案淘汰
單張推薦卡片

僅給予單一建議,無法同時比對多間會議室狀態,違背同仁使用直覺。

✓ 定案採納
雙層動態表格

多間並列檢視,滑鼠移入欄寬放大展開,點擊開啟彈窗提供完整細節。

Decision 02

快速預約功能的規劃

靈機一動的小巧思,在原本的常規功能旁邊,建立一條輔助動線,放上快速預約按鈕,供當下需要立即預約會議室的人使用,不用思考太多、不用設定條件,直接拿到會議室就好。

但即便是直接拿到會議室,還是要思考使用者適合哪個範圍內的條件。剛開始只是小巧思,沒想到後來變成困難的討論,好幾次意見分歧,難以定案。

看起來不是單一條件就能得到適合的答案,於是我們從「使用習慣」這個角度來推敲,得出結論是只要別離慣用會議室太遠,哪間會議室都可以。

最後定出「30天內預約過的會議室、同樓層的會議室、同大樓的會議室、同區域的會議室」這幾個規則,當第1個規則無法篩選出會議室,就採用下一個規則,依序由左至右。

1 30 天內預約過的慣用會議室
↓ 若時段額滿則遞補
2 同樓層的其他可用會議室
↓ 若全滿則遞補
3 同大樓各樓層的可用會議室
↓ 若跨樓層仍額滿則遞補
4 同園區區域的可用會議室
Decision 03

操作使用的順暢度

當畫面要操作的功能變多,要確保操作順暢度就會有難度。

從設計上就要先考慮,功能的優先順序,減少同一個畫面內的多工操作,以及分配哪些部分需要預先載入、哪些部分交由後端提供。再來與 AI 協作逐步優化元件,從前端減少每個元件的負載。

架構優化 01
功能優先級劃分

減少同一畫面多工衝突,讓高頻預約動線維持在單一視窗內完成。

架構優化 02
資料分級載入機制

首屏預先快取核心時段表,彈窗與歷史細節採非同步動態取樣。

架構優化 03
AI 輔助輕量化重構

透過 AI 協作逐個診斷前端時間軸與表格元件,將渲染負載降到最低。

功能互動細節

核心功能與體驗亮點

貼近日常工作節奏的深度設計,將複雜的企業資源排程化繁為簡。

FEATURE 01

智慧快速預約

只需設定預約時數,免設繁雜篩選條件,即可依同仁歷史習慣與就近規則一鍵取得最合適的可用會議室。

FEATURE 02

個人化常用預約

支援設定並儲存多組高頻使用的自訂篩選條件(如人數、投影設備、樓層偏好),隨選即自動套用。

FEATURE 03

長期與批次預約

可將預約需求批次套用至「當週多天」或「每週同一天」,免去週期性專案或例會重複登記的繁瑣流程。

FEATURE 04

時段視覺化直觀拖拉

自研專用預約時間軸元件,滑鼠直接拖拉即可框選起訖時間,徹底告別傳統下拉式選單多次點選的痛苦。

FEATURE 05

智慧初始條件帶入

進入系統依序自動套用「自訂預設條件」➔「上次預約條件」➔「所屬部門預設資料」,告別每次進站重複輸入。

FEATURE 06

階層化資訊收納

善用側邊抽屜(Drawer)、彈窗(Modal)與滑移擴展,維持介面乾淨聚焦,各項細節資訊隨手可得。

FEATURE 07

極致互動細節

針對表格欄寬平滑放大、空白處點擊關閉、流暢轉場反覆調校,確保千人高頻使用下整體操作如絲般順暢。

視覺展示區

介面圖稿與流程展示

開發技術架構

我們使用在此專案的相關技術。

Frontend
Vue 3 TypeScript
Architecture
Monorepo
Integration
MicroApp i18n
Styling
Tailwind CSS
諮詢