99
%
About
Resume
En
About
Resume
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