淄博阎囤工贸有限公司

設(shè)計(jì)更優(yōu)的移動(dòng)支付流程

2013-10-3    藍(lán)藍(lán)設(shè)計(jì)的小編

轉(zhuǎn)載藍(lán)藍(lán)設(shè)計(jì)(   m.ibut.com.cn  )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供有效的   BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、  ipad界面設(shè)計(jì)   、  包裝設(shè)計(jì) 、  圖標(biāo)定制 、  用戶(hù)體驗(yàn) 、交互設(shè)計(jì)、   網(wǎng)站建設(shè) 平面設(shè)計(jì)服務(wù)

來(lái)源:http://www.lins.im/

如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中,   請(qǐng)點(diǎn)這里

1

譯者注:在電子商務(wù)中,我們發(fā)現(xiàn)用戶(hù)在支付環(huán)節(jié)的流失率非常高,支付流程的用戶(hù)體驗(yàn)是至關(guān)重要的環(huán)節(jié)。本文介紹了一些移動(dòng)端支付流程的方法,怎樣讓我們的支付流程更加易用。業(yè)余時(shí)間翻譯了這篇文章跟大家共享,若大家發(fā)現(xiàn)任何錯(cuò)誤,歡迎隨時(shí)給予糾正。

數(shù)據(jù)顯示越來(lái)越多的用戶(hù)具有使用智能手機(jī)進(jìn)行付款的傾向?!?這些用戶(hù)愿意在移動(dòng)設(shè)備上完成購(gòu)買(mǎi)嗎? ”這個(gè)問(wèn)題得到了迅速回答。2012年,美國(guó)移動(dòng)電子商務(wù)銷(xiāo)售額飆升81%,形成了250億美元的市場(chǎng)。

值得注意的是,這些成交貢獻(xiàn)只有一部分來(lái)自于app。根據(jù)調(diào)查顯示,61%-81%的用戶(hù)更傾向于在移動(dòng)端的網(wǎng)頁(yè)上來(lái)完成購(gòu)物的各種操作:研究商品和價(jià)格,查看商品詳情,參加促銷(xiāo)活動(dòng),下單和支付等。比起功能相互獨(dú)立的app,他們更傾向于在瀏覽器中來(lái)進(jìn)行購(gòu)物(來(lái)獲得瀏覽與支付環(huán)節(jié)之間的無(wú)縫體驗(yàn))。

讓我們深入看一些移動(dòng)端結(jié)賬流程的例子。

1、 只保留重要信息

我們也許都回答過(guò)很多令人討厭的問(wèn)題,比如“你是怎么知道我們的?”這樣的問(wèn)題可能是對(duì)商家有用,對(duì)消費(fèi)者來(lái)說(shuō)沒(méi)有任何作用。然后這些消費(fèi)者需要付出辛苦賺來(lái)的錢(qián),他們也更有權(quán)力決定是否關(guān)閉這個(gè)頁(yè)面。

雖然這些問(wèn)題在網(wǎng)頁(yè)上不那么重要,但是在移動(dòng)端卻是致命的。讓我們來(lái)看兩個(gè)例子:

good-vs-bad-22-500

左邊是是由Moby設(shè)計(jì)的響應(yīng)式移動(dòng)支付流程,他減少了不必要的信息只保留了必要的信息。成功的把整個(gè)支付流程聚合到了一個(gè)頁(yè)面。

右邊是kayjeweler把一個(gè)簡(jiǎn)單的體驗(yàn)變得非常繁瑣??偣灿腥?yè),展示了很多不必要的信息,例如“晚上電話(huà)”和“手機(jī)號(hào)碼”兩個(gè)沒(méi)有用的信息,把地址欄分成了三欄(而不是只有一個(gè)郵政編碼欄),還需要用戶(hù)重復(fù)輸入email地址。

2、    允許以訪(fǎng)客身份結(jié)賬

提供訪(fǎng)客身份支付在媒介中應(yīng)該是一個(gè)標(biāo)準(zhǔn)的做法(盡管24%的電子商務(wù)網(wǎng)站不會(huì)這樣做),尤其在移動(dòng)端。統(tǒng)計(jì)數(shù)據(jù)顯示,如果用戶(hù)必須去建立一個(gè)賬戶(hù)并確認(rèn),他們可能不會(huì)完成訂單,這有時(shí)候還是非常令人震驚的。據(jù)報(bào)道,一個(gè)商家刪除了“注冊(cè)”按鈕后,看到了銷(xiāo)售額3億美元的飛躍。

burton-500

