您當(dāng)前位置:圖趣網(wǎng)(Tuquu) >> 網(wǎng)頁設(shè)計(jì)教程 >> 移動(dòng)前端 >> 瀏覽設(shè)計(jì)教程

5項(xiàng)移動(dòng)支付絕不能忽略的細(xì)節(jié)

隨著移動(dòng)互聯(lián)網(wǎng)不斷深入人們生活,已經(jīng)有越來越多的移動(dòng)應(yīng)用不僅立足在社交娛樂信息獲取等需求,還嘗試移動(dòng)支付需求。這些應(yīng)用提供了便捷的支付方式,實(shí)現(xiàn)了更多應(yīng)用的商業(yè)價(jià)值。但是分析目前應(yīng)用市場里林林總總幾百款支付類應(yīng)用的設(shè)計(jì)時(shí),卻發(fā)現(xiàn)在滿足用戶正常交易之余,有5項(xiàng)容易被忽略的體驗(yàn)點(diǎn),在不知不覺中讓用戶對你的產(chǎn)品印象打了折。那么如何避免呢?本文給出了一些解決方案。
1. 營造有“安全感”的氛圍
2. 擬物用戶的思維而非造型
3. 兼容傳統(tǒng)支付方式
4. 填寫新手用戶的“空白”
5. 將支付融入場景

 

1 營造有“安全感”的氛圍

安全是任何支付產(chǎn)品的立足之本。但是對于用戶來說,安全不僅僅是不丟錢這么簡單,用戶更需要一個(gè)有安全感的支付環(huán)境。
反面案例
讓用戶有不安全感覺的都不可取。哪些會(huì)有不安全感覺?比如反饋不及時(shí)、系統(tǒng)狀態(tài)不明等。

正面案例
e.g.1: 在字里行間都向用戶告知一切變化進(jìn)程都為了安全著想,在文案上強(qiáng)調(diào)“安全”、“加密”,從用戶擔(dān)心的角度去陳述,屢試不爽。

e.g.2: 在讀取隱私資料或資金變動(dòng)等任務(wù)時(shí)多次輸入密碼。招商銀行ATM機(jī)的流程率先采用這種方式,當(dāng)用戶進(jìn)行敏感操作時(shí)就再輸入一遍密碼。
e.g.3: 采用圖形鎖或人臉鎖增強(qiáng)輸入方便性和使用趣味性。另外,因?yàn)閳D形比文字容易記憶,采用圖形鎖可以輕松設(shè)置多種密碼,比如目前常用的登錄密碼、支付密碼。

 

2 擬物用戶的思維而非造型

為了用戶更好地理解“你的手機(jī)也是你的錢包”,不少產(chǎn)品采用了擬物化的設(shè)計(jì)思路。擬物化設(shè)計(jì),初衷是想讓用戶在使用新事物時(shí)與舊事物產(chǎn)生聯(lián)想,使之更容易理解新事物。但是,我們看到不少擬物化的設(shè)計(jì),幾乎將真實(shí)錢包的結(jié)構(gòu)照搬到手機(jī)界面上,殊不知錢包的“工業(yè)設(shè)計(jì)”(暫時(shí)這么說吧:))和界面設(shè)計(jì)是不一樣的兩種思路。如果生硬地用工業(yè)設(shè)計(jì)的造型去適應(yīng)界面設(shè)計(jì),那么結(jié)果只是增加用戶的認(rèn)知負(fù)擔(dān),你的應(yīng)用也會(huì)因?yàn)榉抡婊O(shè)計(jì)元素的加入而顯得臃腫不堪。
反面案例
實(shí)體上的卡片能夠從卡槽中拿出。而界面上的卡片目前來講,用戶在一個(gè)平面玻璃上感應(yīng)不到卡槽的物理觸感,因此沒有“拿出”的手勢反應(yīng)。此時(shí)若再?zèng)]有控件指引,操作則更不方便。

正面案例
擬物化要抓準(zhǔn)用戶已有的思考模式,而非造型本身,采用界面行為非常重要。簡而言之:對思維的模擬才是真正的擬物化。
e.g.1: 卡片形狀的外形,能夠讓用戶產(chǎn)生卡有正反面的聯(lián)想,這是正確的,但是同樣大小的反面放不下太多的信息,于是給予用戶翻卡的訴求以卡面延展的反饋,將當(dāng)前卡面放大成更大面積??梢苑畔赂嘁苿?dòng)特色和界面特色的控件。

e.g.2: 有實(shí)物的卡槽里,用戶可以通過不同的擺放組合將卡進(jìn)行歸類,銀行的、門禁的、購物的等等。那么,這一行為如何翻譯成界面語言呢?標(biāo)簽。打上相同類型的標(biāo)簽或icon來幫助用戶完成這種歸類。

 

3. 兼容傳統(tǒng)支付方式

我們一方面要重新定義移動(dòng)端的支付方式,另一方面也要考慮讓移動(dòng)端能兼容傳統(tǒng)支付方式。比如當(dāng)傳統(tǒng)的銀行卡不能刷卡時(shí),就需要關(guān)注設(shè)計(jì)細(xì)節(jié),維持用戶的耐心。
反面案例
用戶典型任務(wù):將某張已有的銀行卡錄入應(yīng)用里。操作即是逐個(gè)框地輸入卡片信息。用戶要是沒有鋼鐵一般的意志力想要用你的產(chǎn)品,如何堅(jiān)持得下來。輸入如果只是做筆的替代品,那不是設(shè)計(jì)移動(dòng)產(chǎn)品的體驗(yàn)。

