top of page

工程管理系統

Jul 2021  - Oct 2023

工程管理系統是一個空間設計專案管理平台,將室內裝修流程系統化,從客戶洽談至施工結案,透過線上專案管理及財務追蹤,更有效率地邁向工程管理數位化。

MacBook Pro 17.png
98edac4d599ac9e22ef61c189bec7484.Frame-1540.png
What Have I Done
  • 訪談設計師及工程人員等利害關係人,瞭解領域專家工作流程。

  • 0 - 1  規劃數據分析及後台管理頁面。

​我做了什麼

​專案角色

擔任 UI/UX 設計師,與 SA 及開發團隊共 4 人 合作

​負責項目

需求訪談、介面設計、優化迭代

Design Process

設計過程

01

需求訪談

我們訪談不同層級的利害關係人,這使我能夠瞭解不同使用者在現今作業流程上所遇到的痛點以及對產品的期望,也讓我對使用者們有更深一層的認識。

無法有效掌握工程進度,一旦工期延宕,不僅成本增加,同時又會影響資金週轉。

- 老闆 42Y

業主一直追問工程做到哪,工班及工務又不會主動回報,我怎麼知道!

- 設計師 33Y

白天都在跑工地現場,還要每日回報監工日誌,好累啊!

- 工務 28Y

每月結算成本花很久的時間,還要將工務工時資料整理成excel,十分秏時費工!

- 財務會計 57Y

由於使用者眾多,在收斂訪談結果及作業流程後,以不同顏色區分角色,繪製成操作流程圖方便需求討論及確認流程。

02

角色操作流程圖
Group 2517.png

03

後台比起視覺更重視的是使用者完成任務的流程,設計與工程師遵從 Design System 可確保產品的一致性與標準化。

​設計系統
Colors3.png
Design Details

案件單管理  頁面展示

將案件進度細分成 4 種案件階段及 27 種案件狀態呈現於列表中,精準掌握各專案進度

案件列表
案件單管理_案件列表.png

依設計師資料卡適性推薦設計師擔任專案負責人,提升成案率及客戶滿意度。

指派設計師
案件單管理_指派設計師.png

提供線上編輯報價單及進度表的功能,並同步兩者內容,減少人員作業時間,提高工作效率。

工程報價及進度
案件單管理_工程報價單.png
案件單管理_工程進度表.png
Design Details

物料及廠商管理  頁面展示

設定牌價表模板,製作報價單時只需一鍵即可套用模板內容,縮短製作時間。

牌價表設定
物料管理_牌價表設定.png

利用出缺勤、客戶滿意度、報價金額等數據多角度評估適用的廠商,清楚掌握廠商品質

廠商資料管理
廠商資料管理.png
Design Details

收支記帳表  頁面展示

在系統中清楚記錄設計及工程應收、實收、追加收入等款項金額及明細,如款項賬齡超過收款期限,則該款項變為逾期款額外紀錄,方便後續追蹤。

收入紀錄表
收支記帳表_收入記錄表.png

需要支付給廠商的款項,填寫付款申請單後記錄於廠商待付款項中,方便財務人員記帳。

支出紀錄表
收支記帳表_支出記錄表.png
Design Details

數據儀表板  頁面展示

首頁統整、呈現次頁中重要的數據,並將資料分類,按照類別逐步做細項的比較圖表。

Dashboard 首頁
首頁navbar.gif

階層式分析及多條件查詢組合,數據分析更靈活。

Dashboard ​次頁
數據儀表板_次頁1.png
數據儀表板_次頁2.png
數據儀表板_次頁3.png
數據儀表板_次頁4.png
Iteration

迭代

系統在 2022 年 4 月陸續釋出 Beta 版,邀請使用者來實際操作、測試,透過蒐集回饋我們發現指派設計師的流程有需要改善的地方。

原指派流程圖.png
Before 1:流程線型化

原流程是由上至下單一線型化地將案件派給設計師接案,既無法調整指派的先後順序,也無法改變節點的數量。

Before 2:不符合實際使用情境

系統的目標族群為中小型室內設計公司,企業組織架構單純且扁平化,因此在派案時經常發生自己指派自己為專案負責設計師的情況。

因此我們針對指派設計師流程進行第二版本的優化,參考了一些室內設計公司的意見回饋,並研究他們的組織規模及派案作業模式,再進行優化。

After:自定義指派流程

將原本線型的結構改為樹狀結構,使用者可依企業規模自行設定帳號、群組及層級的數量,將職等或職稱相似的帳號設定成同一群組,再拖曳至想放置的層級。

新指派流程圖.png
Floating MacBook Pro Mockup.png
指派流程設定(流程圖內無群組).png
指派流程設定(收起樣式).png
Image by UX Indonesia
Challenges & Decisions

專案挑戰與決策

​挑戰一:客戶需求不明確

剛開始客戶在給需求時,講得很含糊大概,可能是他們也不太清楚自己想要什麼。

在開發前期使用角色操作流程圖,帶領他們回想實際的作業情境,有想法之後才會有更明確的需求及回饋。

小撇步:角色操作流程圖
挑戰二:開發團隊缺乏相關技術

進到開發階段後,在規劃上也有遇到一些目前工程師做不出來或沒做過的功能,像是甘特圖、多條件查詢功能的儀表板。

我的解決方式是主動協助前端工程師尋找相關的JS套件及資源,再跟他們溝通討論。

小撇步:主動協助開發夥伴
Reflection

反思

​“ 提案成功的關鍵是:配合使用者心智模型”

進入對方的邏輯,設身處地的站在客戶立場,以同等的邏輯去為他們解決問題。

Projects

更多作品

bottom of page