我相信在日常生活中，很多人購(gòu)買了網(wǎng)上銀行的理財(cái)產(chǎn)品或各銀行的直接銀行業(yè)務(wù)。各銀行理財(cái)產(chǎn)品的采購(gòu)流程類似：選擇合適的理財(cái)產(chǎn)品 - ——輸入購(gòu)買金額——確認(rèn)項(xiàng)目信息——返回運(yùn)算結(jié)果。讓我們假設(shè)一個(gè)情況。當(dāng)用戶輸入超過帳戶余額的購(gòu)買金額時(shí)，我們應(yīng)該如何向用戶提供錯(cuò)誤消息？

以寧波銀行直接銀行為例。如果您想購(gòu)買4000元直接投資項(xiàng)目，請(qǐng)點(diǎn)擊“立即購(gòu)買”按鈕進(jìn)入“確認(rèn)付款頁(yè)面”，然后點(diǎn)擊“付款”按鈕。彈出一個(gè)對(duì)話框，告訴您帳戶余額不足。具體的余額不明確，你馬上去我的賬戶看到余額再回來買，然后發(fā)現(xiàn)該項(xiàng)目被搶了！瞬間崩潰。 。 。

從這個(gè)虛擬案例中，我們可以看到錯(cuò)誤消息對(duì)于產(chǎn)品用戶體驗(yàn)非常重要，那么我們?nèi)绾螢橛脩籼峁┻m當(dāng)且友好的錯(cuò)誤提示？

什么是錯(cuò)誤消息要了解錯(cuò)誤消息是什么，我們應(yīng)該首先了解錯(cuò)誤消息的來源。填寫信息時(shí)，用戶將不可避免地犯錯(cuò)誤。例如，如果表單太長(zhǎng)，他們可能忘記填寫其中一個(gè)，或輸入一個(gè)14位的手機(jī)號(hào)碼，或輸入一個(gè)只有不太簡(jiǎn)單的號(hào)碼的密碼。此時(shí)我們應(yīng)該給用戶一個(gè)提示，讓他們知道當(dāng)前的錯(cuò)誤狀態(tài)。這是我們經(jīng)常說的錯(cuò)誤信息。合格的錯(cuò)誤消息應(yīng)具有以下兩個(gè)基本功能：1向用戶報(bào)告錯(cuò)誤狀態(tài); 2解釋錯(cuò)誤的原因以及如何糾正錯(cuò)誤。

錯(cuò)誤提示的類型1彈出窗口目前，彈出窗口是最常見的錯(cuò)誤形式。由于彈出框具有較大的空間，因此可以完全通知用戶當(dāng)前的錯(cuò)誤狀態(tài)，并闡明錯(cuò)誤的原因以及如何糾正錯(cuò)誤。然而，這種形式的彈出框有其自身的缺點(diǎn)，即，如果用戶想要糾正錯(cuò)誤，則必須關(guān)閉彈出框，以便不能看到錯(cuò)誤信息。在某些特殊情況下，錯(cuò)誤消息相當(dāng)冗長(zhǎng)，您無法在短時(shí)間內(nèi)記住它，然后您無法完成修改。

2此外，還可以通過加載新頁(yè)面向用戶報(bào)告錯(cuò)誤消息。例如，如果單擊“提交”按鈕并轉(zhuǎn)到下一頁(yè)，則會(huì)知道輸入有錯(cuò)誤。用戶可以閱讀提示以了解如何更正問題，但如果要更正問題，則需要單擊后退按鈕，因此錯(cuò)誤消息不存在，這與彈出框類似。以下示例是典型的。用戶只知道沒有綁定成功，但不知道失敗的具體原因。重新綁定無法避免再次失敗。

3標(biāo)簽提示仍然有很多設(shè)計(jì)師開始將錯(cuò)誤警告放入文本標(biāo)簽中，并將它們與控件放在一起。這樣，子用戶可以輕松地讀取錯(cuò)誤消息，并且可以一目了然地看到錯(cuò)誤發(fā)生的位置。沒有必要根據(jù)提示的提示名稱找到錯(cuò)誤的位置，因?yàn)殄e(cuò)誤提示位于錯(cuò)誤控件旁邊。它也很容易糾正，因?yàn)橛脩舨槐靥D(zhuǎn)到頁(yè)面或?qū)懴氯唛L(zhǎng)的錯(cuò)誤消息。

錯(cuò)誤提案設(shè)計(jì)原則1合理使用顏色匹配和圖標(biāo)如上所述，錯(cuò)誤消息的第一個(gè)功能是向用戶報(bào)告當(dāng)前錯(cuò)誤狀態(tài)。但我們不必真正向用戶展示：“親愛的用戶，您剛剛填寫了錯(cuò)誤的個(gè)人信息balabala ...”。錯(cuò)誤狀態(tài)可以通過顏色和圖標(biāo)直接完成。因?yàn)樵跐撘庾R(shí)中，人們習(xí)慣性地將紅色與錯(cuò)誤聯(lián)系起來。當(dāng)然，考慮到現(xiàn)實(shí)生活中仍有很多用戶是紅綠色盲人，所以我們最好用紅色和圖標(biāo)。

2文字簡(jiǎn)單易懂。提示文本應(yīng)盡可能短。當(dāng)用戶看到大量文本時(shí)，可能會(huì)失去閱讀的耐心。此外，我們應(yīng)該避免使用術(shù)語，以便用戶可以更好地理解它。例如，如果您填寫身份證號(hào)碼并填寫新號(hào)碼，那么我們應(yīng)該提示用戶“ID號(hào)碼數(shù)量錯(cuò)誤”而不是簡(jiǎn)單的“身份證號(hào)驗(yàn)證錯(cuò)誤”。由于存在多種類型的驗(yàn)證錯(cuò)誤，因此這種一般錯(cuò)誤消息將增加用戶的操作負(fù)擔(dān)。避免用戶錯(cuò)誤出于此信息輸入的目的，最佳用戶體驗(yàn)是避免用戶犯錯(cuò)誤，而不是在考慮如何“加強(qiáng)廢墟”之前等待用戶犯錯(cuò)誤。設(shè)計(jì)師應(yīng)采取預(yù)防措施。 1輸入提醒我們可以使用句子或示例向用戶介紹要輸入的信息類型。這是輸入提醒。我們需要保持提醒字體更小或顏色方案比標(biāo)簽字體更輕，因?yàn)檩斎胩嵝褍H用作輔助輸入，這太過引人注目但會(huì)分散用戶的注意力。

2良好的默認(rèn)值如果您確定了解用戶，我們可以在用戶輸入信息時(shí)提供合理的默認(rèn)值。因?yàn)閷?duì)于用戶而言，填寫信息絕不是一件有趣的事情，合理的默認(rèn)值可以節(jié)省用戶的操作時(shí)間。

3自動(dòng)完成當(dāng)用戶在文本框中輸入時(shí)，系統(tǒng)會(huì)猜出可能的答案并顯示可選列表。自動(dòng)完成可以節(jié)省用戶的時(shí)間，精力和內(nèi)存成本，避免出錯(cuò)。

總結(jié)合理的錯(cuò)誤提示設(shè)計(jì)可以改善產(chǎn)品的用戶體驗(yàn)并建立用戶與產(chǎn)品之間的聯(lián)系。以上是我對(duì)錯(cuò)誤消息的設(shè)計(jì)的一些總結(jié)。我希望你讀完后能獲得一些東西。

« 如何理解“跳出率”，它對(duì)SEO有什么影響？ | 瘋狂打賭巨頭，跨界電子商務(wù)迎來了第二個(gè)春天？ »