99%
En
UI/UX Design

大陸工程雲端管理系統

Overview
大陸工程為大型營造公司,為了改善工地現場紙本填寫表單的不便而開始了此專案, 希望透過App讓現場工程師可以即時填寫表格,解決紙本不易攜帶、整理困難的痛點。
  • Role
    UIUX Designer
  • Duration
    11 month
  • Team
    1 PM, 3 Designers, 1 SA, 4 Developer
Challenge
由於此專案屬於從無到有且期望透過網頁與App取代舊有流程的專案,而使用者的年齡層從30到60歲都有,大陸工程也十分好奇我們會如何設計。

如何降低使用者的上手難度與減少紙本轉換到App的陣痛期是我們的一大挑戰,再加上此系統包含前、後台和App,所以如何維持平台間的一致性也是我們花非常多時間討論的因素。
Research Plan
我們安排了 9 場使用者訪談,造訪了 4 個工務所,希望透過質化研究了解 「現有流程使用者的需求及困擾」「E化服務的機會點與可能性」「如何提升效率並兼顧專案品質」

訪談流程會先與相關人員進行40-60分鐘的深度訪談,再請該人員帶領我們到工地現場進行實作演示。

整個流程會安排 1 為主訪者、2 位記錄者與 1 位攝影者,訪談完後當天會進行角色資訊彙整與分類。而整個過程大概進行 1 個多月。

最後會提供研究簡報給大陸工程,點出我們觀察到的現象與使用者的痛點,也藉此建立跟客戶之間的共識,讓我們之後的合作更加順利。
Research Insight
最終我們歸納出以下幾個重點,我們也將這些訴求加到設計中,像是每個項目都能附加照片、可分享議題、快速製作照片記錄表與照片備註功能等等。

「仰賴圖像資訊」
照片紀錄、圖說、報告內須附照片佐證

「即時並有效力的溝通」
Line通訊、現場巡視監督

「需要更有效率地處理文書作業」
需經常整理照片、表單、後續整理上傳雲端

「利用手機或其他軟體優化工作流程」
相片編輯、標註、Google相簿、Excel管理
Style Proposal
我們的設計策略為 「在既有的工作流程中,幫助不同角色的使用者提升文書作業效率,進而開始願意使用電子化解決方案」, 由於此專案最重要的功能即為「表單」,所以我們的風格提案除了展示不同風格元素外也準備了 2 套表單建立邏輯。

「理性穩重」設計上強調所見即所得,以現有的操作模式為出發點,線性結構佈局,清楚呈現重點資訊與功能,協助使用者能快速上手。
在表單的設計上以模擬紙本表格為主,來達到降低使用者學習成本的目標。

「敏捷動力」強調突破傳統,重視功能和空間的組織,講究排版的形式美,省略多餘的裝飾,發展出以功能佈局為依據的設計風格。
在表單的設計上以現代卡片式塊狀呈現為主,考慮到未來的彈性與擴充性,並且可讓桌機與App版型一致。

最後客戶考量到使用者轉換的陣痛期,所以選擇「理性穩重」的風格與表單建立邏輯。
Wireframe
UX Designer會和我討論層級架構與畫面呈現方式,而我主要負責App的UI設計,所以會根據定版的風格與Wireframe來進行畫面設計。

Final Design

表單管理
在網站的部分我們讓使用者可以進行複雜的操作,像是表單的建立;而在App端我們讓使用者注重在表單的填寫與管理。
編輯表單
網站採用所見即所得的表單填寫方式,減少許多工程師的學習成本,在App端簡化為問卷的版型來設計,搭配顏色提示方便使用者管理表單填寫進度。
議題管理
大陸工程希望可以透過這個功能來管理工務所內部的重要議題,為了提升急迫性的辨識度,每個議題都有截止日期,超過後會有「逾期」的標籤,並將排序置頂。
簽核表單
為了符合政府檢核標準,在表單上也設計了簽核欄位,設定簽名檔後,簽核通過即會押上簽名與時間。

Learnings

這個案子是我第一次接觸使用者訪談與質化研究,能夠深入到工地現場是十分有趣的體驗,在設計的時候也比較可以設身處地去想像使用者會面臨到的情境。

前期執行專案時是擔任UI Designer,到後期另外 2 個設計師去支援其他專案,所以後期的UIUX維護都由我接手,也藉此累積了不少的UX經驗。

Next Work

BTOX 線上訂單系統

UI UX Design