伯頓開(kāi)始對(duì)結(jié)帳過(guò)程對(duì)沖賭注,為用戶(hù)提供三個(gè)選項(xiàng):“登錄”,“創(chuàng)建帳戶(hù)”或“訪(fǎng)客結(jié)帳?!?/span>

3、    利用移動(dòng)用戶(hù)界面元素

Fandango有一個(gè)流暢的手機(jī)支付體驗(yàn)。其中很大一個(gè)原因在于它善于利用媒介的優(yōu)勢(shì),更多使用觸控設(shè)備,用戶(hù)使用起來(lái)比打字更容易。

fandango1-500

Fandango的桌面端UI和移動(dòng)端UI

 Fandango的桌面版UI(左邊),提供給用戶(hù)使用一個(gè)典型的下拉菜單選擇數(shù)量。在移動(dòng)UI(右邊),則提供他們使用的的增量選擇器(也有輸入選項(xiàng)),更快速的選擇數(shù)量。

4、    消除干擾,而不是內(nèi)容

 一旦用戶(hù)到達(dá)了支付的頁(yè)面,他們顯然已經(jīng)有意愿購(gòu)買(mǎi)這個(gè)產(chǎn)品了。這個(gè)時(shí)候,該網(wǎng)站已切換從一個(gè)銷(xiāo)售人員轉(zhuǎn)變成一個(gè)訂單執(zhí)行中心。由此,支付的頁(yè)面應(yīng)當(dāng)去掉影響用戶(hù)注意力的多余信息。

當(dāng)你在亞馬遜購(gòu)物時(shí)會(huì)注意到封閉的支付策略,頁(yè)面去除了標(biāo)準(zhǔn)的頁(yè)頭,包括可能推動(dòng)用戶(hù)去其他地方的菜單鏈接和搜索欄,支付頁(yè)面在移動(dòng)端可以做的更加簡(jiǎn)單。

dillards

用戶(hù)一旦來(lái)到 dillard支付頁(yè)面,, 他們唯一的逃生艙就是左上角的logo。

gnc-500

社交媒體鏈接,像在GNC的購(gòu)物車(chē),給用戶(hù)展示太多內(nèi)容,很容易把用戶(hù)導(dǎo)向其他地方

內(nèi)容豐富的支付頁(yè)面看來(lái)是個(gè)不錯(cuò)的想法,但這會(huì)很容易分散用戶(hù)的購(gòu)買(mǎi)注意力。

這并不意味著我們就要把所有內(nèi)容都移除。用戶(hù)可能對(duì)于快遞、交貨、條款等存在質(zhì)疑,好的體驗(yàn)應(yīng)該讓用戶(hù)找到想要的答案。

crate-and-barrel

在Crate & Barrel的手機(jī)網(wǎng)站,一些基本的問(wèn)題展示在購(gòu)物車(chē)頁(yè)面的底部,使用戶(hù)無(wú)需離開(kāi)支付頁(yè)面就可以得到答案。

5、 展示步驟

用戶(hù)想知道他們?cè)谀睦铮麄儗⒁ツ睦?,完成這個(gè)過(guò)程需要多久。進(jìn)度條在這里可以緩解用戶(hù)的焦慮。

最近的研究表明,大多數(shù)商家會(huì)顯示一個(gè)進(jìn)度條。

under-armour-screen

Armour移動(dòng)網(wǎng)站展示給用戶(hù)一個(gè)簡(jiǎn)潔清晰的進(jìn)度條

6、建立輕量化的網(wǎng)站

首先,時(shí)間是寶貴的。如果一個(gè)網(wǎng)站加載時(shí)間超過(guò)5秒,74%的用戶(hù)都會(huì)離開(kāi)。

toms1

他可能不會(huì)贏得任何設(shè)計(jì)獎(jiǎng),但是toms shoes頁(yè)面加載極速,極其簡(jiǎn)潔的支付頁(yè)面

7、 提供安全保障

移動(dòng)電子商務(wù)安全是用戶(hù)最關(guān)心的問(wèn)題??朔@個(gè)障礙,設(shè)計(jì)師不必非常的微妙:為用戶(hù)在網(wǎng)頁(yè)上提供安全電話(huà)、SSL認(rèn)證等必要的安全信息。

1800flowers-2

8、 使用谷歌錢(qián)包, PayPal And Amazon 等方式

用谷歌錢(qián)包,Paypal, 亞馬遜等方式可以讓用戶(hù)僅僅觸屏兩次就可以完成付款,而不是在訂單表上亂點(diǎn)半天。 用戶(hù)信息會(huì)自動(dòng)填寫(xiě),完成大部分的付款過(guò)程
dodocase

