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