為什么交互設計師有時候會遺漏展示頁面的狀態呢？我認為是設計師在設計的過程中，沒有真正置身真實的場景中，沒有仔細打磨用戶任務流中的每一個環節可能出現的問題并及時給出相應反饋。設計順暢的標準流程，對交互設計師來講并不難，難就難在置身真實使用場景，發現和處理異常的情況。比如用戶購買成功后，不是設計一個認購結束頁面就可以了。再進一步想，接下來用戶會去哪里，最關心的是什么。
《交互設計精髓》一書中提到，在從需求到明確的設計方案過程要經過以下步驟：
其中設計師可能需要在步驟3和步驟5之間重復多次，直至需求穩定，產出明確的設計方案。
我們以用戶購買定期產品后的持有資產詳情頁為例，討論如何來設計一個頁面。
如何設計一個頁面？
當設計一個頁面時，我們需要考慮什么：
頁面的目標
用戶角色，用戶進入頁面的場景
用戶詳細的任務流程
用戶進入當前頁面的預期
所有的功能，所有的信息字段，所有按鈕狀態及所有交互效果
針對持有資產詳情頁面的，需要考慮如下：
頁面目標：
向用戶提供明確的資產當前狀態及資金將來的去向
用戶角色：
完成投資支付的用戶
用戶進入頁面的場景：
場景一：用戶投資申請提交成功，但還在審核中
場景二：用戶投資成功，等待計息，但未開始計息
場景三：產品計息中
場景四：產品即將到期
場景五：產品正在還款中
場景六：產品已還款成功
任務流程和當前頁面預期：
投資申請提交——投資成功：查看項目是否投資成立，計息規則（查看產品詳情頁）
投資成功，等待計息——開始計息：確認投資金額，預期收益，產品計息時間
計息中——即將到期：投資剩余天數，產品到期日
即將到期——待還款：產品到期日，還款日，還款規則
待回款——還款成功：還款規則，是否還款成功
所有的功能和信息字段：
項目產品名稱及詳情
投資金額
預期(或到賬)收益
起息時間
到期時間
資產基本信息：年化收益率、投資期限、投資日期、起息日期、到期日期、還款日期、還款規則
所有的狀態及所有交互效果
投資當前狀態包括：待起息、起息中、即將到期、到期還款中、已還款。
對于起息中和即將到期，考慮到用戶真正在意的還是產品剩余多少天到期，我們同意顯示為剩余X天。
未到期還款時，收益狀態為預期收益
到期還款后，收益狀態為到賬收益
這一過程體現在頁面設計中如下：
案例一中的問題就是出在投資成功，等待計息——開始計息這一階段。即使用戶的投資項目沒有募集滿，還不能計息，也應該向用戶展示出資金處理中的狀態，否則用戶會產生焦慮。
下圖為資產詳情頁在四個場景下的不同狀態（場景一目前我們平臺沒有這種情況，沒有做相應設計）
運用上面的方法，那么案例二中的問題也很容易解決了。
充值頁面設計：
頁面目標：引導用戶充值符合銀行卡限額及個人充值上下限額的金額
用戶角色：完成實名認證及綁卡的用戶
用戶進入頁面的場景：
場景一：主動點擊充值入口充值
場景二：投資時賬戶余額不足被動充值
任務流程和當前頁面預期：
主動充值：用哪張銀行卡充值；限額多少；
投資時被動充值：當前賬戶余額有多少、用哪張卡充值、限額多少
所有的功能和信息字段：
認證綁卡信息
充值金額
平臺充值上下限額
銀行卡充值限額
充值按鈕
根據以往的經驗，采用認證支付支持多家銀行時，很容易出現某一家或者幾家銀行充值服務暫停的情況，并且是隨時都有可能發生的。因此可以在前端頁面增加公告欄功能，當有支付渠道問題或是節假日銀行不支持交易時，后臺人員可以直接配消息內容直接顯示在前端頁面，而不需要遇到時緊急發版或客服電話被打爆了。所以，還應增加消息公告功能，由后臺配置。沒有公告時，該區域可以隱藏不顯示。
所有的狀態及所有交互效果 ：
羅列出的所有信息字段不一定都要以文字的形式展示在前端，有些信息需要在用戶操作前就展示出來，有些信息可以隱藏，在用戶操作犯錯誤時及時進行提示，如下圖的上限金額。
總結
交互設計是一個細活，需要反復的推敲和挖掘用戶在使用過程中可能遇到的問題和當下最想了解的信息，而不是想當然的去設計一個順暢的交易流程就結束了。如果你的平臺很安全，請不要因為你的設計而讓用戶感受到不安全感。
本文轉載自網絡，版權歸原作者所有！
文章轉載請保留網址：http://waterplane.cn/news/industry/1857.html
