科技業集團的真實日常情境,將高頻率使用且操作繁雜的工具優化為直覺流暢的數位工具。
從使用者真實痛點出發,以有感的體驗升級創造企業內部協作的巨大價值。
以最少步驟完成預約,有效解決數千名同仁每天在會議室預約上的溝通與尋找成本。
透過分層收納與動態展開,兼顧「一次看多間會議室」與「資訊清晰不擁擠」。
從高頻日常的核心痛點流程切入,化解工作阻力,成為科技集團內部工具優化、提升行政效率的成功示範。
會議室預約系統初版已經使用多年,大家都知道舊系統需要優化,但因為每個人都有想法,要統整成千上萬個想法會是一項大挑戰。我們必須反覆溝通討論、反覆打稿確認,先將反饋統整為幾個關鍵需求,再為關鍵需求規劃提案。每個階段都要達到共識才能進入下個階段。
原本規劃會議室的呈現格式是單張卡片,使用者輸入搜尋條件後,系統給予符合條件的其中1間會議室。溝通討論後,卻發現這樣的規劃與集團同仁們的使用習慣相違背,而直覺式的表格樣式,則會有欄寬不足以呈現完整資訊等問題。
最後仍決議採用表格樣式,因為集團同仁需要一次查看多個會議室,再自行判斷想要租借的。至於資訊完整度的問題,我們先將資訊分為「必須在清單看到的概略資訊」和「可以後續再閱讀的詳細資訊」2種。
當滑鼠靠近時該欄寬會變大,初步顯示概略資訊,點擊開啟彈跳視窗後才進一步顯示詳細資訊。如果會議室數量超過表格X軸,則畫面可以向右捲動。
僅給予單一建議,無法同時比對多間會議室狀態,違背同仁使用直覺。
多間並列檢視,滑鼠移入欄寬放大展開,點擊開啟彈窗提供完整細節。
靈機一動的小巧思,在原本的常規功能旁邊,建立一條輔助動線,放上快速預約按鈕,供當下需要立即預約會議室的人使用,不用思考太多、不用設定條件,直接拿到會議室就好。
但即便是直接拿到會議室,還是要思考使用者適合哪個範圍內的條件。剛開始只是小巧思,沒想到後來變成困難的討論,好幾次意見分歧,難以定案。
看起來不是單一條件就能得到適合的答案,於是我們從「使用習慣」這個角度來推敲,得出結論是只要別離慣用會議室太遠,哪間會議室都可以。
最後定出「30天內預約過的會議室、同樓層的會議室、同大樓的會議室、同區域的會議室」這幾個規則,當第1個規則無法篩選出會議室,就採用下一個規則,依序由左至右。
當畫面要操作的功能變多,要確保操作順暢度就會有難度。
從設計上就要先考慮,功能的優先順序,減少同一個畫面內的多工操作,以及分配哪些部分需要預先載入、哪些部分交由後端提供。再來與 AI 協作逐步優化元件,從前端減少每個元件的負載。
減少同一畫面多工衝突,讓高頻預約動線維持在單一視窗內完成。
首屏預先快取核心時段表,彈窗與歷史細節採非同步動態取樣。
透過 AI 協作逐個診斷前端時間軸與表格元件,將渲染負載降到最低。
貼近日常工作節奏的深度設計,將複雜的企業資源排程化繁為簡。
只需設定預約時數,免設繁雜篩選條件,即可依同仁歷史習慣與就近規則一鍵取得最合適的可用會議室。
支援設定並儲存多組高頻使用的自訂篩選條件(如人數、投影設備、樓層偏好),隨選即自動套用。
可將預約需求批次套用至「當週多天」或「每週同一天」,免去週期性專案或例會重複登記的繁瑣流程。
自研專用預約時間軸元件,滑鼠直接拖拉即可框選起訖時間,徹底告別傳統下拉式選單多次點選的痛苦。
進入系統依序自動套用「自訂預設條件」➔「上次預約條件」➔「所屬部門預設資料」,告別每次進站重複輸入。
善用側邊抽屜(Drawer)、彈窗(Modal)與滑移擴展,維持介面乾淨聚焦,各項細節資訊隨手可得。
針對表格欄寬平滑放大、空白處點擊關閉、流暢轉場反覆調校,確保千人高頻使用下整體操作如絲般順暢。
我們使用在此專案的相關技術。