如何通過(guò)準(zhǔn)確的用戶(hù)反饋改善用戶(hù)體驗(yàn)？

時(shí)間：2024-05-19 21:30:01 | 來(lái)源：建站知識(shí)

時(shí)間：2024-05-19 21:30:01 來(lái)源：建站知識(shí)

對(duì)于網(wǎng)頁(yè)上的每個(gè)動(dòng)作，都應(yīng)該有一個(gè)反應(yīng)。反饋可以告訴用戶(hù)操作是否成功，但是理想情況下，它可以告訴用戶(hù)更多信息，例如下一步要做什么或操作為什么需要這么長(zhǎng)時(shí)間。

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

這是一個(gè)很好的例子，反饋可以消除用戶(hù)的任何疑問(wèn)或恐懼。一個(gè)簡(jiǎn)單的進(jìn)度指示器可以解決此問(wèn)題。它會(huì)在視覺(jué)上告訴用戶(hù)服務(wù)器已經(jīng)收到該表格并正在積極地處理它。

不提供反饋會(huì)引起很多麻煩。例如，我們提交了表單，但沒(méi)有收到任何反饋。以下情況是可能的：

• 用戶(hù)刷新頁(yè)面，因?yàn)樗麄冋J(rèn)為表單提交失敗。這種情況可能導(dǎo)致數(shù)據(jù)提交增加一倍，從而影響您的數(shù)據(jù)質(zhì)量。
• 用戶(hù)尋求其他與您聯(lián)系的方式，例如微信，QQ或微博。
• 用戶(hù)通過(guò)其他通信方式提交數(shù)據(jù)，例如他們?cè)诰W(wǎng)站上找到的電子郵件地址。因此，您必須手動(dòng)處理此數(shù)據(jù)并通過(guò)電子郵件跟進(jìn)用戶(hù)。
• 用戶(hù)離開(kāi)網(wǎng)站而未完成表單提交。

本文探討了反饋的重要性，提供反饋的常見(jiàn)UI元素以及反饋的好例子。

UX設(shè)計(jì)中的反饋是什么？ 用戶(hù)界面響應(yīng)動(dòng)作。這就是我們所定義的反饋。反饋用于吸引，解釋和消除恐懼或困惑，所有這些都可以提高用戶(hù)滿(mǎn)意度。

您遇到的大多數(shù)反饋對(duì)于用戶(hù)界面都是可視的。對(duì)于游戲或其他類(lèi)型的內(nèi)容，用戶(hù)反饋可以采取聽(tīng)覺(jué)反饋的形式。讓我們關(guān)注視覺(jué)反饋。

視覺(jué)反饋有三個(gè)主要目標(biāo)，詳細(xì)說(shuō)明如下。

1.信號(hào)響應(yīng) 通常不清楚元素是否可單擊。因此，將鼠標(biāo)懸停在按鈕上時(shí)，它們會(huì)實(shí)現(xiàn)視覺(jué)反饋。當(dāng)用戶(hù)懸停Web元素時(shí)，網(wǎng)站設(shè)計(jì)人員使用CSS：hover選擇器來(lái)應(yīng)用不同的樣式。我們都知道示例，當(dāng)您將鼠標(biāo)懸停在按鈕上時(shí)，按鈕的顏色會(huì)發(fā)生變化。

這種反饋形式對(duì)于告訴用戶(hù)他們可以與元素進(jìn)行交互非常重要。沒(méi)有它，用戶(hù)必須猜測(cè)哪些元素可以參與。但是請(qǐng)記住，觸摸設(shè)備的用戶(hù)無(wú)法利用懸停效果。

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

假設(shè)您想增加訂閱電子報(bào)的用戶(hù)數(shù)量。如何在注冊(cè)表單中添加一些視覺(jué)提示呢？例如，當(dāng)時(shí)事通訊表單可見(jiàn)時(shí)，使“提交”按鈕短暫搖動(dòng)以吸引用戶(hù)的注意。這是增加參與度的一種簡(jiǎn)單而有效的技術(shù)。

3.信號(hào)活動(dòng) 最后，反饋對(duì)告訴用戶(hù)正在發(fā)生的事情最有幫助。如網(wǎng)站表單示例中所述，進(jìn)度指示器會(huì)告訴用戶(hù)表單提交已被服務(wù)器接收并正在由服務(wù)器處理。

