對于網(wǎng)絡(luò)上的每一個(gè)動(dòng)作，都應(yīng)該有反應(yīng)。反饋可能會(huì)告訴用戶操作是否成功，但理想情況下它會(huì)告訴他們更多信息，例如下一步要做什么或?yàn)槭裁床僮餍枰@么長時(shí)間。

您可能遇到過提交表單的情況。單擊提交按鈕后，似乎沒有任何反應(yīng)。表格提交了嗎？可能表單提交失敗。

這是一個(gè)很好的例子，說明反饋可以消除用戶可能遇到的任何疑慮或恐懼。一個(gè)簡單的進(jìn)度指示器可以解決這個(gè)問題。它會(huì)直觀地告訴用戶服務(wù)器已收到表單并正在積極處理它。

不提供反饋會(huì)導(dǎo)致很多麻煩。例如，我們提交了表單但沒有得到任何反饋。以下場景是可能的：

用戶在認(rèn)為表單提交失敗時(shí)刷新頁面。這種情況可能會(huì)導(dǎo)致雙重?cái)?shù)據(jù)提交，從而影響您的數(shù)據(jù)質(zhì)量。

用戶尋求其他聯(lián)系方式，例如 微信、在線客服 或 微博。

用戶通過其他通信方式提交數(shù)據(jù)，例如他們在網(wǎng)站上找到的電子郵件地址。因此，您必須手動(dòng)處理這些數(shù)據(jù)并通過電子郵件跟進(jìn)用戶。

用戶在未完成表單提交的情況下離開網(wǎng)站。

如您所見，像顯示進(jìn)度指示器這樣簡單的事情可以為組織節(jié)省大量開銷。在此示例的最壞情況下，您會(huì)失去一個(gè)潛在客戶，因?yàn)樗麄儾坏却韱翁峤煌瓿伞?

本文探討了反饋的重要性、提供反饋的常見 UI 元素以及反饋的好壞示例。

什么是 UX 設(shè)計(jì)中的反饋？

用戶界面響應(yīng)動(dòng)作。這就是我們定義的反饋。反饋用于參與、解釋和消除恐懼或困惑，所有這些都可以提高用戶滿意度。

您遇到的大多數(shù)反饋對于用戶界面都是可視的。對于游戲或其他類型的內(nèi)容，用戶反饋可以采取聽覺反饋的形式。讓我們專注于視覺反饋。

視覺反饋有三個(gè)主要目標(biāo)，詳述如下。

1. 信號響應(yīng)能力

通常不清楚元素是否可點(diǎn)擊。因此，當(dāng)您將鼠標(biāo)懸停在按鈕上時(shí)，按鈕會(huì)實(shí)現(xiàn)視覺反饋。網(wǎng)頁設(shè)計(jì)師使用CSS :hover 選擇器在用戶懸停網(wǎng)頁元素時(shí)應(yīng)用不同的樣式。我們都知道當(dāng)您將鼠標(biāo)懸停在按鈕上時(shí)按鈕顏色會(huì)發(fā)生變化的示例。

這種形式的反饋對于告訴用戶他們可以與元素交互是必不可少的。沒有它，用戶必須猜測哪些元素允許參與。但請記住，觸摸設(shè)備的用戶無法利用懸停效果。

2. 提高參與度

反饋不僅僅表明行動(dòng)的結(jié)果。它還可以引導(dǎo)用戶。視覺效果將用戶的注意力吸引到特定的 UI 元素并鼓勵(lì)用戶單擊它。因此，您可以使用視覺反饋來告訴用戶下一步該做什么。

假設(shè)您想增加注冊您的時(shí)事通訊的用戶數(shù)量。在注冊表單中添加一個(gè)小的視覺線索怎么樣？例如，當(dāng)簡報(bào)表單是可視的時(shí)，讓“注冊”按鈕短暫晃動(dòng)以吸引用戶的注意力。這是一種增加參與度的簡單而有效的技術(shù)。

3. 信號活動(dòng)

最后，反饋?zhàn)钣兄诟嬖V用戶正在發(fā)生的事情。如 Web 表單示例中所述，進(jìn)度指示器告訴用戶表單提交已被接收并正在由服務(wù)器處理。

這是最重要的反饋形式！一個(gè)動(dòng)作總是需要反應(yīng)。缺乏反饋是用戶與應(yīng)用程序交互時(shí)感到困惑或恐懼的主要來源。最重要的是，反饋通過消除混亂來改善用戶體驗(yàn)。

