中文字幕无码av不卡一区,亚洲综合AV永久无码精品一区二区,黑人巨大白妞出浆,黄色高清无码免费看,久久久久免费精品国产,久久无码人妻丰满熟妇区毛片,欧美日韩国产综合草草,久久福利网站,亚洲一区二区三区中文字幕在线,av国内精品久久久久影院

反饋是交互設計中最前線的一環，它的好壞直接影響產品體驗。

前段時間看到一個有趣的例子，這是某個應用中添加銀行卡的頁面。伴隨著用戶的輸入，系統會自動判斷銀行卡的類型，銀行卡的默認圖標會變為正在輸入的卡號對應的卡片類型。這種方式幫助用戶省掉了一個選擇卡片類型的步驟。另外，當用戶正確的完成了16位卡號的填寫，文本框會自動改變顯示模式，之前輸入的卡號只會顯示出最后的4位，節省出的3個字段就分配給了有效期、CVV碼和郵編。這里有一個很棒的細節，當用戶在輸入CVV碼時，左側的圖標會發生變化(如圖1)，提示用戶所謂的CVV碼就是卡片背后的3位數字，非常貼心。這是一種很積極的信息回饋方式，讓用戶能夠感受到系統對他們的操作產生了響應。

（圖1）

這個例子只是“反饋”的一種形式，無論哪種形式的反饋都是在向用戶傳遞信息。能告訴用戶當前的狀態，下一步該做什么，幫助用戶做出判斷和決定。這里整理了一些更多的反饋形式。

第一種：氣泡狀提示

氣泡狀提示通常是短暫出現在畫面上的，就像氣泡一樣過一會就會自己消失，并不需要對它進行任何操作。這種提示通常用于告知人物狀態和操作結果。例如：發送成功，加載中，已刪除等。不過由于氣泡提示的特性，它容易被用戶忽略，所以并不適合承載太多文字或重要信息。

（圖2）

第二種：彈出框

彈出框一般會帶有一兩句說明文字和兩個操作按鈕，用于確認和取消重要的操作。例如：是否刪除內容？是否要在無wifi的情況下看視頻等。通常會用顏色突出顯示可能造成用戶損失的操作項，如：刪除，不保存等。彈出框出現的時候會強迫用戶進行操作并屏蔽背景的所有內容，算是對用戶打擾最大的一種提示。通常用戶都想趕快關掉彈出框以便接著進行操作，所以彈出框上的說明和按鈕上的文字最好言簡意賅，一目了然，能夠幫助用戶快速作出決策。作為設計師，我們要避免濫用彈出框提示，不太重要但又需要反饋的事就默默飄個氣泡好了，以免用戶常常被驚嚇。

（圖3）

第四種：按鈕，圖標，鏈接的按下狀態

這類反饋是基于人在現實世界的經驗。在現實中按一個按鈕，它會立即有按下狀態，例如陷進平面中或變色發光。在無觸感的2d的屏幕上，更應該有狀態的改變，讓用戶看到他的操作已經被界面接收到了。iOS安卓系統平臺上的開關控件就是一個例子。它模擬了現實中的開關，在撥動的過程中非常直觀地給用戶反饋并告訴用戶當前所處的狀態。iOS系統中的手電筒，打開的時候是高亮狀態，告知用戶它已經被打開了。

（圖4）

第五種：聲音和振動

聲音能在一定程度上給用戶提供有用的反饋。比如虛擬鍵盤在按下時的咔噠聲，短信成功發送后的嗖聲，微信搖一搖手機之后的咔嚓聲。不過聲音反饋屬于點睛之比，而且受環境影響，如果過多地使用會變成一種打擾。震動是一種比較強烈的觸覺反饋，可以用來代替或加強聲音提示。在手機系統中應用的非常廣泛：如來電，短信等。在第三方應用上很少用到，除非是游戲里面掛掉時會震你一下，可見震動還是過于猛烈了。

（圖5）

第六種：動畫

動畫會給用戶提供有意義的反饋，幫助用戶直觀地了解到操作的結果。提升使用時的愉悅感。比如擬物動畫，這種形象的動畫幫助用戶清晰地感受到操作執行的整個過程，并且增添了樂趣。例如在執行刪除操作時，被刪除的東西一下碎掉；還有一些會持續比較久的操作（如下載或刪除大量文件），用動態的進度條展示已完成的進度，能夠減少用戶的焦慮；還有一些有趣的下拉刷新動畫，不但反饋了下拉刷新的過程，還讓加載的等待變的有趣。也有些動畫通過形變來暗示用戶狀態的改變（如圖6），點擊“按鈕形狀”開關后，返回按鈕的形狀發生了改變。

（圖6）

第七種：情感化設計

在mac系統中有一些很好的例子。例如，當用戶在“系統偏好設置”中進行搜索時，與搜索關鍵詞相關的項目會高亮顯示，相關度越高，高亮聚焦的亮度越高配置了觸屏鼠標和沒用配置觸屏鼠標的”Finder”窗口也不盡相同，前者沒有后者的拖動滾動條。（圖7）

（圖7）

上面講到了反饋的形式，下面我們來整理一下反饋的內容：

1. 信息：反饋提示所帶的文字信息應該簡潔易懂，適當的使用圖標可以吸引用戶的注意，幫助用戶判斷提示的類型。
2. 警告：警告框用于向用戶展示對使用程序有重要影響的信息。
3. 錯誤：錯誤是提示用戶操作出現了問題或異常，無法繼續執行。錯誤提示告知用戶為什么操作被中斷，以及出現了什么錯誤。錯誤信息要盡量準確，通俗易懂，有效的錯誤提示要解釋發生的原因，并提供解決方案以使用戶能夠進行修復。
4. 確認：確認是用于詢問用戶是否要繼續某個操作，讓用戶進一步對所做的操作進行確定和執行，為用戶提供可反悔，可撤銷的退路。讓用戶對一些執行結果較危險或不可逆的操作進行二次選擇和確認，防止用戶誤操作。

接下來說一下反饋出現的位置。反饋主要出現在“狀態欄”，“導航欄”，內容區上方，屏幕中，標簽欄上方和頁面底部。

最后簡單總結一下反饋設計的規則：

1. 為用戶在各個階段的操作提供必要，積極，及時的反饋；
2. 避免過度反饋，以免給用戶帶來不必要的打擾和驚嚇；
3. 能夠及時看到效果的，簡單的操作可以省略反饋提示；
4. 所提供的反饋要能讓用戶以最便捷的方式完成選擇；
5. 為不同類型的反饋做差異化設計；
6. 不要打斷用戶的意識流，避免遮擋用戶可能會去查看或操作的對象。

反饋是交互設計中最前線的一環，它的好壞直接影響產品體驗。實際設計中，由于項目時間緊張，往往沒有給這塊應有的關注，特寫此文時刻提醒自己。

作者：?微微風

來源：微信公眾號【ME網易移動設計】