#ERP System
Get better stats about your business with our service.
專案概覽
這是針對企業 ERP 用戶的設計項目， 將其軟體功能集成到了移動應用程序中，我根據用戶研究報告、第一線軟體、業務顧問中深入瞭解用戶需求，進而設計解決方案，目的是滿足用戶不同權限級別的需求。
專案期間
6 個月
擔任角色
UX / UI designer
負責項目
5 大模組設計、產品形象
產品簡介
Flaps APP 五大核心模組
Flaps APP．行動 ERP － 提供企業掌握營銷資訊，支援企業決策管理，不只整合企業資源、簡化流程架構，更提供客製化模組設計，用戶以訂閱方式享有多方位服務，加速企業資源共享同時，亦能夠嚴謹稽核權限管理。
產品概況
疫情衝擊帶動多元協作模式，ERP 系統的未來趨勢將更加注重遠程工作和數字化轉型，提高彈性和可見性，加強企業的運營效率和反應能力，企業必須重新質變，創造更符合市場的產品，從單一服務轉化為多模組功能。
設計挑戰
產品在初始階段，為了因應客戶需求而不斷疊加功能，導致產品架構無系統性規劃，造就產品複雜且不易維護，為了解決這些問題，需在改版的限制下重新梳理架構、增加產品的維護性，並符合不同產業的企業需求。此外，需要充分考慮不同行為人物的使用情境。
(1) 缺乏設計規劃
(2) 建立產品服務形象
(3) 滿足不同產業的功能需求
01｜分析產品核心受眾
用戶研究
內部訪談
針對團隊內部進行初步訪談，獲得他們對產品的使用體驗、需求及反饋，進一步瞭解產品的核心受眾其特徵和行為，挖掘用戶職業習慣、組織規模。
運用 5W1H 分析用戶輪廓
釐清核心受眾階級地位
4 大階層
主訴需求對象區分為 4 大階層，分別為「決策層、高階管理層、中階管理層、一般員工」，而其中以中階管理層占了 82％， 其涵蓋的角色有：經理、部門主管、店長等角色，掌握營銷數據是他們的核心產品需求。
搜集用戶反饋
客戶團隊於產品演示及教育訓練中聆聽用戶的反饋及需求，我透過內部訪談，將眾多反饋紀錄下來，並根據不同階級、角色，將資訊分類，瞭解不同模組間的需求和使用者痛點。
痛點對應設計問題
我們瞭解到，產品既有功能無法負荷多元市場，使用者在操作過程中遇上許多困難，在瀏覽體驗上，資訊架構缺乏規劃，導致數據資料複雜而不易閱讀，另一方面是操作流程未考量角色行為、真實情境，導致使用者找不到能對應角色需求的功能。
(1) 考量角色行為需求
(2) 人性化操作模式
(3) 易讀的資訊架構
02｜構思解決方案
概念發想
在發想概念草圖的過程中，除了對產品功能和設計進行探索和構思外，更著重與開發團隊密切溝通，充分瞭解產品的目標和使用情境，並且考慮設計的實用性和可實現性。
細化架構與操作流程
我們大量進行競品分析，跨足金融、證卷、 ERP、CRM 等產品，藉此瞭解競品優勢外，也觀察用戶行為模式、使用習慣以及偏好，我們也從中觀察到目前產品所欠缺的面向，下列四大方向是本次專案的設計重點：
功能擴充性
更有彈性的架構
建立系統化
一致化使用體驗
資料視覺化
資訊的易讀性
元件優化
強化重複使用性
Prototype 原型測試
團隊共同進行原型測試，並且提供及時反饋和改進建議，在討論的過程中，團隊成員可以對設計進行評估，涉及到設計細節、功能實現方式、操作體驗、界面設計、性能和可用性等方面，發現問題或假設問題情境，確保設計方案符合真實需求，最終在迭代的過程中達成共識。
03｜設計實例
問題 ➊：不同角色的需求
使用情境隨著用戶階級不同，在操作習慣上也會有所改變， 而現有資訊架構並未針對「角色需求」做出相對應的設計策略，在功能上也沒有資料篩選機制。 以下圖使用情境為例，該管理層有明確的使用目標：「希望知道業績的排名、哪一項商品最為熱賣」， 但從用戶的操作動線發現，他必須在 APP 上探索、反覆查找，消耗一段時間後才能完成目標。
設計概念
增加「自訂與排序」功能，使不同階級用戶可自訂想呈現的主要資訊，例如：在管理層的資訊畫面中，可以將業績排名和商品熱賣情況作為主要資訊呈現，並加入資料篩選機制，讓管理層可以更快速地找到自己需要的資訊。對於其他角色的用戶，也可以根據其操作習慣和需求，設計不同的用戶介面和資訊呈現方式。
考量使用者的閱讀習慣和行為，使用人類的語言系統「由左至右瀏覽」，表格式系統便於比較和分析資料、易於篩選和排序等優點，使用者可以快速定位到所需資訊，在設計上更重視資料的呈現方式，運用視覺圖表、將資訊模塊化，讓資訊有對比性外，能夠迅速抓到差異性。
最終呈現
問題 ➋：搜尋功能
庫存模組是門市人員時常使用的產品功能，當不同消費者查找商品時，門市人員能通過 APP 快速找尋商品庫存，然而他們面臨的操作痛點是：「輸入商品貨號卻找不到商品」、「手動輸入編號卻時常出錯」、「無法用其他篩選維度找商品」等。
設計概念
針對不同的用戶場景設計相應的資訊架構和介面，例如：對於門市人員，將搜索和聚焦關鍵字的功能集成到主要介面中，方便人員快速查找商品，新增篩選條件，可以根據所設條件漏斗式篩選商品，同時也加入了更自動化的搜尋功能：拍攝商品條碼，提高用戶查找商品的效率。
最終呈現
04｜核心樣式
圖標現況問題
為了降低使用者的理解成本，需要建立一套明確的圖示規範系統，以解決現有圖示語彙不明確、視覺轉場無連結性等問題。因此，可以透過對圖標語彙的研究，選擇更加熟悉且易懂的圖案，以確保符合當前的語境和設計目標。
圖標設計
使用語彙明確的圖形呈現圖標，簡潔、圓潤的線條透過顏色渲染，讓視覺更具科技感，以強調整體的設計風格一致性，同時適應不同的應用場景。
Typography 系統
選擇等寬、Tabular figures 字型，它們利於閱讀和視線飛越， 尤其是在行與行之間校對、資訊對齊等， 都大幅提升閱讀力、編輯速度。
等寬字體應用實例
「非等寬字型」在校閱時，視線無法對齊，容易造成單位錯亂，而「等寬字型」則利於閱讀和校閱，等寬字型也多應用於需要呈現大量單位、數據、數字等產品，例：金融相關、程式編輯。
色彩系統設計
Color emotion guide 將眾所皆知的公司徽標做成一系列分類， 其中以紫色使用度占比最少，藍色為最大宗。 紫色色彩認知為：智慧、想像力、科技創新等意象，正是我們想傳達的品牌意象。
動態設計
透過採用 Cyberpunk 與科技風格的視覺設計，以及在交互上添加動態效果，可以為引導與功能導向的頁面注入情感元素。
05｜模組介紹
虛實整合
無論是來自線上或線下的管理者，都能通過數位化協作提升工作效率，不僅共享線上至線下數據，也能查找特定數據來針對品牌營運做深入評估及策劃。
電商模組
掌握線上品牌數據，從交易到商品數據、訂單管理、消費者來源，用戶透過數據找出銷售商機。
競品模組
協助企業瞭解競業優劣勢，交叉比對數據，進而做出相對應的經營策略。
人事模組
管理企業人力資源，可依企業組織規模、需求，客製化系統規格。
專案成果
產品的轉型與定位都需不斷進行市場評估及迭代，本次的專案我們媒合市場需求，重塑產品資訊架構 、新增功能，釋出產品全新形象與定位，也因此更嚴謹驗證產品的使用體驗，並保持產品的可維護性，這次的成果使產品觸擊率提升，也為超過 300 家企業導入 ERP 系統，加速企業商業行動力。
訂閱數增加 20%
企業整合實績 300+
用戶滿意度上升 80%
