DENG 後台

#UI

✧ Role

✧ Date

✧ Tools

UI Design / Interaction Design / Web Design

2021

Figma. Zeplin

✧ Client

香港保經公司

保險經紀人系統,依照各公司需求選擇模板套用。以大多數的保險經紀公司可以直接使用為出發點,讓Web以及App都可以共用不需其他設定即可連動。與使用者及工程師溝通,做出適合各公司業務與主管的使用模式,減少個別客製化的時間與金錢成本。

​產品背景

搜集客戶舊有系統的優缺點,構想新模組化系統該如何整合調整、改善及優化程式和設計。
站在使用者的角度思考,為保經系統提供更多價值。

​登入後管理職能看見目前公司的業績營運以及人員相關狀態。

問題及解決方案

舊有電腦版的系統人員管理模式使用樹狀圖,因公司人員人數眾多在載入時眼花撩亂且載入緩慢、尋找組織與人員時不順,造成不好的使用者體驗。

在新版的系統中,依照性質不同提供對應管理介面,使用類資料夾的模式層層分類,人員依工作內容分別後以層級與直屬關係做排列,也可依照層級搜尋,讓使用者在使用上獲得更流暢的體驗。

系統設計原則


1>系統整合
以往保經系統將多種功能分開拆解成多個,整體設計及風格皆不一致,並有著功能重複卻不同步的問題存在,本次系統設計將舊有系統功能統整,一一精準篩選合併,讓使用者在操作各項功能時有一致的體驗。

 

2>易用性

保經系統使用者需快速操作業務內容,除了使用上必須是清晰直覺的,也確保相重要功能以他們習慣的方式作呈現,若有更新功能使用模式,必須確保其效率是有所提高的。

 

3>清楚明確的

系統上的資訊十分繁瑣且細節,多數數據不可省略,雖資訊量龐大,但在視覺上必須清楚且明確的呈現。

guide2.png

定義一個基本的設計系統來提高設計上的一致性。

1/3

所有相關後台設定皆使用簡單又直覺的模式,讓使用者可以迅速上手。

專案成果

從頭開始研究客戶舊有的保經系統網站,與PM、工程師討論,將雜亂的系統頁面一一做整合,設定網站 guideline,使其他客戶在購買此系統時能依照個別公司識別做專屬調整,或是後續的客製化修改。