2021 - 2023 · 使用者體驗設計師 · 月訂單 150 萬筆 · 5800+ 間品牌商店

整合優化電商客戶管理系統

產品設計
產品優化

專案簡介

團隊目標
優化操作體驗,梳理複雜的系統架構,統一設計語言增加未來擴展彈性。
角色與產出
與產品經理、工程團隊密切合作。負責整個設計流程與設計產出,從釐清需求、設計策略到交付視覺介面。
專案挑戰
超過三個平台串接,使用角色包含內部使用者與品牌商戶,實際操作情境複雜。
專案成果與影響
更新整合三個平台超過 10 個功能,影響 5,800+ 家品牌商戶,同時用戶也給予了許多正面回饋。

設計背景

香港最大電子商務公司,推出 B2B2C 電子商貿方案

HKTVmall 服務內容包含電商平台、實體商店、倉儲服務及物流管理。在商業範圍擴大的過程中,建置各種軟硬體系統,五年來產品架構已經擴增許多,複雜且混亂,為了因應新的商業規劃,優化介面與調整龐大的產品架構成為首要任務。
4 photos about HKTVmall
2020 年當時,我加入新的公司事業體,預計將系統優化整合,以成為新事業的基礎;原有的產品功能過於分散,操作介面複雜,許多既有用戶抱怨系統不易操作,也導致供內部工作同仁工作量大幅增加
設計優化流程
1
梳理盤點介面
藉由產品了解功能流程,盤點介面與建立流程圖。
2
協調優先順序
與專案經理釐清商業目標及資源,協調項目的優先順序。
3
規劃設計策略
針對設定的執行項目,制定設計方向與優化策略。
4
設計介面產出
調整操作流程,設計符合品牌風格的介面。

從電子商務產品、後台管理系統及物流管理系統中…

我們進行了超過 300+ 的介面盤點,以了解產品的全貌與架構。公司發展初期,由於過去產品快速開發,因此功能文件有所缺失,以下是我們發現的問題

① 設計元素不統一,影響用戶理解

產品開發過程中,沒有遵循統一的設計規範,不同平台個別優化成長,導致使用者在每個產品間獲得不一致的操作體驗,而龐大的管理需求,讓使用者來回不同產品時,需要花費更多的時間學習、理解。

② 功能分散在不同流程或平台

由於快速發展,有些相似或者相關聯的功能沒有整合,導致使用者依工作流程處理事務時,需要在不同的平台來回操作處理。

③ 操作區塊不明顯,缺乏說明資訊

產品操作包含許多隱性規則,比如:海外訂單無法呈現出貨時程,只能夠備註資訊。平台寄送商品與商戶寄送商品操作流程不同,多筆訂單同時勾選,因條件不同無法操作,但是畫面資訊卻沒有說明。電子商務管理需要擁有產業相關知識,導致人員學習及操作有一定的學習成本,而原有介面缺少引導與說明,加長了學習的時間。

設計目標

一致的產品體驗

在與專案經理、設計團隊及工程團隊幾次討論之後,我們確認了優化的時間、資源及技術上可行的範圍,專案目標是提供一致的產品介面以及更好上手的操作體驗,對於每天都要處理大量操作的使用者來說更方便使用,它包含了:

統一設計語言及體驗

使產品帶來更一致的理解與操作體驗,同時擴展新的商業模式,我們提出建立產品設計系統的想法,在團隊內與產品上推動執行,這讓設計團隊減少了執行時間約 30% ,也為使用者帶來品牌認知與良好體驗。

簡化的產品流程

從調整側邊欄開始,我們整理了分類架構,讓相關任務可以輕易的被找到。在操作訂單、優惠設定、合約條款等等功能中,釐清主要任務與其他任務,將任務流程簡化並利用介面互動引導使用。

更好瀏覽更清楚的資訊內容

為了讓任何使用者縮短學習時間,我們加入了說明區塊,並使用清晰好懂的排版與元件引導用戶理解平台功能。

成果

為商業模式打下良好基礎,減少開發成本

在這個過程中我們開發了屬於品牌的設計系統,這些元件成為我們執行產品設計的實際指南,可在 App 、 Web 以及觸控裝置上使用。 產品改版上線後,我們從使用者身上聽到許多良好的反饋:包括內部使用者及原有商戶。新的資訊架構及產品介面受到領導層和其他團隊的好評。

