在移動互聯(lián)網(wǎng)時代發(fā)展的今天，場景思維對于用戶體驗設(shè)計的影響不言而喻。大道理在此不多說，大家都懂。在這里，盟主和大家分享一個近期手上的設(shè)計task中總結(jié)出來的幾個交互設(shè)計的小tips。

 近期盟主做了一個叫“綁定銀行卡”的 task。此任務(wù)的主要功能是讓用戶在點融APP上添加自己的銀行卡作投資理財用（非常小的一個功能點啦~）。在分析了業(yè)務(wù)需求以及技術(shù)限制之后，盟主對比分析了微信和支付寶兩大巨頭的“綁定銀行卡”流程，在以下的文章中會作為案例分析列出來。

1. 在功能性 APP 的設(shè)計上，設(shè)計要盡可能的簡潔

因為功能性 APP 主要以操作為主，且用戶操作的目的性會比較強。為了方便用戶操作，APP 頁面的展示信息需要經(jīng)過提煉。給用戶展示當下操作需要的信息，減少甚至刪除不必要的信息。這樣一來能降低頁面噪音，方便用戶聚焦。

舉個栗子：在點融貸款 APP 的綁卡流程中，想要綁定成功銀行卡，需要提供用戶姓名、身份證號、銀行卡號和銀行預(yù)留手機號這四項要素。因為對于后臺來說，用戶的姓名和用戶身份證號是對應(yīng)的。也就是說，后臺運行的時候會把用戶姓名和用戶身份證號一起傳輸，而對于用戶來說，只用知道自己的姓名就好了，沒必要同時看見自己的身份證號。出于以上考慮，為了讓用戶在這個流程聚焦，我對信息展示做了選擇，省去了與持卡人姓名相對應(yīng)的身份證號的信息。如下圖所示： 

2. 在設(shè)計簡潔的基礎(chǔ)上，要更注意設(shè)計細節(jié)，將場景思維落實到每個細節(jié)點中

設(shè)計要注意細節(jié)，設(shè)計要注意細節(jié)，設(shè)計要注意細節(jié)。重要事情說三遍。大家可以看下圖的栗子，左圖是點融借款 APP 的界面，右邊是支付寶的頁面。點融借款頁面中“持卡人姓名”這一項是不能被用戶編輯的，所以現(xiàn)設(shè)計把這塊的灰掉，暗示用戶此區(qū)域不能被編輯。右圖中“支付寶智能加密，保障你的用卡安全”這行說明文字也是為了告訴用戶輸入信息安全，打消用戶綁卡時候的顧慮。

這些都是非常細節(jié)的設(shè)計小點，但是運用在用戶使用場景里面能傳遞更加友好的信息。

3. 對于給用戶的錯誤提示，應(yīng)該更加場景化
很多 APP 的做法是在用戶已經(jīng)操作錯誤之后給用戶錯誤提示，這需要用戶返回重復(fù)操作。如果用戶在這一階段反復(fù)幾次還未能完成操作，很容易產(chǎn)生不耐煩的情緒。從更好的體驗的角度來說，處理這個問題一般有兩步驟。首先，需要設(shè)計師分析清楚這個錯誤提示是否必要以這種方式出現(xiàn)。是否可以通過流程上的改進或是頁面細節(jié)的改進來降低甚至避免用戶出錯的概率。其次，如果用戶操作錯誤，能否盡早盡可能準確的提示用戶。
下圖所示的是微信和支付寶的“選擇卡類型”的流程對比。二者都能基于銀行卡號自動識別出對于銀行，不同之處在于，微信允許用戶自主修改卡類型，如果用戶自主選擇結(jié)果有錯誤再給用戶錯誤提示的彈框。支付寶自動識別出銀行卡類型之后不允許用戶自主修改。

因為不清楚兩大巨頭在這一功能點設(shè)計背后的技術(shù)限制問題，所以很難說誰好誰壞。如果在信任自動識別技術(shù)的基礎(chǔ)上來說，盟主個人偏向支付寶的處理辦法。支付寶不允許用戶自主選擇卡類型，可以減少用戶自主選擇錯誤的可能性。這就是盟主在上段所說的，通過改進流程來減少（或避免）錯誤。

4. 設(shè)計遵從用戶的普遍認知

對于大多功能性APP 的設(shè)計而言，遵從用戶的普遍認知能降低用戶的學習使用 APP 的成本，一定程度上提升了 APP 的用戶體驗。簡單來說，就是在為功能性 APP 做設(shè)計時，采用的設(shè)計樣式啊交互方式啊一定程度的跟隨市場上的通用做法。這樣雖然從表面上看，APP 的設(shè)計個性會減弱，卻能在易用性方面得到大幅提升。

文章來源：Dianrong Design Center