網(wǎng)絡(luò)反饋?zhàn)畛Ｒ姷睦邮鞘裁矗?

以下是提供反饋及其使用的常見 Web 元素列表。

加載指示器或進(jìn)度指示器：此元素提供視覺反饋，告訴用戶進(jìn)程已啟動(dòng)。如果該過程花費(fèi)的時(shí)間超過一秒鐘，則加載指示器會(huì)引起用戶的注意。對于低于一秒的進(jìn)程，不需要加載指示器，因?yàn)槲覀內(nèi)匀徽J(rèn)為這是“實(shí)時(shí)的”。

交互式表單標(biāo)簽： 交互式表單標(biāo)簽立即為用戶提供有關(guān)其輸入的反饋。例如，密碼字段必須滿足特定條件。如果輸入的密碼不符合標(biāo)準(zhǔn)，我們會(huì)立即告訴用戶出了什么問題并以視覺方式發(fā)出信號。一些注冊表單實(shí)現(xiàn)了在滿足時(shí)改變顏色的標(biāo)準(zhǔn)。

通知鈴： 通知鈴是用于提高參與度的最廣泛采用的反饋形式之一。設(shè)計(jì)師經(jīng)常將通知鈴與一個(gè)顯示未讀通知數(shù)量的小圓圈配對。許多網(wǎng)站選擇震動(dòng)通知鈴來吸引用戶的注意力。

懸停效果： 大多數(shù)情況下，您會(huì)看到鏈接和按鈕的懸停效果。首先，它表示 UI 元素是可點(diǎn)擊的。但是，這對于避免誤點(diǎn)擊也很重要。如果沒有懸停效果，用戶將鼠標(biāo)移向鏈接，并且必須猜測何時(shí)可以單擊該鏈接。使用懸停效果，用戶知道他們的鼠標(biāo)在元素的頂部，并且他們可以在看到效果后立即單擊該元素。

消息/橫幅/： 這些類型的通知允許您共享在沒有用戶輸入的情況下來來往往的臨時(shí)消息。大多數(shù)情況下，它們提供有關(guān)應(yīng)用程序進(jìn)程的上下文信息。您經(jīng)常會(huì)看到有關(guān)某些功能正在維護(hù)或暫時(shí)不可用的警告消息。一些設(shè)計(jì)師更喜歡它們有機(jī)地彈出和消失，而另一些設(shè)計(jì)師更喜歡用戶丟棄它們以確保他們已經(jīng)看到了消息的內(nèi)容。

面包屑導(dǎo)航： 面包屑導(dǎo)航向用戶呈現(xiàn)狀態(tài)信息，讓他們知道他們在流程中的位置以及仍需要哪些操作。這種類型的反饋可以提高參與度，因?yàn)橛脩舸_切地知道要執(zhí)行多少步驟。

結(jié)論：我們應(yīng)該關(guān)注用戶體驗(yàn)嗎？

提供出色的用戶體驗(yàn)是關(guān)鍵。用戶體驗(yàn)通常會(huì)推動(dòng)銷售。例如，讓用戶知道他們在結(jié)帳過程中所處的步驟。面包屑是向用戶提供快速反饋的絕佳工具。

同樣，反饋有助于消除對流程需要多長時(shí)間的困惑或恐懼，用戶知道他們必須完成三個(gè)步驟才能有效地購買產(chǎn)品。它提供了精神上的平靜。

本文展示了反饋的重要性以及您可以實(shí)施以提供用戶反饋的標(biāo)準(zhǔn) UI 元素。反饋中最基本的 UI 元素之一是進(jìn)度指示器。這是消除對流程的任何恐懼或困惑的好工具。

請記住，您可以通過多種方式使用反饋。除了信號活動(dòng)之外，您還可以提高參與度或信號響應(yīng)能力。

如果您希望您的網(wǎng)站在移動(dòng)端給用戶帶來方便，聯(lián)系設(shè)計(jì)，我們對最新設(shè)備和程序的技能以及我們專家專家的經(jīng)驗(yàn)幫助我們?yōu)榭蛻籼峁?100% 令人滿意的結(jié)果。我們在網(wǎng)站組成和改進(jìn)的不同部門創(chuàng)造了奇跡，同時(shí)進(jìn)行了先進(jìn)的推廣，展示了我們的想象力和能力。