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

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

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

 

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

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

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

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

 

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

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

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

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

 

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

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

正面案例
e.g.1: 我們看到了不少用拍照、掃描、增量調(diào)節(jié)器來輸入的做法??焖賹⒛愕膶嶓w卡進(jìn)入你的錢包。

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

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

 

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

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

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

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

 

5. 將支付融入場景

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

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

 

寫在最后

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

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