設計過程

發展設計文化與制定設計策略

1
與團隊一起定義設計策略

收集用戶回饋,了解任務流程

與產品經理密切合作,收集使用者的回饋:

① 『流程不明確』:現行畫面將所有功能放在同一個頁面,用戶不確定功能流程,容易迷失在畫面中。

② 『沒有說明』:現有資訊不足,需要記錄操作及狀態,讓用戶可以依資訊決策下一步。

提出解決方案與策略

我們透過使用者反饋,討論現有問題。接著與團隊腦力激盪,提出多種簡化流程、提升資訊說明的解決方案。在實施階段,我們注重可行性,採用可複用的素材與元件。最後,透過內部測試與迭代,不斷優化產品,確保產品持續滿足用戶需求。

協調項目優先順序

我們確保每個項目的商業價值與公司目標一致;其次,評估商業需求和市場環境來調整項目優先順序。同時考慮資源分配和時間限制,確保項目能夠在時間內完成。最後,透過持續評估、隨時調整順序,讓產品設計適應變化的市場需求和公司戰略。

2
小步快跑的方式擴展設計系統

輕量靈活的建構方式

新商業模式面向 B2B2C 服務,很明顯地該服務將應用於多個裝置、平台,並由一般用戶和商務客戶使用。因此,需要一個設計系統來保持開發的一致性和效率。在營運與開發新商業模式的情境中,我們從輕量的元件開始擴展,最終成為未來優化的基礎。

3
設計理想的使用者旅程

我們參考其他相似產品的操作流程,確保用戶能輕鬆開始產品旅程。我們發現批量操作對我們的使用者很重要,於是開發時著重批量操作的設計。注重直覺性和易用性,同時,透過即時反饋和介面互動,確保用戶在整個旅程中都能享受到令人滿意的體驗。這有助於建立品牌忠誠度並創造正向口碑。

設計產出

更直覺的工作體驗:動態選項

過去產品操作選項全部呈現給使用者,因此他們需要自行判斷這張訂單可以做哪些操作,如果操作錯誤,需要重新選擇然後確認。當處理大量的訂單管理時,這個過程常常帶來挫敗感,即使公司花費時間在教育訓練以及理解產業邏輯,依然無法降低學習成本。
因此,我們這次設計時,花費較多的時間在整理產品邏輯與條件,我們設計了由工程調整條件判斷,改變用戶看到的介面,減少使用者作出錯誤操作的可能性,另外也添加了說明區塊,協助用戶理解產品。

專案成果

工作流程的改善,不只是界面與體驗

+30%

團隊設計效率

+90%

設計元件

帶領團隊創建產品設計系統

與產品經理和工程團隊協作,建立使用規則和工作流程

更新專案風格

反思與學習

商業目標與模式的深入探索

過去將近三年的時間裡,我們產出了很多不同功能、裝置的成果,過程中我們經過無數次的討論、執行、分享,不斷地找出解決方案,調整再調整。在設計產品上,很多問題都沒有一個絕對的答案,只能在與產品經理、工程團隊、測試團隊一同尋找更適合的方法,嘗試比現在更好的流程。

透過深刻理解公司的商業目標,能夠將設計決策對齊並支持這些目標的實現。同時,研究市場模式和競爭環境,有助於發現新的創新點。這種深入的探索能夠為設計提供更有深度和前瞻性的方案,確保產品不僅滿足用戶需求,更在商業上帶來助益。綜合思考的方法可以建立出既實用又具有競爭力的設計。

在執行項目的同時,我也了解到如何更有效率的推動目標前進,詳細的事前研究調查,與主管及各個部門溝通,瞭解部門的資源與難處,過程中快速地調整方向,讓大家在沒有負擔且有益的目標下執行,以達成目標。

最後,團隊中的每個人擁有一致的目標與解決的問題的心態,這樣整個團隊就能打造一個良好的工作氛圍與環境,在許多限制下也能創造很棒的產品。這個專案幫助我進一步執行我的想法,找到商業與設計之間的平衡,同時也和團隊建立了更深的連結。

Thanks For Watching!

回到首頁