KKBOX APP Account & Settings

KKBOX 會員服務整合 - APP 服務端

05-01.jpg

OVERVIEW

KKBOX 集團於 2019 年整合旗下 KKBOX、KKBOX for Kids、KKTV、KKTIX 推出 KKBOX PRIME 會員等級,並針對服務內相關會員資訊呈現及設定加以整併,建構單一的服務入口及統一的操作流程,提升用戶的便利性,並強化品牌形象。

 

PAIN POINT

  • 用戶在選單中,找不到期望的分類及設定項目。

  • 規劃及開發的迭代,導致動線混亂。

  • 版面層次關係不足,閱讀不易;Flow 過多層級,使用複雜。

  • 文案用詞不易理解、語氣亦不夠大眾化。

  • 不同時代的設計,導致 UI 元件的混用或誤用。

05-02.jpg
 

INFORMATION STUCTURE

在突顯 PRIME 會員身份的同時,KKBOX APP 中的「更多」頁籤,還必須一併處理其餘龐雜的項目,包含訂閱方案、點數查詢、設定、小工具、其他集團服務、服務中心、必要揭露資訊……等。

過去透過列表呈現,無法有效建立重要性、優先度的層次關係,透過資訊架構的重整,將五花八門的內容以嶄新的樣貌重新提供給用戶。

05-03.jpg
 
 

強化會員身份

在 FREEMIUM、PREMIUM、PRIME 三種會員身份中,透過不同色系的設計,強化會員身份的專屬尊榮感,並清楚呈現方案及點數資訊。

 
05-04.jpg
 
 

功能一目瞭然

透過使用數據分析,將用戶經常性使用的功能與公司策略推廣的項目進行整合,以層次分明的設計區隔出不同段落,佐以圖示強化搜尋記憶。

 
05-05.jpg
 
 

透明的訂閱方案

清楚呈現目前的訂閱項目,並忠實比較不同方案間的權益,用戶可以在 APP 中隨時變更,提供更透明安心的音樂體驗。

 
05-06.jpg
 
 

明確的分類

全新的資訊架構中,讓所有功能都有明確的分類項目,並依照使用頻率安排順序,並在播放器中放置設定的入口。有了良好的層次關係,今後大家不再憑感覺安排位置,用戶也可以輕鬆找到需要的功能。

 
05-07.jpg
05-07-2.jpg
 
 

直覺的設定頁

透過提供用戶直觀的設定方式和即時的反饋,創造良好的設定體驗。整合的項目包含:睡眠定時播放的 Time Picker、歌詞文字大小及音量相關設定的 Slides、選項設定的 Check Icon。

 
05-08.jpg
 
 

跨平台的一致體驗

無論是 Android 的忠實用戶或是 iOS 的愛用者,都可以體驗到無差別的嶄新的設計。設計上保有各系統慣用的元件,同時創造一致性的體驗。

 
05-09.jpg
 

多國語系的版本

KKBOX 在亞洲多國出版上架,無論繁體中文、香港中文、英文、日文,在介面上都能保有相同版型,仰賴著設計期間即時的語系對照工作。

 
05-10.jpg
 
 

CREDITS

Project Manager:June Tsao
Product Designer:Johny Hsieh
iOS Developer:Oliver Huang, Tai-Hsin Lee, Ting-Wei Hsu
Android Developer:Pony Chen, Wendy Lin
Server Engineer:Ya-Ching Lin, Gasol Wu
SQA:Ann Chu, Jay Lin
Client:KKBOX Taiwan Co., Ltd.
Year:2019

 
 
 

DESIGN &
DEVELOPMENT

整個專案總共進行三個 Phase 才完成整體的改版工作。

設計在初期就一次到位完成最終版本,由 PM 評估整體開發進度,搭配不同功能的期程切割出不同 Phase,並新增兩個過渡期的設計樣貌,於開發前提供 PM 及 R&D 確認,除了確保用戶在改版過程中得以逐步適應,更讓開發人員清楚看見最終的整體樣貌。

05-10.png
05-11-1.png
05-11-2.png
 
 
Previous
Previous

NEWS in KKBOX

Next
Next

KKBOX Payment Center