鍍金池/ 教程/ iOS/ 蘋(píng)果的移動(dòng)支付平臺(tái)
錢(qián)包
iCloud
控件
適應(yīng)性和布局
編輯菜單(Edit Menu)
從概念到產(chǎn)品
啟動(dòng)與停止
3D 觸摸
VoiceOver
Live Photos
HomeKit
臨時(shí)視圖
游戲中心(Game Center)
快速查看(Quick Look)
交互性與反饋
與 iOS 的整合
鍵盤(pán)和輸入頁(yè)面(Keyboards and Input Views)
iAd 富媒體廣告(iAd Rich Media Ads)
術(shù)語(yǔ)和措辭
HealthKit
案例學(xué)習(xí):從桌面到 iOS
導(dǎo)航
撤銷(xiāo)與重做(Undo and Redo)
研究型應(yīng)用程序
社交媒體
蘋(píng)果的移動(dòng)支付平臺(tái)
圖標(biāo)和圖形
iOS 應(yīng)用解析
為 iOS 而設(shè)計(jì)
路線選擇(Routing)
設(shè)計(jì)原則
應(yīng)用內(nèi)購(gòu)買(mǎi)服務(wù)(In-App Purchase)
品牌推廣
動(dòng)畫(huà)
聲音(Sound)
多任務(wù)處理
內(nèi)容視圖
應(yīng)用擴(kuò)展
通知
訪問(wèn)用戶數(shù)據(jù)(Accessing User Data)
無(wú)線打印 (AirPrint)
模態(tài)情境
顏色與字體

蘋(píng)果的移動(dòng)支付平臺(tái)

Apple Pay 是蘋(píng)果公司面向 iOS 移動(dòng)設(shè)備推出的一種簡(jiǎn)單、安全、個(gè)人的移動(dòng)支付方式。當(dāng)用戶在購(gòu)買(mǎi)實(shí)體商品和服務(wù)時(shí)時(shí),可以使用 Apple Pay 快速、安全地提供個(gè)人聯(lián)系方式、收貨地址以及付款信息。

http://wiki.jikexueyuan.com/project/ios-9-human-computer-interface-guidelines/images/63.jpg" alt="" />

通過(guò)用 Apple Pay 支付,用戶無(wú)需每次購(gòu)物都要?jiǎng)?chuàng)建賬號(hào)或填一遍個(gè)人信息。Apple Pay 顯著加快了支付流程,有助于消除前期的各種信息登記,進(jìn)而為用戶的“無(wú)障礙”選購(gòu)過(guò)程提供更好的體驗(yàn)。欲了解更多信息,請(qǐng)參閱 Apple Pay Programming Guide. Apple Pay 的用戶界面非常清晰、簡(jiǎn)潔高效、低調(diào)。它包含三個(gè)界面元素,各出現(xiàn)在不同的上下文情境中。

http://wiki.jikexueyuan.com/project/ios-9-human-computer-interface-guidelines/images/64.jpg" alt="" />

按鈕。Apple Pay 的按鈕用來(lái)告訴用戶,他們可以在當(dāng)前的情境下(比如商品頁(yè)面)完成購(gòu)買(mǎi)。當(dāng)用戶點(diǎn)擊了 Apple Pay 的按鈕,立即顯示支付上拉菜單(見(jiàn)下文) 開(kāi)始幫助用戶完成支付流程。用戶通過(guò)“設(shè)置 Apple Pay”的選項(xiàng) Apple Pay 的相關(guān)銀行卡信息綁定操作。通過(guò)調(diào)用 PKPaymentButton API 口可以找到這兩個(gè)按鈕(想要了解更多信息,請(qǐng)查閱 PKPaymentButton Class Reference)。有關(guān)使用 Apple Pay 支付按鈕的更多詳情,請(qǐng)參閱 Identity Guidelines.

http://wiki.jikexueyuan.com/project/ios-9-human-computer-interface-guidelines/images/65.jpg" alt="" />

