介面設計

RWD 響應式設計

設計元件庫

設計系統

Web Design•2022年6月-目前

後台管理系統 - 提高開發效率及設計品質

專案期間

1年

擔任角色

UI/UX Designer+PM

成果產出

功能流程規劃、設計完稿、工程交付

設計平台

Web

專案說明

這是我們「ChongPuu 寵僕 App」的後台系統,為了讓內部人員可以便利、且效率的來執行及管理,並讓前端直接串 API。

以下是後台系統的主要功能與說明:

TA 目標族群

內部人員(開發人員、設計師)。

管理用戶帳號

當用戶帳號出現異常時,內部人員將透過後台來進行管理及刪除。

回覆用戶問題

根據用戶透過聯絡客服,所提出的「移除帳號、檢舉、其他問題」來進行處理及回覆,也分類出已處理及未處理,讓內部人員能即時回覆用戶的問題,並保存重要資訊。

發佈寵物相關活動

新增或編輯所收集的公開寵物活動,讓前端可以直接串 API,並分類出未發佈與已發佈,讓內部人員能快速瀏覽。

設計各種 UI

根據 TA、確認工程所需要的尺寸及後台目的性,我以以下 4 點為設計方向:

1

功能清楚

2

操作便利好管理

3

縮短開發時程

4

RWD 響應式

根據 TA、確認工程所需要的尺寸及後台目的性,我以以下 4 點為設計方向:

1

功能清楚

易操作與管理

易操作
與管理

2

3

縮短開發時程

縮短
開發時程

4

4

RWD 響應式

RWD
響應式

依照功能需求,我設計幾款 UI,與工程團隊進行討論,並進行設計反思與優化調整。

(確認需求目標後,即開始設計後台 UI)

學習與反思

這是我第一個設計後台介面的 UI,在定義需求、目標後,於交付時程內進行多方設計。

我發現,在幾款 UI 裡,當下的功能是可以被滿足,卻可能會在未來的「擴展性」上會出現問題,並造成工程團隊的負擔,及應使用更適合網頁操作的 Component,以達到「易用性」。


透過此專案,我學習到:

未來的擴展性

即使當前的功能需求尚不多,仍須考量到未來的擴展使用性,讓團隊後續的實作上,不需要再花費更多時間也能有效率的延續設計。

操作的易用性

再更多研究與了解網頁常用的操作模式,讓操作上更為簡單且便利。

下一個專案

動物記帳園 App

輕鬆的來規劃每次記帳
更多專案細節

回首頁

謝謝閱讀!Thank You !

謝謝閱讀!Thank You !