在本文中，作(zuò)者對泛娛樂微信店(diàn)改版設計(jì)進行(xíng)了總結，有(yǒu)很(hěn)多(duō)值得(de)借鑒的地方，與你(nǐ)分享。

一、項目背景

1. 「泛娛樂微信店(diàn)」是什麽？

泛娛樂微商店(diàn)是計(jì)費平台部為(wèi)公司所有(yǒu)虛拟業務提供和(hé)服務的一個(gè)付費渠道(dào)，是微信錢(qián)包中一個(gè)便捷的泛娛樂業務付費入口。


2. 為(wèi)什麽要改版？

這些(xiē)年，微信錢(qián)包布局的服務 o2o 已經滲透到生(shēng)活中的方方面面：購物、網貸、理(lǐ)财、城市服務……成功為(wèi)用戶帶來(lái)了便利的服務體(tǐ)驗。

計(jì)平在錢(qián)包中的泛娛樂業務付費入口，既為(wèi)用戶付費提供了便利，也促進了公司營收。

但(dàn)是泛娛樂微信店(diàn)在經營多(duō)年之後，問題也逐漸出現，因此我們進行(xíng)了一次設計(jì)改版，讓這個(gè)虛拟商店(diàn)繼續更好地為(wèi)用戶服務。

改版需要解決三大(dà)問題：

現有(yǒu)付費用戶：商店(diàn)框架與流程不方便快速找商品


PS：公司業務按照程序實現邏輯分為(wèi)遊戲币、道(dào)具、包月。而這些(xiē)都是實現模式。

遊戲币模式，即虛拟貨币模式。

包月模式，即訂閱，到期扣費包月模式。

道(dào)具模式，即單品購買。

潛在付費用戶：根本不知道(dào)微信有(yǒu)入口


基礎功能缺失

雖然微信店(diàn)經營了多(duō)年，但(dàn)是身為(wèi)一個(gè)商店(diàn)，由于曆史原因，依然有(yǒu)很(hěn)多(duō)基礎功能（如交易查詢、包月到期查詢等等）缺失。因此這次需要完善這些(xiē)基礎功能。

二、如何解決問題

1. 設計(jì)目标

在已知問題之下，設計(jì)開(kāi)始針對已知的體(tǐ)驗問題進行(xíng)解決，因此設計(jì)定下以下目标：


2. 設計(jì)過程

怎樣提升付費效率？

合理(lǐ)的分類設計(jì)：從程序實現模型到用戶心理(lǐ)模型。

便捷的流程設計(jì)：通(tōng)過推薦與搜索，提高(gāo)用戶檢索效率。


△ 合理(lǐ)分類設計(jì)


△ 便捷流程設計(jì)


△ 對應的布局設計(jì)

怎樣進行(xíng)品牌教育？

合理(lǐ)的觸點，适時(shí)進行(xíng)用戶品牌教育。

通(tōng)過運營設計(jì)，透過好友(yǒu)關系鏈，老用戶分享優惠券，拉攏新用戶。向新用戶傳遞商品價值觀。


△ 合理(lǐ)觸點


△ 擅用運營設計(jì)

補全基礎功能，建立一個(gè)服務一體(tǐ)化的虛拟商店(diàn)

作(zuò)為(wèi)一個(gè)微信中便捷的虛拟商店(diàn)，可(kě)以類比實體(tǐ)店(diàn)中的便利店(diàn)。快捷購物是商店(diàn)的核心。因此這個(gè)過程中我們也補充相應基礎功能，建立一個(gè)一體(tǐ)化的虛拟商店(diàn)。


三、視(shì)覺設計(jì)

1. 統一的商店(diàn)體(tǐ)系色彩

利用騰訊充值品牌延展出商店(diàn)體(tǐ)系的色彩，加深用戶對品牌的印象（和(hé)新版微商店(diàn)一緻），讓用戶清晰地知道(dào)這裏是官方的虛拟商店(diàn)。


2. 主要模塊卡片化-突出最主要內(nèi)容的層級

在不影(yǐng)響其合理(lǐ)分類的基礎上(shàng)，用模塊卡片化結合錯落排列的方式來(lái)突出頁面主要模塊的層級，同時(shí)用垂直的視(shì)線引導用戶閱讀內(nèi)容信息，使用戶更聚焦于主要操作(zuò)，同時(shí)方便用戶快速找到所需業務，提高(gāo)付費效率。


3. 制(zhì)定控件與規範，排列組合，适配全量業務場(chǎng)景及功能

制(zhì)定全量業務的專區(qū)頁規範，業務可(kě)根據需要排列組合，為(wèi)多(duō)種業務模式提供可(kě)複用的模闆，同時(shí)制(zhì)定運營 banner 規範，統一整體(tǐ)頁面風格。