Apple Pay支付標(biāo)識(shí)。當(dāng)用戶需要在授權(quán)支付之前選擇付款方式并敲定其他信息時(shí),他們期望看到 Apple Pay 的支付標(biāo)識(shí)。Apple Pay 的支付標(biāo)識(shí)應(yīng)該同其他付款方式以相同或類(lèi)似的格式顯示。

http://wiki.jikexueyuan.com/project/ios-9-human-computer-interface-guidelines/images/66.jpg" alt="" />

支付上拉菜單。在用戶提交訂單以及完成相關(guān)支付之前,Apple Pay 會(huì)顯示一個(gè)包含了聯(lián)系方式、收貨地址以及與結(jié)賬相關(guān)付款信息的支付上拉菜單。盡管用戶依然可以在支付上拉菜單里做些微調(diào),比如選擇不同的送貨方式,但他們不用做出重大改變或輸入其他信息。當(dāng)用戶看到該支付上拉菜單,他們應(yīng)該能夠立即完成交易并授權(quán)付款。

對(duì)于可以使用 Apple Pay 付費(fèi)的用戶,Apple Pay 的用戶界面應(yīng)當(dāng)始終顯示。如果用戶的移動(dòng)設(shè)備支持 Apple Pay,并且他們已經(jīng)激活了相關(guān)可用的銀行卡因此可以通過(guò)將 Apple Pay 設(shè)為默認(rèn)支付方式來(lái)滿足用戶的期望。

如果用戶無(wú)法使用 Apple Pay 服務(wù),就不要顯示任何 Apple Pay 的用戶界面。如果用戶使用的設(shè)備不支持 Apple Pay,仍強(qiáng)行將其作為一個(gè)支付方式選項(xiàng),可能會(huì)對(duì)用戶造成混淆。但是,如果用戶使用的設(shè)備是支持 Apple Pay,但沒(méi)有綁定任何信用卡或借記卡,你可以在界面中顯示“設(shè)置 Apple Pay”的按鈕。

當(dāng)用戶點(diǎn)擊了 Apple Pay 的按鈕,立即顯示支付上拉菜單。當(dāng)用戶決定使用 Apple Pay 來(lái)結(jié)賬時(shí),如果還要迫使用戶經(jīng)歷額外步驟,會(huì)使支付流程顯得復(fù)雜,增加不必要的矛盾,并可能會(huì)讓用戶感到沮喪受挫。當(dāng)用戶點(diǎn)擊了 Apple Pay 按鈕,不要顯示其他警告或模態(tài)對(duì)話框視圖。如果用戶可以提供像打折或促銷(xiāo)代碼之類(lèi)的信息,請(qǐng)?jiān)谟脩酎c(diǎn)擊 Apple Pay 按鈕之前找到一種方式來(lái)接收該信息。

Apple Pay 按鈕與其他可見(jiàn)的支付按鈕應(yīng)保持相同的尺寸大小或更大。將 Apple Pay 按鈕放置在醒目的位置,可以幫助用戶輕松找到它。

http://wiki.jikexueyuan.com/project/ios-9-human-computer-interface-guidelines/images/67.jpg" alt="" />

使用 Handoff 功能幫助用戶完成在 Apple Watch 上發(fā)起的購(gòu)買(mǎi)。 Apple Watch 佩戴者可以在商店完成支付,但他們無(wú)法完成由 Apple Watch 第三方應(yīng)用程序調(diào)用的支付行為。當(dāng) Apple Watch 佩戴者發(fā)起了由第三方應(yīng)用程序調(diào)用的支付行為,則顯示一條消息告訴他們請(qǐng)?jiān)?iPhone 上完成支付。為了更好的用戶體驗(yàn),還可以使用 Handoff 功能深層鏈接到你的 iOS 應(yīng)用程序上,并立即顯示包含預(yù)設(shè)好的相應(yīng)付款信息的支付上拉菜單。

有關(guān)使用 Apple Pay 支付按鈕以及 Apple Pay 支付標(biāo)識(shí)的更多信息指南,請(qǐng)參閱 Apple Pay Identity Guidelines.