正面案例
e.g.1: 我們看到了不少用拍照、掃描、增量調(diào)節(jié)器來輸入的做法。快速將你的實(shí)體卡進(jìn)入你的錢包。

e.g.2: 如果實(shí)在需要一個(gè)一個(gè)輸入信息,那么可采用更簡便的“充分幫助”做法:即時(shí)識(shí)別卡類型、即時(shí)提醒卡后三位數(shù)、自動(dòng)換行等等,讓用戶在輸入時(shí)“充分偷懶”。另外自動(dòng)的輸入間隔也能減小用戶的輸入成本。

e.g.3: 上面說了信息輸入,還有信息輸出。針對電話短信等通訊方式,可以直接調(diào)用手機(jī)的通訊裝置。

 

4. 填寫新手用戶的“空白”

當(dāng)我們買到一個(gè)新錢包時(shí),幾乎沒有說不會(huì)用的,而在手機(jī)上這個(gè)事情真的會(huì)發(fā)生。在人機(jī)界面時(shí)代,每個(gè)人面對新產(chǎn)品都會(huì)成為新手用戶,這與生活經(jīng)驗(yàn)無關(guān)。需要設(shè)計(jì)去解決,而不是讓用戶去摸索。擬物設(shè)計(jì)是方式之一,但并不長久,因?yàn)榻缑嬗薪缑娴男袨?。若借鑒社交類產(chǎn)品的做法,將“內(nèi)容填充”與“注冊”同步進(jìn)行是個(gè)不錯(cuò)的選擇。
反面案例
用戶先登錄注冊,但是成功后卻看到一片空白,甚至有些不知所云的文案“No nearby business(附近沒有商家)”。“空白”可能是多數(shù)支付類產(chǎn)品設(shè)計(jì)時(shí)都會(huì)遇到的問題。這時(shí)我們想到了擬物化設(shè)計(jì)的好處,即使啥也沒有,用戶也知道可以往卡槽里面新建一張卡,而界面設(shè)計(jì)則需要充分引導(dǎo)。
比如下圖,作為一個(gè)新手用戶,這兩個(gè)界面你會(huì)用哪個(gè)?

正面案例
e.g.1: 先使用,后登錄。先讓新用戶嘗試將卡片掃描進(jìn)入應(yīng)用,然后讓用戶去建立帳號(hào)登錄。此時(shí)登錄后,用戶就能看到錢包里已有一張卡了。

e.g.2: 目標(biāo)管理。支付產(chǎn)品需要帳號(hào),而很多新產(chǎn)品缺少用戶的帳號(hào),那么讓功能指引頁與登錄注冊同時(shí)出現(xiàn)在界面上,幫助用戶明白注冊的回報(bào),讓歷經(jīng)艱險(xiǎn)的注冊變得有意義。

 

5. 將支付融入場景

作為支付載體的錢包,是一個(gè)自古以來就被我們帶在身邊的物品,使用習(xí)慣非常成熟。在移動(dòng)時(shí)代,設(shè)計(jì)師可以重新定義支付行為,發(fā)揮移動(dòng)互聯(lián)網(wǎng)隨時(shí)隨地在線、能個(gè)性化推薦的特點(diǎn),讓用戶進(jìn)行移動(dòng)支付時(shí)更自然。
反面案例
讓用戶自己數(shù)數(shù)錢包里少了多少錢,增加了哪幾張卡,然后小心翼翼的將這些信息錄入手機(jī),像一個(gè)財(cái)務(wù)記賬本那樣,那么這是在設(shè)計(jì)筆記應(yīng)用。

正面案例
e.g.1: 用戶數(shù)據(jù)管理。根據(jù)用戶的名字為每一個(gè)客戶留有商業(yè)用戶的“標(biāo)簽”。用戶準(zhǔn)備買東西的時(shí)候,只需打開應(yīng)用程序里的歷史標(biāo)簽,賣方即可根據(jù)用戶的資料(包括面貌、名字、記錄等)來匹配處理付款。
e.g.2: 根據(jù)用戶位置完成相應(yīng)任務(wù),也就是常說的“地理圍欄”。當(dāng)用戶走近商店、食品購物車或其他地點(diǎn)時(shí),手機(jī)推送給你相關(guān)卡券。當(dāng)你要使用某張優(yōu)惠券時(shí),手機(jī)幫你找到最近消費(fèi)的消費(fèi)地點(diǎn)。

 

寫在最后

已經(jīng)有越來越多的移動(dòng)應(yīng)用在改變我們的生活方式,我們也已經(jīng)越來越依賴于這些移動(dòng)應(yīng)用來更好地生活。接上第五點(diǎn)“將支付融入場景”,移動(dòng)支付將會(huì)給我們帶來一種全新的支付體驗(yàn),也許那時(shí)你的錢包還在,也許你的移動(dòng)支付產(chǎn)品也不叫“XX錢包”,但是你能支付的東西將會(huì)越來越多,支付方式越來越豐富,讓我們期待這一天的到來!

[教程作者:admin]
免責(zé)聲明:本站文章系圖趣網(wǎng)整理發(fā)布,如需轉(zhuǎn)載,請注明出處,素材資料僅供個(gè)人學(xué)習(xí)與參考,請勿用于商業(yè)用途!
本文地址:http://irelandcustomcontracting.com/tutorial/wd1648.html
父子頁面之間跨域通信的方法
網(wǎng)頁前端10條網(wǎng)站易用性技巧
圖趣網(wǎng)微信
建議反饋
×