這是最關(guān)鍵的反饋形式！一個(gè)動(dòng)作總是需要反應(yīng)。缺乏反饋是用戶(hù)與應(yīng)用程序交互的困惑或恐懼的主要原因。最重要的是，反饋可以消除混亂，從而改善用戶(hù)體驗(yàn)。

網(wǎng)站反饋的最常見(jiàn)示例是什么？ 以下是提供反饋及其使用的常見(jiàn)Web元素列表。

• 加載指示器或進(jìn)度指示器：此元素提供視覺(jué)反饋，告訴用戶(hù)過(guò)程已開(kāi)始。如果過(guò)程花費(fèi)的時(shí)間超過(guò)一秒鐘，則加載指示器會(huì)引起用戶(hù)的注意。一秒鐘以下的進(jìn)程不需要加載指示器，因?yàn)槲覀內(nèi)詫⑵湟暈椤皩?shí)時(shí)”。
• 交互式表單標(biāo)簽：交互式表單標(biāo)簽可立即為用戶(hù)提供有關(guān)其輸入的反饋。例如，密碼字段必須滿(mǎn)足特定條件。如果輸入的密碼不符合標(biāo)準(zhǔn)，我們會(huì)立即告訴用戶(hù)出了什么問(wèn)題，并在視覺(jué)上發(fā)出信號(hào)。MailChimp的注冊(cè)表單實(shí)現(xiàn)了符合條件的標(biāo)準(zhǔn)，這些標(biāo)準(zhǔn)會(huì)在更改時(shí)變色。在此示例中，我忘記為密碼輸入包括至少一個(gè)特殊字符。

• 通知鈴：通知鈴是最廣泛使用的反饋形式，可以提高參與度。設(shè)計(jì)人員通常將通知鈴與一個(gè)小圓圈配對(duì)，以顯示未讀通知的數(shù)量。許多網(wǎng)站選擇搖動(dòng)通知鈴來(lái)吸引用戶(hù)的注意。
• 懸停效果：通常，您會(huì)看到鏈接和按鈕的懸停效果。首先，它表明UI元素是可單擊的。但是，這對(duì)于避免誤點(diǎn)擊也是必不可少的。在沒(méi)有懸停效果的情況下，用戶(hù)將鼠標(biāo)移到該鏈接上，并且不得不猜測(cè)何時(shí)可以單擊該鏈接。有了懸停效果，用戶(hù)便知道其鼠標(biāo)位于元素上方，并且他們可以在看到效果后立即單擊該元素。
• 橫幅消息：這些類(lèi)型的通知使您可以共享傳入或傳出的臨時(shí)消息，而無(wú)需用戶(hù)輸入。通常，它們提供有關(guān)應(yīng)用程序流程的上下文信息。您通常會(huì)看到有關(guān)某些功能正在維護(hù)或暫時(shí)不可用的警告消息。一些設(shè)計(jì)師希望它們有機(jī)地彈出并消失，而另一些設(shè)計(jì)師則希望用戶(hù)丟棄它們以確保他們已經(jīng)看到了消息的內(nèi)容。

• 面包屑導(dǎo)航：面包屑導(dǎo)航向用戶(hù)顯示狀態(tài)信息，以使他們知道他們?cè)谶^(guò)程中的位置以及仍需要執(zhí)行哪些操作。由于用戶(hù)確切知道需要多少步驟，因此這種類(lèi)型的反饋可以提高參與度。

結(jié)論：我們應(yīng)該專(zhuān)注于用戶(hù)體驗(yàn)嗎？ 提供出色的用戶(hù)體驗(yàn)是關(guān)鍵。用戶(hù)體驗(yàn)通常會(huì)推動(dòng)銷(xiāo)售。例如，讓用戶(hù)知道他們?cè)诮Y(jié)帳過(guò)程中要執(zhí)行的步驟。面包屑是向用戶(hù)提供快速反饋的強(qiáng)大工具。

同樣，反饋有助于消除混亂或擔(dān)心該過(guò)程將花費(fèi)多長(zhǎng)時(shí)間。用戶(hù)可以知道他們必須完成哪些步驟才能有效地購(gòu)買(mǎi)產(chǎn)品，它為用戶(hù)提供了指引。

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

請(qǐng)記住，您可以通過(guò)各種方式使用反饋。除了發(fā)出信號(hào)活動(dòng)之外，您還可以提高網(wǎng)站參與度或信號(hào)響應(yīng)能力。