自定義支付上拉菜單

根據(jù)完成交易付款所需要了解的信息,以及所要傳達(dá)給用戶關(guān)于本次購(gòu)物的信息,來(lái)自定義 Apple Pay 支付上拉菜單所要顯示的內(nèi)容。

支付上拉菜單僅顯示對(duì)完成交易付款有必要的信息。如果 Apple Pay 支付上拉菜單顯示了些無(wú)關(guān)的信息,用戶可能會(huì)感到困惑或焦慮。舉個(gè)例子,如果商品是在線交付或通過(guò)電子方式完成,需要聯(lián)系人的電子郵件地址是有意義的,而不是收貨地址。在這種情況下,要求收貨地址可能給用戶產(chǎn)生會(huì)有什么東西將意外被派件到家中或公司的錯(cuò)覺(jué),或許還可能導(dǎo)致他們對(duì)個(gè)人隱私被訪問(wèn)產(chǎn)生不必要的擔(dān)憂。

支付上拉菜單允許用戶可以選擇更換送件或取件方式。用戶可以從你在支付上拉菜單中設(shè)定的幾種交付方式中隨意選擇一種。通過(guò)用文本標(biāo)簽控件、報(bào)價(jià)以及可選的第二行預(yù)計(jì)到達(dá)日期,來(lái)具體描述一種收貨方式。另外,你還可以設(shè)定交付方式為“派件”或“取件”,讓用戶指定一個(gè)可接收快遞送貨上門(mén)或需要運(yùn)輸服務(wù)取件的位置。

使用并排項(xiàng)來(lái)描述周期性付款和一些購(gòu)買(mǎi)費(fèi)用的小計(jì)。并排項(xiàng)包含了一個(gè)標(biāo)簽文本和花費(fèi)數(shù)值。并排項(xiàng)被用來(lái):

  • 表明用戶授權(quán)一個(gè)定期付款項(xiàng)目,比如“每月訂閱 $19.99”
  • 告知用戶關(guān)于額外費(fèi)用,比如“禮品包裝 $5.00”和“稅費(fèi) $4.53”
  • 顯示優(yōu)惠券或折扣信息帶來(lái)的減價(jià),比如“周五特價(jià) -$2.00”
  • 描述某個(gè)項(xiàng)目需要按實(shí)際計(jì)費(fèi),比如運(yùn)輸服務(wù)“時(shí)間&距離 …”
  • 不要用并排項(xiàng)來(lái)顯示所要購(gòu)買(mǎi)的商品的構(gòu)成清單。

創(chuàng)建并排項(xiàng)標(biāo)簽時(shí),盡可能顯示在同一行。并排項(xiàng)標(biāo)簽應(yīng)該具體、容易理解。如果行條目標(biāo)簽字符數(shù)過(guò)長(zhǎng),那么很難讓你的用戶一看就懂。

商戶名稱(chēng)需要緊緊跟隨在同一行的“Pay”字符后面作為一個(gè)整體。確保所使用的商戶名稱(chēng)以及相應(yīng)的開(kāi)銷(xiāo)支出,必須與用戶檢查自己的信用卡或銀行對(duì)賬單時(shí)的數(shù)據(jù)保持一致。這一點(diǎn)很重要,因?yàn)樗兄谟脩舸_信他們的開(kāi)銷(xiāo)支出是無(wú)誤的。如果你的應(yīng)用程序只是作為中間媒介,而不是最終的商戶支付,請(qǐng)明確向用戶表明這個(gè)具體說(shuō)明“付款給 最終的商戶名稱(chēng)(通過(guò) 你的應(yīng)用程序名稱(chēng))。

