起點課堂會員權(quán)益
職業(yè)體系課特權(quán)
線下行業(yè)大會特權(quán)
個人IP打造特權(quán)
30+門專項技能課
1300+專題課程
12場職場軟技能直播
12場求職輔導(dǎo)直播
12場專業(yè)技能直播
會員專屬社群
榮耀標(biāo)識APP支付模塊設(shè)計分析
智能手機(jī)已經(jīng)成為人類不可分割的器官，人們在線上處理生活的方方面面的習(xí)慣已經(jīng)形成，APP作為線上渠道最主要的方式之一，已被各行各業(yè)廣泛使用。本文作者分享了關(guān)于APP支付模塊設(shè)計中的詳細(xì)流程和需要注意的問題，并提出了自己的思考，與大家分享。
從內(nèi)容的角度來看產(chǎn)品，我們會發(fā)覺現(xiàn)市場中存在的所有APP產(chǎn)品都是扮演著內(nèi)容提供方的角色，而用戶則扮演著內(nèi)容消耗方的角色。這樣來看，線上的交易行為其實就是內(nèi)容提供方和消耗方針對內(nèi)容使用權(quán)限的交易行為。
線上的內(nèi)容交易早已不限于實體物，還包括大量的虛擬內(nèi)容，用戶可以在線上挑選自己滿意的內(nèi)容進(jìn)行免費消耗或付費消耗，這就是所謂的內(nèi)容付費時代，這兩年很流行的知識付費時代的概念就是基于內(nèi)容付費延伸出來的。（20年前我國實現(xiàn)了第一筆網(wǎng)絡(luò)交易，而現(xiàn)在線上交易已經(jīng)是極平常的事情，感嘆技術(shù)發(fā)展的如此快。技術(shù)發(fā)展的摩爾定律還能延續(xù)多久？——題外話）。
歸根結(jié)底來說，產(chǎn)品本質(zhì)是要商業(yè)化的，要收益的，因此產(chǎn)品能滿足用戶支付的需求就顯得至關(guān)重要（排除部分傳統(tǒng)的、大金額的B端業(yè)務(wù)是進(jìn)行線下支付的，這類特殊業(yè)務(wù)目前線上支付還無法很好的滿足，故還是采用線下支付的流程，這里暫不考慮）
Tips：能讓用戶在產(chǎn)品上進(jìn)行交易，要由內(nèi)容+功能+運(yùn)營三方面進(jìn)行推動落實，三者誰缺了誰都不好過。但本文只分析討論支付功能層面，其他另個層面不探討
一、支付模塊的接入時機(jī)
在準(zhǔn)備對產(chǎn)品進(jìn)行支付功能設(shè)計之前，我們先要對自身產(chǎn)品進(jìn)行分析，分析產(chǎn)品現(xiàn)階段是否需要支付環(huán)節(jié)，然后再進(jìn)行后續(xù)工作。
通常我們從用戶角度和業(yè)務(wù)角度兩個方面進(jìn)行分析：
1. 用戶角度
1）用戶想要查看產(chǎn)品中某些指定內(nèi)容或想要使用產(chǎn)品中某些特色功能，但這些內(nèi)容功能只有收費才能獲得使用權(quán)限，此時用戶會產(chǎn)生一定的支付需求。例如美顏APP中的特效，視頻APP中的付費內(nèi)容等
2）用戶想要對產(chǎn)品中其他用戶進(jìn)行打賞等操作，此時產(chǎn)生支付需求。例如簡書的贊賞，直播APP中的禮物等
2. 業(yè)務(wù)角度
1）產(chǎn)品的定位。產(chǎn)品在企業(yè)內(nèi)當(dāng)前階段中戰(zhàn)略定位為獲得利潤的、背盈利指標(biāo)的產(chǎn)品時產(chǎn)生支付需求。（某些產(chǎn)品在企業(yè)的戰(zhàn)略定位上為獲得流量、打造爆款或者打造品牌等，這類產(chǎn)品中的交易屬性不是衡量其是否成功的關(guān)鍵要素，所以這類產(chǎn)品的支付模塊可暫時省略）
2）產(chǎn)品發(fā)展到一定階段，大量可變現(xiàn)的點出現(xiàn)，可嘗試進(jìn)行變現(xiàn)，隨即產(chǎn)生支付需求。例如產(chǎn)品積累大量流量，廣告變現(xiàn)就會水到渠成等。
通過以上的分析我們能夠清晰知道支付對產(chǎn)品的意義，有助于我們更好的理解支付對產(chǎn)品的重要性。產(chǎn)品都是商業(yè)性的，不論產(chǎn)品是從用戶端收益還是從廣告渠道端收益等，其目的都是需要進(jìn)行交易，不同的只是支付環(huán)節(jié)可能出現(xiàn)在產(chǎn)品進(jìn)程的不同階段而已。
我們已經(jīng)知道產(chǎn)品現(xiàn)階段需要支付環(huán)節(jié)，之后我們要確定產(chǎn)品是需要充值+支付兩個流程，還僅僅是支付一個流程。其實大多數(shù)產(chǎn)品是完全不需要充值流程的，因為現(xiàn)在用戶進(jìn)行消費時可以走第三方支付直接支付掉，不需要先往產(chǎn)品中充值。
但是由于某些產(chǎn)品的商品屬性、運(yùn)營、商業(yè)等要求，會使得產(chǎn)品增加充值流程。從產(chǎn)品進(jìn)程角度來看，如果需要充值+支付，則在功能流程上就要增加錢包、充值入口、提現(xiàn)等多個功能流程，會在一定程度上增加產(chǎn)品的開發(fā)成本和時長；而如果只需要支付，則只需在產(chǎn)品內(nèi)跑通第三方支付流程即可，相對來說更加簡單和快速。建議業(yè)務(wù)上沒有特殊要求時，產(chǎn)品只跑通支付流程即可。
二、支付流程設(shè)計
從流程可知，我們的支付流程設(shè)計本質(zhì)是對【支付觸發(fā)頁面】，【選擇支付方式】，【支付成功】三個部分進(jìn)行設(shè)計。由于我們是調(diào)用第三方支付，所以【支付中】流程不是我們可以干涉和設(shè)計的，直接調(diào)用就好（Tips：若產(chǎn)品中有”錢包支付”的選擇項，就需要考慮【支付中】流程的設(shè)計），之后我們就對這三個部分進(jìn)行設(shè)計分析。
1. 支付觸發(fā)頁面
優(yōu)質(zhì)的支付觸發(fā)頁面，需要由支付內(nèi)容+支付金額+支付入口三個部分組成：
1）支付內(nèi)容
合理的展示內(nèi)容的名稱、數(shù)量、單價等信息，有助于付款用戶進(jìn)行內(nèi)容的核對和確認(rèn)，一定程度上增加用戶使用體驗感；
2）支付金額
明確的向用戶展示待支付的金額，且需要清晰的展示出該金額的由來。
例如用戶購買一本原價為30元的書籍，但是今天網(wǎng)店做活動，書籍品類打5折并且免郵費，此時用戶只需付款15元就可買到該書。
這種情況下，產(chǎn)品需要把支付金額15元是由“原定價30元打5折并免運(yùn)費后得來的”這一原因進(jìn)行清晰的描述展示，讓用戶知曉。（對于涉及到錢的事情，一定要說明的格外清楚，即是對支付者的負(fù)責(zé)，也是對企業(yè)自身的負(fù)責(zé)）
3）支付入口
也就是支付按鈕。該按鈕的設(shè)計集中在視覺和文案上。例如視覺上將按鈕采用不同的顏色讓其更易辨認(rèn)、按鈕放在屏幕底部靠右的位置上讓其更易點擊、按鈕中的文案采用倒計時的樣式增加時間緊迫感（和開團(tuán)原理相同，但強(qiáng)度低于開團(tuán)）等小細(xì)節(jié)的設(shè)計，減少用戶操作負(fù)擔(dān)
截圖來自淘寶APP和得到APP
2. 選擇支付方式
現(xiàn)存在的支付方式的選擇看似很多，但是要用起來后就會發(fā)現(xiàn)效果最好就是那么兩個，即【支付寶支付】【微信支付】。2018年第一季度支付寶和財付通這兩大巨頭占據(jù)了中國第三方移動支付交易規(guī)模市場份額的90.6%。
其他的如云閃付、NFC支付等方式只占了9.4%。所以對于APP的支付選擇來說，毫無疑問首選是這兩者，將二者都集成是最好的方式。
這兩者作為目前最普及的線上支付工具，一個是出生就自帶支付基因，一個是基于社交延伸發(fā)展起來，都已經(jīng)在國人認(rèn)知中標(biāo)上了線上支付的標(biāo)簽。
并且由于兩種工具在用戶中大面積（線上線下布局）、長時間的使用，使得用戶在工具中形成了一套自己的信用體系，產(chǎn)品方再基于沉淀的信用體系開發(fā)提供給用戶更多信用服務(wù)，使得用戶對產(chǎn)品的粘性再一次加強(qiáng)，從而讓這兩款支付工具牢牢地占據(jù)著市場，形成雙寡頭局勢，位置極難撼動。
當(dāng)然支付寶支付和微信支付在不同的場景下被用戶使用的偏好也存在著明顯的差異：線上支付場景更偏好支付寶支付，線下支付場景更偏愛微信支付；大額支付場景更偏好支付寶支付，小額支付場景更偏好微信支付。
我們可以根據(jù)自身產(chǎn)品的需求進(jìn)行支付方式的選擇，最好是將兩者都進(jìn)行集成，這相當(dāng)于產(chǎn)品覆蓋了全國90%有支付能力的網(wǎng)民。
如果你的產(chǎn)品處在從0到1的階段，且時間、開發(fā)資源等都很有限的情況下，優(yōu)先選擇微信支付。因為微信支付是基于微信社交屬性延伸起來的，也就表明微信支付能應(yīng)用于更多社交場景上，并且微信的裝機(jī)量要大于支付寶，公眾號、小程序的運(yùn)營也都需要使用微信支付等等原因；
所以在這里，作為0到1階段的產(chǎn)品首選支付方式為微信支付，之后在集成支付寶支付，處在其他階段的產(chǎn)品，盡可能的將兩者全部接入。
3. 支付成功
此環(huán)節(jié)為一個反饋環(huán)節(jié)，其設(shè)計要點是：用戶支付成功后給出正確的提示反饋和跳轉(zhuǎn)反饋。
1）提示反饋 可以采用類似“支付成功，正跳轉(zhuǎn)回xxAPP”的提示語；
2）跳轉(zhuǎn)反饋 我們可采用兩種設(shè)計邏輯
- 從哪里來回哪里去的邏輯，支付成功后默認(rèn)跳轉(zhuǎn)回產(chǎn)品內(nèi)容頁。避免跳轉(zhuǎn)到用戶之前未瀏覽的頁面，防止給用戶造成前后頁面不同的認(rèn)知不連貫問題。
- 用戶再運(yùn)營邏輯，跳轉(zhuǎn)到支付成功的推薦頁面。該跳轉(zhuǎn)反饋常應(yīng)用于重運(yùn)營的電商產(chǎn)品，當(dāng)用戶支付完成后，產(chǎn)品根據(jù)用戶購買的內(nèi)容進(jìn)行相似內(nèi)容、相關(guān)內(nèi)容的推薦，激發(fā)用戶再消費的意愿。
用戶再運(yùn)營
4. 其他
每筆支付完成后，都需要留下痕跡，用戶會在各種原因促使下回來查看，所以就需要我們留個【交易明細(xì)】的入口給用戶，幫助用戶進(jìn)行交易回溯。【交易明細(xì)】的入口放在錢包、訂單管理中即可
以上我們基本完成了產(chǎn)品支付流程的設(shè)計。之后我們再對充值流程進(jìn)行設(shè)計分析
三、充值流程設(shè)計
從流程可知，對充值流程的設(shè)計集中在【充值觸發(fā)頁面】，【選擇充值金額】，【選擇充值方式】，【充值成功】四個環(huán)節(jié)的設(shè)計?！境渲抵Ц吨小课覀儾桓缮妫砗蜕衔牡闹Ц读鞒滔嗤?。
1. 充值觸發(fā)頁面+充值金額選擇
由于這兩者存在著包含的關(guān)系，【選擇充值金額】操作通常位于【充值觸發(fā)頁面】中，所以這里將這兩者放在一起分析。
充值觸發(fā)頁面需包含選擇充值金額+充值入口+充值教程+充值說明+常見問題五個部分：
1）選擇充值金額：該環(huán)節(jié)設(shè)計時，我們會根據(jù)產(chǎn)品中內(nèi)容的價格配比，選擇若干個合適的金額選項供用戶快速選用。并且在用戶進(jìn)入到充值頁面時，默認(rèn)選中金額中的一個，有助于減少用戶點擊操作，加快充值流程。關(guān)于默認(rèn)金額的篩選，我們可以根據(jù)近短時間內(nèi)的充值記錄統(tǒng)計篩選出充值次數(shù)最多的金額選項。
2）充值入口：充值按鈕。設(shè)計時保證UI視覺上清晰可辨即可
3）充值教程：該部分的設(shè)計通常只存在于交易物品為虛擬商品的蘋果設(shè)備上，蘋果規(guī)定了虛擬商品必須走應(yīng)用內(nèi)支付，這種支付方式就需要用戶先將【微信】或【支付寶】或【銀行卡】綁定到App Store，然后才能進(jìn)行充值。比安卓設(shè)備要復(fù)雜很多，所以此時就需要有教程引導(dǎo)用戶如何綁定、如何支付
4）充值說明：雖然該部分只是文本，但卻是充值流程中非常重要的一部分。此部分要明確的告知用戶”充值的是什么”，”充值后不能跨平臺使用的原因”，”充值后是否可退可提現(xiàn)”，”充值后是否有有效期”等信息，一來是能讓用戶對充值更了解，二來是讓企業(yè)進(jìn)行免責(zé)說明。）
這里有一點大家要了解，很多沒有經(jīng)歷過充值環(huán)節(jié)設(shè)計的產(chǎn)品經(jīng)理會很不理解：為什么產(chǎn)品內(nèi)充值后變成了虛擬幣而不是可提現(xiàn)的錢。
這是由于蘋果公司的規(guī)定，規(guī)定但凡是提交蘋果審核的應(yīng)用，只要應(yīng)用內(nèi)部進(jìn)行的是虛擬商品的交易，則必須采用蘋果應(yīng)用內(nèi)支付，并且支付后要用虛擬幣的名稱表示，不能用‘元’這類的敏感詞匯，而且每一筆應(yīng)用內(nèi)支付蘋果都要從中抽取30%的費用（蘋果搶錢是認(rèn)真的）。
除此之外iOS應(yīng)用內(nèi)支付還固定了金額的檔位，用戶不可以隨意選擇充值金額，這也導(dǎo)致蘋果手機(jī)上充值時沒有”其他金額”的選項。
5）常見問題：主要是告知用戶充值后的錢能用來干什么？有效期怎樣？無法充值的原因？充值成功卻沒有到賬？等問題進(jìn)行解決描述，在頁面結(jié)尾再留下產(chǎn)品客服電話作為后備處理方案提供給用戶，確保用戶遇到的簡單問題能及時解決，困難的問題能有反饋渠道
2. 選擇充值支付方式
關(guān)于充值方式安卓應(yīng)用可以采用微信、支付寶等充值方式；蘋果應(yīng)用則采用蘋果應(yīng)用內(nèi)支付（有部分應(yīng)用可以不采用此方式充值。例如像摩拜、ofo這類應(yīng)用是可以采用第三方充值。原因在于蘋果對充值后的錢用途的定義，定義為購買非虛擬商品則不需要進(jìn)行應(yīng)用內(nèi)支付，反之則需要應(yīng)用內(nèi)支付）
3. 充值成功
設(shè)計原則和【支付流程設(shè)計】中的支付成功設(shè)計原則基本相同，這里就不再贅述
4. 其他
有了充值環(huán)節(jié)，則錢包功能連帶出現(xiàn)，有了錢包功能，則支付方式的選擇中就會出現(xiàn)錢包余額支付的選項，這是一個連鎖反應(yīng)。所以在進(jìn)行充值功能的設(shè)計時，需要同時進(jìn)行錢包功能流程的設(shè)計、錢包余額支付流程的設(shè)計，這樣才能保證從充值-選定商品-支付-結(jié)果反饋的閉環(huán)完整。
- 錢包：設(shè)計時保證”余額”，”充值入口”，”充值記錄”三個元素位于清晰醒目位置，之后在頁面其他位置增加優(yōu)惠券、兌換碼、廣告位等等信息
【提現(xiàn)】功能被應(yīng)用的越來越少。對于進(jìn)行虛擬商品交易的產(chǎn)品來說，提現(xiàn)功能是讓企業(yè)利益虧損的操作；對于非虛擬商品交易來說，用戶更習(xí)慣直接用第三方支付，而非現(xiàn)充到錢包在消費。所以提現(xiàn)功能的存在感非常低
- 錢包余額支付：此處設(shè)計要考慮余額充足和余額不足兩種情況，需要我們將其流程梳理清楚再進(jìn)行具體設(shè)計
四、支付功能測試
和錢有關(guān)的，都要打起十二分精神，支付功能的測試環(huán)節(jié)是非常非常非常重要（重要的事說三遍）。
測試點如：
1）正確流程是否實現(xiàn)
2）取消訂單時的處理是否正確
3）弱網(wǎng)等網(wǎng)絡(luò)情況下的處理是否正確
4）支付過程中交叉干擾時的處理是否正確。例如支付過程中出現(xiàn)電話、短信等干擾
5）支付安全的保護(hù)處理是否完善。例如假單，攔截請求，修改訂單等
6）多用戶并發(fā)時的處理是否完善
7）設(shè)備上無支付寶、微信第三方支付軟件時的處理是否正確
8）支付寶、微信等第三方支付軟件為登錄時的處理是否正確
9）訂單金額校驗的處理是否完善。例如用戶購買100元虛擬幣時，進(jìn)行第三方支付時金額被篡改成0.1元，就造成用戶用0.1元得到了100元的虛擬幣
10）連續(xù)點擊支付按鈕時的處理是否正確 …… 等等測試點都需要產(chǎn)品經(jīng)理和測試工程師一同進(jìn)行、多次測試，確保準(zhǔn)確無誤了才可進(jìn)行上線。
以上通過對模塊的接入時機(jī)、支付流程、充值流程、測試環(huán)節(jié)四個方面的思考和分析，再結(jié)合產(chǎn)品的時間、成本、業(yè)務(wù)等實際情況，設(shè)計出符合自身產(chǎn)品的 安全 穩(wěn)定 易用 的支付模塊
說在后面
在任何模塊的設(shè)計中時間和成本是產(chǎn)品經(jīng)理必定要考慮的事情：
常說優(yōu)秀的產(chǎn)品經(jīng)理都是時間管理的好手。產(chǎn)品不是概念，而是具有交付能力的實體，沒有結(jié)果、沒有交付東西稱不上產(chǎn)品。所以產(chǎn)品經(jīng)理在進(jìn)行產(chǎn)品設(shè)計上時，一定要把握設(shè)計時間、開發(fā)時間、測試時間、上線時間、運(yùn)營時間等環(huán)節(jié)的時間節(jié)點，在預(yù)期時間內(nèi)完成產(chǎn)品的交付；
同樣需要考慮產(chǎn)品對企業(yè)成本的消耗，例如人工成本、時間成本、金錢成本等，在可獲得的成本下進(jìn)行最優(yōu)的產(chǎn)品設(shè)計、推廣在實際工作中，產(chǎn)品所擁有的資源都是極其有限的，這就需要我們對產(chǎn)品進(jìn)行合理拆分、分步推進(jìn)以滿足時間和成本上的要求。
隨著時間的推移，新的設(shè)計理念和交互形式會不斷迭代更新，也就需要我們自身也不斷升級迭代。
本文由 @二十二克 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)作者許可，禁止轉(zhuǎn)載。
題圖來自Unsplash，基于CC0協(xié)議。
沒有留言。。。