財經相關UIUX design

Page 1












Web-App1 第三個作品:MINIcool systems 流程設計與介面調整

MINIcool system 作品介紹: 1. 客戶背景: 承作品2,客戶想以本身有的針對醫療產業的物料管理系統增加功能轉型成針對中小企業的「進銷存 軟體」,跨足中小企業進銷存系統版圖。

2. 背景市場: a. 市場上的進銷存軟體各自有各自的主要客群:主打串接網購、50人以上規模進銷存軟體...等 b. 中小企業的產業別差異非常大,各自需要的細節功能不同,因此尚未有以「基本需求」為主的進 銷存網頁系統。。

3. 我的協助: a. UX 設計: i.

完成PM需求,規劃符合現有架構的流程改善。

ii.

製作流程圖 (flow chart)。

iii.

重新設計modal流程。


b. UI 設計:

c.

i.

逐步迭代產品部件,使之逐漸與原物料管理系統產生樣式迭代。

ii.

UI flow、wireframe

iii.

重新規劃、設計modal樣式。

iv.

規劃手機版進銷存軟體。

兼任 Product manager: i.

製作產品架構圖。

ii.

規劃產品時程表。

客戶需求: 1. 退貨流程規劃與設計 2. 付款金流紀錄相關流程規劃與設計 3. 驗貨流程規劃與設計 4. 庫存商品顯示設計 5. 操作歷程規劃與設計 6. 手機版介面規劃與設計

困難與挑戰: 1. 新舊功能迭代時,會產生相關工程問題 2. 在工作之餘,訪談有ERP經驗的人,了解進銷存、ERP、物料管理相關的產品性質與相關操作核心目 的。 3. 在工作之餘,近一步了解進銷存競品的銷售方式、介面規劃、客戶產品的優勢與劣勢。 4. 蒐集市場上進銷存相關單據,深入了解ERP相關產業細節。 5. 其中「退貨」相關流程與設計,牽動到系統所有頁面與功能,需要完整了解系統架構,在尚未有足

間完整了解產品時,產生了不少重工問題。 6. 客戶對於部分產品功能定義不明,產生規劃困難。 7. 一人獨立完成多個項目(完成功能規劃、流程設計、介面設計、溝通協調)尚未熟練,未即時反應與回 報。


成果: 1. 透過設計手法,解決新舊功能迭代時產生的相關工程問題 2. 配合時程,將原物料管理軟體調整成可通用中小企業的進銷存軟體。 3. 配合時程,與工程師共同解決工程與設計問題,快速推上新設計,蒐集顧客體驗回饋。 4. 規劃符合網頁風格的新系統介面。 5. 透過團隊合作與溝通協調,將時間誤差降到最低。 6. 指導 Junior UI/UX 相關設計方法。 7. 提供行銷人員,設計思考相關內容,讓行銷人員從使用者的角度規劃行銷。

圖片:

MINIcool system

Dashboard

-


Web-App2 第四個作品:OPHI 系統調整

OPHI Dashboard - (

)

作品介紹: 1. 客戶背景: 客戶公司的主力產品:OPHI 物料管理系統。目前已上線一年,取得用戶回饋後,需要根據用戶回 饋,給予恰當的介面與流程全面優化與日後產品迭代相關設計。

2. 背景市場: 醫療產業中,to B的醫療產品管理系統尚未有一家獨大的狀況。

3. 我的協助: a. UX 設計: i.

提供UX Design專業建議給Junior PM。

ii.

完成PM需求,規劃符合現有架構的流程改善。

iii.

製作流程圖 (flow chart)給工程師作為文件。

iv.

完整改版整體軟體顯示、操作流程,讓優化後產品每頁流程邏輯相同。


b. UI 設計:

c.

i.

12隔線(12 column grid)建置。

ii.

Design Guideline建置。

iii.

個別專案UI flow、Wireframe、Mockup。

iv.

規劃與製作RWD頁面。

v.

規劃與製作共用元件(Component)。

協助 Junior PM: i.

製作產品架構圖(Functional Map)。

ii.

製作產品文件。

客戶需求: 1. 系統導覽頁面設計 2. 系統新

冊用戶驗證流程設計

3. 系統Component整理與設計 4. Dashboard設計 5. 共用元件定義與規劃 6. RWD規劃 7. 公版規劃 8. 整理手機版共用元件與規則

挑戰與目的: 1. 協助 Junior PM 提供的文件以圖面的方式提供給工程師作為文件參考。 2. 協助 Junior PM 理解設計與工程相關內容。

成果: a. 共用元件與相關流程定義:2週 b. 完整定義產品Design Guideline:2週。 c. 有效與PM、工程師溝通共同解決工程與設計問題。


圖片:

---以上為近一年參與專案內容---


Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.