激情六月丁香婷婷|亚洲色图AV二区|丝袜AV日韩AV|久草视频在线分类|伊人九九精品视频|国产精品一级电影|久草视频在线99|在线看的av网址|伊人99精品无码|午夜无码视频在线

高校合作1：010-59833514 ?咨詢電話：400-810-1418 服務(wù)與監(jiān)督電話：400-810-1418轉(zhuǎn)接2

交互設(shè)計 | 看見的不一定是真的

發(fā)布時間：2024-05-08 13:35:36 瀏覽量：205次

最近在體驗一些產(chǎn)品時，發(fā)現(xiàn)很多交互設(shè)計上的坑都可以歸納到“所見非所得”上。

所見非所得

我們可以首先來看一下“所見非所得”的案例：上周寄件去北京，在填寫收件人信息時候，發(fā)現(xiàn)了一個“智能填寫”的功能很有意思。所謂“智能填寫”就是OCR識別技術(shù)，系統(tǒng)可以識別圖片上的地址。例如，你的收件人地址正好是身份證上的住址，那么你就可以上傳身份證照片，系統(tǒng)直接識別照片上的地址而不需要手動去輸入。

用戶具體的操作流程是：

1 拍攝/上傳照片；

點擊“上傳圖片”按鈕，用戶可以選擇拍攝或者上傳相冊里的照片，框選合適的識別區(qū)域；

2 系統(tǒng)識別并展示結(jié)果；

系統(tǒng)會自動識別圖片中的地址信息，并且在輸入框中展示，如果有識別錯誤的地方，用戶可以手動編輯修改；

3 用戶確認；

用戶對地址信息確認無誤了，點擊“智能填寫”按鈕，輸入框里的地址信息會自動回填到地址欄；

了解了大致流程，我們來看一下兩款競品。產(chǎn)品A和B都提供了“智能填寫”的功能，但是在交互設(shè)計上存在差異。產(chǎn)品A，當用戶上傳完圖片才會出現(xiàn)“智能填寫”按鈕；產(chǎn)品B是全程展示“智能填寫”按鈕的。我個人更加偏愛產(chǎn)品A的處理模式，因為當用戶都沒有上傳圖片時，給用戶展示“智能填寫”按鈕是沒有任何意義的，這里的“智能填寫”雖然可見但是不可得，用戶也不能點擊。當然有人會說，雖然不可點擊，但是展示了也沒什么問題吧？當然有問題，它會給用戶帶來兩個痛點：

1） 增加了用戶的學(xué)習(xí)成本；

對于新用戶來說，產(chǎn)品A肯定更加容易上手。因為新用戶一進入這個頁面，只能看到上傳圖片的按鈕，用戶明白了我首先要上傳圖片。產(chǎn)品B是直接一股腦的把所有選項展示出來，用戶不知道這些選項之間的聯(lián)系和操作順序。

2） 阻斷正常操作流程；

給用戶展示了他們本不應(yīng)該看到的元素，可能會阻斷正常的操作流程。用戶如果還沒上傳圖片，就點擊“智能填寫”按鈕會直接報錯，“所傳參數(shù)不能為空”，用戶哪里看懂這是什么意思。

之前在火車站取票，發(fā)現(xiàn)一個“所見非所得”案例：大嬸的票取不了。因為沒有關(guān)閉購買保險的彈框，誤以為“確認打印”按鈕可以點擊，結(jié)果無法正常完成取票流程。

了解到這些痛點，那么如何才能在交互設(shè)計上實現(xiàn)“所見即所得”原則呢？我總結(jié)了兩個方法：限制和就近。

限制原則

了解限制原則，我們需要回答兩個問題：

1）為什么要限制？

因為多才要限制，多會帶來哪些壞處？內(nèi)容多，用戶處理不過來；選項多，用戶挑花了眼；時間多，優(yōu)惠券沒有有限期限制用戶懶得用。

2）限制什么？

限制用戶與界面交互的觸點。還是以智能填寫為例，當前界面有三個觸點：上傳圖片按鈕、輸入框、智能填寫按鈕。這三個觸點分別對應(yīng)著步驟一、步驟二和步驟三。如果我們在步驟一的階段給用戶提供了步驟三的觸點，會有用戶嘗試去交互，從而觸發(fā)報錯場景。根據(jù)用戶所處的階段，分析用戶可能進行交互操作，提供可交互的觸點。

罔顧用戶的操作階段，一股腦的把所有觸點都提供給用戶會給用戶帶來困擾。用戶需要花時間去判斷和分析每一個觸點的作用和聯(lián)系。我們應(yīng)該分析用戶處于不同階段所需要的功能觸點。

舉個知乎的例子，知乎有一個“向知友提問”的功能。但是這個按鈕只會在用戶滑動搜索結(jié)果頁3屏后才會出現(xiàn)，引導(dǎo)用戶去提問。

限制原則不僅僅是限制交互觸點，還可以應(yīng)用到產(chǎn)品邏輯中，幫助用戶解決問題。比如判斷用戶為高風(fēng)險用戶，就直接不展示相關(guān)優(yōu)惠券。

就近原則

“所見即所得”最根本目的是為了節(jié)省用戶操作時間，提升產(chǎn)品易用性。就近原則分為位置就近和形式就近兩類：

1） 位置就近

用戶的視線常停留在上一個交互觸點附近。例如，填寫發(fā)件人信息時可以使用附近地址功能，但操作和反饋不在同一視覺區(qū)域。

2） 形式就近

形式就近特指反饋形式，彈框的通用性導(dǎo)致用戶無法立刻理解反饋信息。通過改變觸點形態(tài)來完成信息傳遞，用戶感知更容易。比如密碼輸入錯誤時，抖動輸入框告知用戶密碼錯誤。

通過限制和就近原則，優(yōu)化交互設(shè)計，實現(xiàn)更好的用戶體驗。

熱門課程推薦

熱門資訊

請綁定手機號

獲取驗證碼
x

同學(xué)您好！

您已成功報名0元試學(xué)活動，老師會在第一時間與您取得聯(lián)系，請保持電話暢通！
確定