如果總價(jià)花費(fèi)在支付授權(quán)時(shí)還不明確,請(qǐng)向用戶傳達(dá)有可能會(huì)有額外費(fèi)用的信息。舉個(gè)例子,一次汽車(chē)旅程從支付授權(quán)時(shí)刻起到駛向最終目的地,它的開(kāi)銷(xiāo)報(bào)價(jià)可能會(huì)受行車(chē)距離或時(shí)間的影響變化?;蛘撸粋€(gè)客戶可能想要給點(diǎn)小費(fèi)在商品已派件之后。對(duì)于這樣的情況,在支付上拉菜單中給予一個(gè)非常明確的解釋說(shuō)明是很有必要的。當(dāng)你使用一個(gè)并排項(xiàng)來(lái)配置最終總價(jià)的更新信息時(shí),總價(jià)金額會(huì)自動(dòng)顯示為“總價(jià)待定”。另外,如果你是預(yù)授權(quán)支付一個(gè)具體金額的訂單,確保支付上拉菜單準(zhǔn)確地反映了這一信息。

簡(jiǎn)化結(jié)賬流程

Apple Pay 使得購(gòu)物變得快速、簡(jiǎn)單,對(duì)此人們會(huì)欣然接受的。更少的步驟和更少的需要用戶手動(dòng)輸入的信息,使得整個(gè)結(jié)賬流程更好。

始終使用 Apple Pay 的最新數(shù)據(jù)信息。假設(shè)用戶一直保持 Apple Pay 個(gè)人信息的完整性和時(shí)刻更新,那么不要依賴于任何先前收集的信息。即使你以前已收集過(guò)用戶的聯(lián)系方式、交付方式和支付信息,也要在結(jié)賬時(shí)獲取來(lái)自 Apple Pay 的最新信息。在結(jié)賬環(huán)節(jié),盡量避免用戶輸入本可以從 Apple Pay 獲取的任何信息。

使用 Apple Pay 加快購(gòu)買(mǎi)。對(duì)于單個(gè)商品項(xiàng)目的購(gòu)買(mǎi),讓用戶只需通過(guò)點(diǎn)擊商品頁(yè)面上的 Apple Pay 支付按鈕,即可顯示支付上拉菜單并進(jìn)行即時(shí)結(jié)算。購(gòu)買(mǎi)單個(gè)商品時(shí),無(wú)需采取額外的步驟,也無(wú)需將商品添加到購(gòu)物車(chē),用戶喜歡在應(yīng)用程序中體驗(yàn)到這種便利性。對(duì)于多個(gè)商品被添加到購(gòu)物車(chē)中會(huì)使用相同的交付方式被送到相同地址的情況,一旦用戶有意向支付時(shí),會(huì)通過(guò)顯示支付上拉菜單的快速結(jié)賬流程來(lái)支持。

在顯示支付上拉菜單前需提前收集好贖回代碼或促銷(xiāo)代碼。因?yàn)樵?Apple Pay 支付上拉菜單中沒(méi)有辦法輸入這些代碼,請(qǐng)務(wù)必在顯示支付上拉菜單之前收集好相關(guān)代碼。

如果人們可以將購(gòu)買(mǎi)的商品派送到不同地方,或以不同的速度發(fā)貨,請(qǐng)?jiān)陲@示支付上拉菜單之前提前收集好該信息。對(duì)于這種極端情況,你需要在顯示支付上拉菜單之前得到發(fā)貨信息,因?yàn)樵谥Ц渡侠藛沃袥](méi)有辦法來(lái)指定多種交付方式和地址。一般情況下,在支付上拉菜單中務(wù)必收集到交付方式和地址信息。

顯示訂單確認(rèn)頁(yè)面或致謝頁(yè)面。在交易完成時(shí),通過(guò)使用訂單確認(rèn)頁(yè),以這種直接的用戶體驗(yàn)來(lái)顯示關(guān)于商品能派送到的預(yù)計(jì)時(shí)間以及用戶如何跟進(jìn)訂單狀態(tài)的信息。

OK 如果合適的話,請(qǐng)?jiān)谀愕挠唵未_認(rèn)頁(yè)上提到 Apple Pay。OK 盡管在你的確認(rèn)頁(yè)面上提到 Apple Pay 不是必要的,如果你愿意選,可以使用其中的一種格式:

  • “Visa ????1234(Apple Pay)”
  • “用 Apple Pay 已完成付款”