在本文中，作者對(duì)泛娛樂微信店改版設(shè)計(jì)進(jìn)行了總結(jié)，有很多值得借鑒的地方，與你分享，enjoy~

1. 項(xiàng)目背景

1.1 “泛娛樂微信店”是什么？

泛娛樂微商店是計(jì)費(fèi)平臺(tái)部為公司所有虛擬業(yè)務(wù)提供和服務(wù)的一個(gè)付費(fèi)渠道，是微信錢包中一個(gè)便捷的泛娛樂業(yè)務(wù)付費(fèi)入口。

1.2 為什么要改版？

這些年，微信錢包布局的服務(wù)o2o已經(jīng)滲透到生活中的方方面面：購(gòu)物、網(wǎng)貸、理財(cái)、城市服務(wù)……成功為用戶帶來了便利的服務(wù)體驗(yàn)。

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

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

改版需要解決三大問題：

（1）現(xiàn)有付費(fèi)用戶：商店框架與流程不方便快速找商品

PS：公司業(yè)務(wù)按照程序?qū)崿F(xiàn)邏輯分為：游戲幣、道具、包月。而這些都是實(shí)現(xiàn)模式

游戲幣模式，即虛擬貨幣模式
包月模式，即訂閱，到期扣費(fèi)包月模式
道具模式，即單品購(gòu)買

（2）潛在付費(fèi)用戶：根本不知道微信有入口

（3）基礎(chǔ)功能缺失

雖然微信店經(jīng)營(yíng)了多年，但是身為一個(gè)商店，由于歷史原因，依然有很多基礎(chǔ)功能（如交易查詢、包月到期查詢等等）缺失。因此這次需要完善這些基礎(chǔ)功能。

2. 如何解決問題

2.1 設(shè)計(jì)目標(biāo)

在已知問題之下，設(shè)計(jì)開始針對(duì)已知的體驗(yàn)問題進(jìn)行解決，因此設(shè)計(jì)定下以下目標(biāo)：

2.2 設(shè)計(jì)過程

（1）怎樣提升付費(fèi)效率？

① 合理的分類設(shè)計(jì)：從程序?qū)崿F(xiàn)模型到用戶心理模型

② 便捷的流程設(shè)計(jì)：通過推薦與搜索，提高用戶檢索效率

對(duì)應(yīng)的布局設(shè)計(jì)

（2）怎樣進(jìn)行品牌教育？

① 合理的觸點(diǎn)，適時(shí)進(jìn)行用戶品牌教育

② 通過運(yùn)營(yíng)設(shè)計(jì)，透過好友關(guān)系鏈，老用戶分享優(yōu)惠券，拉攏新用戶。向新用戶傳遞商品價(jià)值觀

（3）補(bǔ)全基礎(chǔ)功能，建立一個(gè)服務(wù)一體化的虛擬商店

作為一個(gè)微信中便捷的虛擬商店，可以類比實(shí)體店中的便利店。快捷購(gòu)物是商店的核心。因此這個(gè)過程中我們也補(bǔ)充相應(yīng)基礎(chǔ)功能，建立一個(gè)一體化的虛擬商店。

3. 視覺設(shè)計(jì)

3.1 統(tǒng)一的商店體系色彩

利用騰訊充值品牌延展出商店體系的色彩，加深用戶對(duì)品牌的印象（和新版微商店一致），讓用戶清晰的知道這里是官方的虛擬商店

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

在不影響其合理分類的基礎(chǔ)上，用模塊卡片化結(jié)合錯(cuò)落排列的方式來突出頁(yè)面主要模塊的層級(jí)，同時(shí)用垂直的視線引導(dǎo)用戶閱讀內(nèi)容信息，使用戶更聚焦于主要操作，同時(shí)方便用戶快速找到所需業(yè)務(wù)，提高付費(fèi)效率

3.3 制定控件與規(guī)范，排列組合，適配全量業(yè)務(wù)場(chǎng)景及功能

制定全量業(yè)務(wù)的專區(qū)頁(yè)規(guī)范，業(yè)務(wù)可根據(jù)需要排列組合，為多種業(yè)務(wù)模式提供可復(fù)用的模板，同時(shí)制定運(yùn)營(yíng)banner規(guī)范，統(tǒng)一整體頁(yè)面風(fēng)格。

最終方案呈現(xiàn)

本文來源于人人都是產(chǎn)品經(jīng)理合作媒體@騰訊CDC，作者@heychen

題圖來源于作者