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