帳號整合

只需透過單一帳號,即可順暢使用多項 BenQ 服務

專案時長

Sep 2022 - Jul 2024

團隊

2 位 UX 設計師
2 位 GUI 設計師
6 位軟體工程師
1 位 QA 工程師
1 位產品經理
1 位專案經理

我的角色

UX 設計師

  • 設計使用者流程、資訊架構、介面流程及線框圖

  • 為三個帳號系統提供 UX 文案

  • 進行設計測試

  • 促進利害關係人達成共識

背景

各自獨立的帳號系統,導致使用者需要多次註冊帳號,並造成不一致的使用者體驗

在使用 BenQ 提供的不同服務時,使用者需要分別為各個服務註冊帳號,因為這些帳號系統是由不同部門所建立與擁有的。此外,每個帳號系統的登入流程和介面都有顯著差異,導致使用者體驗和品牌形象不一致。

目標

重新設計使用者介面與登入流程,為帳號資料庫的整合奠定基礎

1

流程整合

重新設計三個帳號系統的登入流程,簡化並統一流程,以提供一致的使用者體驗。

1

流程整合

重新設計三個帳號系統的登入流程,簡化並統一流程,以提供一致的使用者體驗。

2

內容對齊

統一所有登入流程中使用者提供資訊的內容與格式,確保資訊清楚且一致。

2

內容對齊

統一所有登入流程中使用者提供資訊的內容與格式,確保資訊清楚且一致。

3

資料庫整合

與產品經理和工程師合作,推動帳號資料庫整合,以實現統一的帳號管理。

3

資料庫整合

與產品經理和工程師合作,推動帳號資料庫整合,以實現統一的帳號管理。

使用者流程

設計使用者流程以確保流程的一致性

雖然每個帳號系統的樣式和單一登入選項可能略有不同,但必須遵循共同的使用者流程,來確保使用體驗的一致性。

優先顯示必填資訊

所有帳號系統所需的註冊資訊,包含電子郵件、姓名、密碼,以及條款與政策勾選框,皆應優先顯示。

接著顯示驗證管理員帳號的特定資訊

在 B2B 服務中,註冊企業帳號需要提供額外資訊。由於企業帳號會擁有管理員權限,因此在註冊過程中必須驗證管理員的資訊。此特定資訊應在使用者填完共同必填資訊後顯示。

在首次登入後顯示補充問卷

在 B2C 服務中,註冊一般用戶帳號時,需要蒐集額外資訊以優化個人體驗。為了縮短註冊與登入流程,讓使用者能盡快使用軟體,我決定只在使用者首次登入系統後,才顯示補充問卷。

設計亮點

建立詳細的 UI 流程,以確保三個帳號系統擁有一致的使用體驗與品牌形象

確立使用者流程和資訊架構的共同規則之後,我為三種帳號系統設計了登入和註冊流程的詳細 UI 流程,涵蓋帳號註冊、登入、單一登入 (SSO)、密碼重設、會員電子郵件以及雙重驗證。

亮點 1

設計登入流程,只需一個帳號即可順暢使用多項服務

擁有商業帳號的使用者可以直接登入 B2B 和 B2C 服務,而擁有個人帳號的使用者則需要提供額外資訊才能使用 B2B 服務。我設計了這些特定的流程,讓使用者可以使用單一帳戶登入 B2B 和 B2C 服務。

亮點 2

優化單一登入流程,以簡化登入步驟並連結現有帳號

原本的流程在透過社群帳號登入後,仍需填寫註冊資訊,與使用者希望快速登入的目標相衝突。因此,我重新設計了 SSO 流程以簡化步驟,並支援已註冊的使用者將社群帳號連結至現有的 BenQ 帳號。

亮點 3

重新設計了四封會員信件,以提供更全面的資訊,並採用更具親和力的語氣

我重新設計了 UI 版面配置和 UX 文案,透過新增收件人姓名、精簡標題與內容,以及更新寄件人名稱和頭像照片,以提升易讀性並維持品牌一致性。此外,我與 GUI 設計師合作,優化 CTA 按鈕和整體電子郵件的視覺風格。

挑戰

多方利害關係人使得跨部門協作變得複雜

由於帳號系統歸屬於不同部門,因此涉及了兩個研發部門和五個事業部門的眾多利害關係人,如何整合並達成所有利害關係人的共識是最大的挑戰。

設計之外

在兩個研發部門與多個利害關係人之間擔任協調角色,以推動帳號整合

在整合計劃上與利害關係人達成共識

我透過製作簡報、舉辦會議、拍攝介紹影片,以說明帳號整合計劃並鼓勵相關利害關係人採取後續行動。

在整合計劃上與利害關係人達成共識

我透過製作簡報、舉辦會議、拍攝介紹影片,以說明帳號整合計劃並鼓勵相關利害關係人採取後續行動。

進行設計品質驗證以確保設計完整性

我與 QA 工程師和專案經理協作,測試了每個帳號系統註冊與登入流程的黃金路徑(Golden Path)。

進行設計品質驗證以確保設計完整性

我與 QA 工程師和專案經理協作,測試了每個帳號系統註冊與登入流程的黃金路徑(Golden Path)。

成果

使用者現在可以透過單一帳號來使用 BenQ 服務,並享有整合一致的體驗

B2B 和 B2C 服務帳號資料庫已完成整合,命名為 BenQ Connect。目前至少有三個事業部門正在推行帳號整合計劃,此外,雙方研發部門也正在進行官網帳號系統的整合。

學習反思

透過呈現現況成果來獲取支持

推動帳號整合的主要挑戰在於跨部門協作,我意識到在要求利害關係人投入資源前,需要先呈現目前進度並提供明確指引。透過展示現況成果,讓利害關係人對專案更有信心,這次經驗強化了我在設計時進行全面及邏輯思考的能力。

下個專案

透過 B2B 電商網站的信用額度設計,促進準時付款

Copyright © 2026 Hsiao-Yeh Yang