Shopify 的 No-frill移動(dòng)電子商務(wù)體驗(yàn)

例如這個(gè)DODOcase, Shopfy的移動(dòng)電子商務(wù)并沒(méi)有太多的視覺(jué)設(shè)計(jì),但是這不是重點(diǎn)。他們的設(shè)計(jì)非常簡(jiǎn)潔, 讓用戶(hù)用第三方信托程序快速的提交訂單。

9、 提供地理位置服務(wù)以及電話(huà)撥出功能

homedepot

The Home Depot 的手機(jī)頁(yè)面讓用選擇店內(nèi)產(chǎn)品然后用GPS尋找最近的店面并且查看購(gòu)物車(chē)

相對(duì)于傳統(tǒng)的網(wǎng)頁(yè)習(xí)慣,用GPS信息給用戶(hù)做地址引導(dǎo)。比如在手機(jī)上用一個(gè)這樣的網(wǎng)頁(yè)地址:http://maps.google.com/maps?daddr=BEST+BUY&saddr=Current+Location, 谷歌會(huì)自動(dòng)找出最近的地點(diǎn)并且提供路線(xiàn)指引。 Best Buy 發(fā)現(xiàn)28%的登陸移動(dòng)平臺(tái)的用戶(hù)會(huì)來(lái)店內(nèi)購(gòu)買(mǎi)商品,這證明移動(dòng)平臺(tái)有極大的價(jià)值。

此外,用tel :protocol的一觸撥號(hào)功能撥打客服電話(huà)是一種比按電話(huà)號(hào)碼更簡(jiǎn)潔的用戶(hù)體驗(yàn)

10、跨平臺(tái)測(cè)試

useragentswitcher-500

Chrome插件user-agent switcher(后面說(shuō)是一種手機(jī)測(cè)試軟件)

手機(jī)測(cè)試是非常困難并且消耗時(shí)間的,但是在現(xiàn)有的多系統(tǒng)競(jìng)爭(zhēng)的市場(chǎng)中,根據(jù)市場(chǎng)占有率進(jìn)行優(yōu)先級(jí)排序并且測(cè)試多種分辨率是非常重要的。親自在每種系統(tǒng)上測(cè)試當(dāng)然是最好的方式,但是如果這種辦法行不通,你可以使用Firefox或者Chrome的插件 User Agent Switcher。他可以節(jié)省你很多時(shí)間,讓你迅速的在不同手機(jī)系統(tǒng)間切換。

系統(tǒng)交流之間的另一因素是設(shè)計(jì)。很多手機(jī)網(wǎng)頁(yè)體驗(yàn)設(shè)計(jì)人員會(huì)犯借用手機(jī)系統(tǒng)界面設(shè)計(jì)元素的錯(cuò)誤。比如,一個(gè)使用蘋(píng)果系統(tǒng)的設(shè)計(jì)員可能會(huì)用蘋(píng)果式的按鈕。盡管可以在做應(yīng)用的時(shí)候這樣,但是手機(jī)頁(yè)面是多瀏覽器的體驗(yàn),一個(gè)以某種系統(tǒng)界做的網(wǎng)頁(yè)可能會(huì)丟失其他使用其他系統(tǒng)的用戶(hù),或者最壞的情況,頁(yè)面根本不好看。

總結(jié)

最后,手機(jī)商務(wù)開(kāi)始走向成熟。一個(gè)好的和差的訂單提交體驗(yàn)對(duì)收入的影響是有很大的不同。如果給用戶(hù)一個(gè)干凈,有效,流暢,簡(jiǎn)便的過(guò)程來(lái)完成購(gòu)物——在了解了以上提及的手機(jī)體驗(yàn)的優(yōu)勢(shì)和局限——那么用戶(hù)和商家都可以盈利。


日歷

鏈接

個(gè)人資料

存檔

来安县| 成武县| 洞头县| 双柏县| 辛集市| 长海县| 常熟市| 武安市| 正宁县| 水富县| 黑山县| 电白县| 鱼台县| 克什克腾旗| 祁连县| 东丰县| 桦南县| 察哈| 昌平区| 岱山县| 金湖县| 赤壁市| 昭觉县| 裕民县| 白沙| 正镶白旗| 镶黄旗| 瓦房店市| 新余市| 龙口市| 揭阳市| 靖西县| 泰和县| 富阳市| 乐亭县| 巴南区| 昌平区| 漳平市| 益阳市| 吉木萨尔县| 灵宝市|