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

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

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

 

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

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

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

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

 

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

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

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

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

 

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

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

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

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

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

 

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

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

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

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

 

5. 將支付融入場景

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

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

 

寫在最后

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

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