這樣設(shè)計(jì)收費(fèi)功能,交易額噌噌往上漲!
本文從操作流程、定制充值入口、支付頁(yè)面、充值后在頁(yè)面的體現(xiàn)方式、購(gòu)買記錄5方面講述如何設(shè)計(jì)一個(gè)收費(fèi)功能。
在沒(méi)有互聯(lián)網(wǎng)的時(shí)代,買個(gè)菜要去村外的市集,買個(gè)衣服要去三里開(kāi)外的市街、甚至有些市集還是每周來(lái)一次,大家都是一手給錢一手交貨。
隨著互聯(lián)網(wǎng)的發(fā)展,人們?cè)诰W(wǎng)絡(luò)上可以直接訂購(gòu)有需要的東西,買個(gè)柴米油鹽醬醋茶都會(huì)直接送貨上門;訂購(gòu)火車票、電影票都可以在網(wǎng)上購(gòu)買;去購(gòu)物再也不用帶錢,支付寶、微信隨時(shí)移動(dòng)支付
互聯(lián)網(wǎng)已經(jīng)成為人類的生活方式,通過(guò)互聯(lián)網(wǎng)改變了人的出行方式、閱讀方式、生活方式和支付方式。
人們已經(jīng)習(xí)慣了在線上處理生活的方式,然而在這些產(chǎn)品的背后都會(huì)涉及到收費(fèi)。
最近因?yàn)楣ぷ髟?,主要在?fù)責(zé)收費(fèi)功能模塊的產(chǎn)品設(shè)計(jì),今天主要分享一下產(chǎn)品經(jīng)理在設(shè)計(jì)收費(fèi)功能的頁(yè)面中如何體現(xiàn)收費(fèi)環(huán)節(jié)。
下面我分幾個(gè)模塊來(lái)分享:明確操作流程、定制充值入口、支付頁(yè)面、充值后在頁(yè)面的體現(xiàn)方式、購(gòu)買記錄。
一、明確操作流程
在設(shè)計(jì)收費(fèi)功能的時(shí)候,首先要梳理出在你設(shè)計(jì)收費(fèi)的產(chǎn)品中用戶從進(jìn)入頁(yè)面的操作流程。
為什么要梳理操作流程呢?
因?yàn)橹挥心闶崂砬宄擞脩舻牟僮髁鞒?,才能確認(rèn)你要在用戶操作的哪個(gè)頁(yè)面的哪一步中禁止用戶對(duì)某個(gè)功能操作的使用權(quán)限,并給出一個(gè)提示需要付費(fèi)使用,還要給出付費(fèi)的按鈕,讓用戶點(diǎn)擊可以直接跳轉(zhuǎn)到付費(fèi)頁(yè)面。
如果梳理不清楚,或者沒(méi)考慮到這個(gè)層面,就會(huì)導(dǎo)致用戶沒(méi)有購(gòu)買;但在某個(gè)環(huán)節(jié)中依然有權(quán)限使用。
打個(gè)比方:就像是一個(gè)線下店面,你擺了個(gè)收銀臺(tái),但是沒(méi)有工作人員指引,用戶進(jìn)來(lái)拿了件商品就走,你問(wèn)用戶為啥不付錢呢,用戶說(shuō):“要付錢嗎?我不知道啊,要去哪付錢?”。
當(dāng)然,在線下店面中我們都知道任何商品都是要購(gòu)買的。
可是在線上你沒(méi)有提示用戶收費(fèi),用戶還可以繼續(xù)享受他的服務(wù),這種情況下就是我們的失誤了。
下面我拿pc端“當(dāng)當(dāng)云閱讀”網(wǎng)站舉例列舉一下用戶的操作步驟來(lái)分析一下:
1. 用戶登錄/進(jìn)入網(wǎng)站
用戶進(jìn)入網(wǎng)站后展示的是一個(gè)首頁(yè),首頁(yè)主要展示了小說(shuō)的推薦及分類。如上圖,在這個(gè)環(huán)節(jié)中我們可以通過(guò)輪播圖卡片中展示特價(jià)活動(dòng),點(diǎn)擊特價(jià)活動(dòng)可以查看特價(jià)的書(shū)籍.
2. 瀏覽電子書(shū)
這是一個(gè)小說(shuō)平臺(tái),用戶進(jìn)入網(wǎng)站的意圖肯定是想找小說(shuō)看的;而首頁(yè)展示的是電子書(shū)分類,所以用戶進(jìn)入頁(yè)面后第二步就是“瀏覽電子書(shū)”。
我們分析下此步驟是否需要有充值付費(fèi)的提醒,或者什么可以添加什么元素提醒用戶哪些小說(shuō)需要收費(fèi)呢?
此環(huán)節(jié)就像是逛店鋪,只是在瀏覽。用戶還沒(méi)有選到心儀的,所以在這個(gè)頁(yè)面上可以不做收費(fèi)提醒。
如果提醒的話,可以在小說(shuō)封面上去加標(biāo)識(shí)“會(huì)員”、“免費(fèi)”、“特價(jià)”去體現(xiàn),方便用戶第一眼辨別哪些是收費(fèi)的。
還可以直接按照分類來(lái)展示,如果平臺(tái)上大多數(shù)都是收費(fèi)的小說(shuō),我們可以增加一個(gè)“免費(fèi)”分類——就是采用圖片上的效果,在書(shū)籍中增加一個(gè)“價(jià)格”,可以讓用戶一眼就了解這本書(shū)的定價(jià)。
3. 選中電子書(shū)查看簡(jiǎn)介
用戶瀏覽小說(shuō)的下一步就是選中感興趣的小說(shuō)點(diǎn)擊進(jìn)入,查看小說(shuō)的簡(jiǎn)介。
我們?cè)賮?lái)分析下這個(gè)頁(yè)面是否需要有充值付費(fèi)的提醒。
如果這個(gè)頁(yè)面和上個(gè)頁(yè)面是有一樣的,可以做也可不做。
如果不做充值提醒可以直接讓用戶進(jìn)入試讀頁(yè)面,一般在這個(gè)頁(yè)面不做收費(fèi)環(huán)節(jié),因?yàn)樾枰脩糸喿x,閱讀中的試讀功能可以讓用戶更加了解這本書(shū)籍是不是感興趣或有需要的。
如果要設(shè)置的話可以在此頁(yè)面增加一個(gè)“立即購(gòu)買”按鈕,這個(gè)就根據(jù)平臺(tái)的不同來(lái)設(shè)定了。
4. 閱讀電子書(shū)
用戶點(diǎn)擊試讀就進(jìn)入閱讀頁(yè)面了,在閱讀電子書(shū)時(shí)就像我們?nèi)ド虉?chǎng)試衣服,試完了穿著效果不錯(cuò),用戶就需要考慮買不買。
前面幾個(gè)頁(yè)面都可以不設(shè)定收費(fèi)環(huán)節(jié),最后這個(gè)頁(yè)面是一定要設(shè)置的。
在這個(gè)頁(yè)面我們就可以在閱讀章節(jié)最后提示:是否訂購(gòu)本章、章節(jié)的價(jià)格。
點(diǎn)擊“價(jià)格”就可以跳轉(zhuǎn)到訂購(gòu)頁(yè)面”如果這本小說(shuō)是收費(fèi)小說(shuō),我們?cè)诖隧?yè)面沒(méi)有考慮設(shè)計(jì)這樣的收費(fèi)提醒。如果還讓用戶繼續(xù)閱讀的話,就可能會(huì)造成用戶試完衣服覺(jué)得好看直接穿走的情況了。
在圖的右上角還有“立即購(gòu)買”按鈕,一直跟隨頁(yè)面懸浮著,在用戶想購(gòu)買的時(shí)候,減少用戶的操作步驟。
點(diǎn)擊左上角可以進(jìn)行查看目錄,在目錄中可以通過(guò)“可點(diǎn)擊”“不可點(diǎn)擊”兩種效果體現(xiàn)(可點(diǎn)擊進(jìn)章節(jié)頁(yè)面就是可以閱讀的,不可點(diǎn)擊不做跳轉(zhuǎn)就是不可閱讀的)。
5. 退出/關(guān)閉網(wǎng)站
二、定制充值入口
除了在操作流程中體現(xiàn)付費(fèi)環(huán)節(jié),還需要有一個(gè)專門的充值付費(fèi)入口——這個(gè)充值入口就相當(dāng)于線下店面的收銀臺(tái)了。
前面我們已經(jīng)在用戶挑選商品的過(guò)程中引導(dǎo)客戶繳費(fèi)了,也告訴了用戶去收銀臺(tái)怎么走,所以我們也要有這樣一個(gè)收銀臺(tái)。
不然就會(huì)出現(xiàn)一種情況:用戶選中了一本小說(shuō),看了試讀非常喜歡,想要去購(gòu)買,但是頁(yè)面只提示了用戶需要購(gòu)買使用,點(diǎn)擊去“購(gòu)買”也沒(méi)有反應(yīng)。這樣用戶就會(huì)非常生氣,導(dǎo)致用戶流失;
我們清楚了為什么要有充值入口,下面來(lái)說(shuō)一下在充值頁(yè)面都要做些什么:
一般用戶在收銀臺(tái)是購(gòu)買商品付費(fèi)的,有時(shí)候收銀臺(tái)也會(huì)推出很多活動(dòng):例如在超市讓你購(gòu)買儲(chǔ)值卡,一次性充值300元儲(chǔ)值卡里會(huì)有350的余額,或者一次性充值多少金額后以后拿卡消費(fèi)可以打折等,在這里收費(fèi)模式就涉及到了兩種:
- 充值(充值相當(dāng)于預(yù)付款,像上面我們舉的例子,用戶可以達(dá)到一次性充值多少金額后享受某種優(yōu)惠力度。拿線上閱讀平臺(tái)舉例,平臺(tái)會(huì)引導(dǎo)你充值,充值后這個(gè)錢就在我的賬戶里了;)
- 購(gòu)買(購(gòu)買又分為“購(gòu)買電子書(shū)、購(gòu)買月卡(季卡/年卡),其實(shí)就是消耗我賬戶里的金幣去購(gòu)買圖書(shū))
針對(duì)這兩種模式可以有下操作:
- 不定期做充值優(yōu)惠活動(dòng),引導(dǎo)客戶充值,一次性充值或累計(jì)充值指定金額后贈(zèng)送權(quán)益。
- 在購(gòu)買頁(yè)面按照月卡(季卡)去購(gòu)買,購(gòu)買后在這個(gè)時(shí)間內(nèi)全平臺(tái)書(shū)籍都可以閱讀。
- 對(duì)于首次充值購(gòu)買的用戶,可以將降低購(gòu)買門檻。
在這里要注意設(shè)置充值或購(gòu)買時(shí)一定要分清主次,要先清楚你的目的是什么。
比如:我設(shè)置充值入口的目的就是希望用戶提前把錢充值進(jìn)來(lái),用戶可以購(gòu)買小說(shuō)去消耗;如果沒(méi)有這個(gè)充值功能,用戶可能購(gòu)買完一本小說(shuō)看完就走了,用戶的賬戶里有余額,消耗不完就不會(huì)走,可以降低用戶的流失率;
通過(guò)鼓勵(lì)用戶充值適當(dāng)給用戶一些優(yōu)惠力度,對(duì)于用戶來(lái)說(shuō)也是賺到了;
如果說(shuō)你設(shè)計(jì)收費(fèi)的平臺(tái)沒(méi)有這樣的業(yè)務(wù)考慮;而像淘寶一樣,直接購(gòu)買就能滿足,那就不需要在設(shè)計(jì)一個(gè)充值入口了。
(注明:充值和購(gòu)買的概念不是說(shuō)一定要先充值再去購(gòu)買,我們可以通過(guò)充值的方式鼓勵(lì)用戶充值;但如果用戶想要直接購(gòu)買也是可以的,我們?cè)谟脩糁Ц稌r(shí)可以設(shè)計(jì)為用戶在購(gòu)買的時(shí)候一鍵充值)
三、支付頁(yè)面
前面我們講了如何讓用戶知道某個(gè)商品是收費(fèi)的,以及如何到充值頁(yè)面。下面就到了用戶付款階段了;
在用戶付款頁(yè)面體現(xiàn)的內(nèi)容是非常重要的,可以讓用戶核實(shí)訂單信息是否正確,如果發(fā)現(xiàn)有問(wèn)題可以及時(shí)更正;下面我們來(lái)講一下用戶支付的頁(yè)面需要展示的重要幾個(gè)內(nèi)容;
- 購(gòu)買內(nèi)容:具體顯示用戶購(gòu)買的書(shū)籍名稱,在支付頁(yè)面體現(xiàn)也是便于讓用戶再次確認(rèn)購(gòu)買的信息;
- 購(gòu)買類型:有的平臺(tái)會(huì)推出購(gòu)買月卡/年卡的活動(dòng),這個(gè)類型就是標(biāo)明購(gòu)買的是哪個(gè)種類活動(dòng);
- 購(gòu)買金額:需要展示詳細(xì),按照每個(gè)購(gòu)買的內(nèi)容標(biāo)明單價(jià),在頁(yè)面的底部展示總計(jì)金額;
- 購(gòu)買數(shù)量:根據(jù)不同產(chǎn)品展現(xiàn),如購(gòu)買電子書(shū)就不會(huì)有一本電子書(shū)購(gòu)買2本的的情況, ??不過(guò)月卡可以體現(xiàn),可以按照月購(gòu)買,數(shù)量表示為月;
- 購(gòu)買時(shí)間:這個(gè)就是購(gòu)買電子書(shū)的時(shí)間;
- 支付方式:比較常見(jiàn)的支付方式就是微信支付、支付寶支付;種類多一點(diǎn)的就是支持各個(gè)銀行的銀聯(lián)支付(個(gè)別網(wǎng)站消費(fèi)金額過(guò)大的話是需要看公司是否可以支持,這個(gè)可以跟公司的財(cái)務(wù)人員溝通)。
四、充值后在頁(yè)面的體現(xiàn)方式
充值后我們就要考慮它是如何在頁(yè)面中體現(xiàn)的,也就是說(shuō)我付完錢了,需要知道我的付款結(jié)果。
同時(shí)我們要考慮:怎樣在頁(yè)面體現(xiàn),都需要體現(xiàn)些什么內(nèi)容?
如果我們考慮不到,就會(huì)出現(xiàn)這種情況:我明明已經(jīng)付款了,你卻不讓我?guī)ё呱唐贰?/p>
下面我來(lái)分別來(lái)通過(guò)用戶充值成功的反饋?lái)?yè)面,和購(gòu)買成功的反饋?lái)?yè)面來(lái)說(shuō)下用戶付完款后需要顯示的內(nèi)容。
充值成功的反饋?lái)?yè)面
充值成功的反饋?lái)?yè)面需要顯示的信息有:充值狀態(tài)、訂單號(hào)、付款賬戶、充值時(shí)間、充值金額。
購(gòu)買成功的反饋?lái)?yè)面
購(gòu)買成功的反饋?lái)?yè)面需要展示的信息有:購(gòu)買狀態(tài)、賬戶余額、可用余額、購(gòu)買時(shí)間、購(gòu)買金額。
五、購(gòu)買記錄
一般我們?nèi)ト魏蔚昝孓k理儲(chǔ)值卡或者購(gòu)買商品時(shí)都會(huì)有購(gòu)物小票,在線上我們也需要有購(gòu)買記錄功能,記錄用戶在平臺(tái)消費(fèi)的所有訂單記錄。
購(gòu)買記錄的主要作用是追溯,在某些場(chǎng)景里,我們想看一下過(guò)去有多少次的充值行為。
追溯是一種特殊需求,也是一個(gè)嚴(yán)謹(jǐn)?shù)男枨?;盡管使用的人不多,使用的場(chǎng)景不多,但一旦出現(xiàn)問(wèn)題,又不能追溯到的情況下,就容易產(chǎn)生負(fù)面影響。
所以我們?cè)谠O(shè)計(jì)購(gòu)買記錄頁(yè)面時(shí)需要考慮以下幾個(gè)內(nèi)容:搜索(可以讓用戶通過(guò)模糊搜索查詢歷史訂單)、時(shí)間搜索(通過(guò)時(shí)間搜索查詢這個(gè)時(shí)間內(nèi)的訂單)、購(gòu)買的商品名稱、類型、價(jià)格、購(gòu)買時(shí)間。
六、總結(jié)
說(shuō)了這么多我來(lái)總結(jié)一下主要的內(nèi)容:
- 明確操作流程:梳理清楚用戶的操作流程,在操作流程的頁(yè)面中考慮如何把付費(fèi)提醒加入到頁(yè)面中;
- 定制充值入口:相當(dāng)于收銀臺(tái),用戶購(gòu)買某本小說(shuō)后需要在此頁(yè)面付款,平臺(tái)可以根據(jù)用戶充值金額的多少,給用戶贈(zèng)送一些權(quán)益;
- 支付頁(yè)面:主要有購(gòu)買內(nèi)容、購(gòu)買類型、購(gòu)買金額、購(gòu)買數(shù)量、購(gòu)買時(shí)間及支付方式;
- 充值后在頁(yè)面的體現(xiàn)方式:通過(guò)充值后的頁(yè)面反饋信息,了解充值狀態(tài),及賬戶金額和實(shí)際付款金額;
- 購(gòu)買記錄:記錄用戶在平臺(tái)消費(fèi)的所有記錄,方便用戶隨時(shí)追溯過(guò)去有多少次充值行為;
作者:Cc,微信公眾號(hào):悄悄拔尖Strive
本文由 @Cc 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)許可,禁止轉(zhuǎn)載。
題圖來(lái)自 Pixabay,基于CC0協(xié)議
寫的很棒哦