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

最常見的錯(cuò)誤信息提示放置位置是表單的上方或內(nèi)部，那么哪個(gè)位置對(duì)用戶來說體驗(yàn)更好呢？

在你的表單設(shè)計(jì)中，你會(huì)把錯(cuò)誤信息提示放在哪個(gè)位置呢？

如果它們不符合用戶預(yù)期，就可能成為用戶體驗(yàn)上的障礙。試想，當(dāng)用戶輸入錯(cuò)誤的信息時(shí)，他們首先需要理解錯(cuò)誤是什么，然后才是修正錯(cuò)誤、重新提交表單。但如果這個(gè)過程太費(fèi)勁，他們可能就會(huì)選擇放棄繼續(xù)填寫。

表單上方的有效性 VS 內(nèi)部的有效性

最常見的錯(cuò)誤信息提示放置位置是表單的上方或內(nèi)部，那么哪個(gè)位置對(duì)用戶來說體驗(yàn)更好呢？

有研究發(fā)現(xiàn)，在表單上方顯示錯(cuò)誤信息提示，會(huì)對(duì)用戶的記憶產(chǎn)生負(fù)擔(dān)。當(dāng)填寫錯(cuò)誤時(shí)，錯(cuò)誤信息提示在最上方容易讓用戶在改正信息的時(shí)候要去回憶，到底是哪里填錯(cuò)了，怎樣才能填正確。

而把錯(cuò)誤信息提示放在表單內(nèi)部可以減少用戶的記憶負(fù)擔(dān)，用戶主要依賴于即時(shí)識(shí)別而非回憶，所以會(huì)更快更簡(jiǎn)單地改正錯(cuò)誤。

另一個(gè)研究發(fā)現(xiàn)：“輸入錯(cuò)誤和錯(cuò)誤信息提示的距離影響錯(cuò)誤修正的效率”。把錯(cuò)誤信息放在表單頂部或者底部，會(huì)導(dǎo)致用戶修改錯(cuò)誤所需的時(shí)間最長(zhǎng)，而內(nèi)聯(lián)形式的錯(cuò)誤信息提示所需要修改的時(shí)間是最短的。

同時(shí)，將錯(cuò)誤信息放在表單頂部或者底部在用戶側(cè)，錯(cuò)誤率最高、修改時(shí)間最長(zhǎng)，用戶滿意度也最低。其中，與頂部和內(nèi)聯(lián)相比，底部的提示具有最低的糾錯(cuò)成功率。

錯(cuò)誤信息提示位置的用戶偏好

研究證明，內(nèi)聯(lián)形式的錯(cuò)誤提示可以得到最佳的用戶體驗(yàn)，同時(shí)這項(xiàng)研究還給上下左右四個(gè)方向排了優(yōu)先級(jí)（如下圖）。

參與這項(xiàng)研究的用戶，對(duì)他們最滿意的信息提示位置進(jìn)行了評(píng)級(jí)，顯示出了強(qiáng)烈的用戶偏好。

放置在左側(cè)的錯(cuò)誤消息被評(píng)為最差，在上方的被認(rèn)為難以記憶，下方的被認(rèn)為比較難記。

輸入框右側(cè)是最佳區(qū)域

理解為什么放在右側(cè)能夠符合用戶習(xí)慣與期望是重要的，通過這種方式，設(shè)計(jì)師可以做出體驗(yàn)更好的產(chǎn)品。

西方的閱讀習(xí)慣是從左到右。當(dāng)用戶視線從輸入到錯(cuò)誤反饋，這是一個(gè)非常自然的過程，不需要?jiǎng)幽X。從看到錯(cuò)誤信息提示到輸入改正錯(cuò)誤，也需要遵循閱讀習(xí)慣。

輸入框左側(cè)是最差區(qū)域

把錯(cuò)誤信息提示放在左側(cè)區(qū)域，違背了西方的閱讀習(xí)慣。當(dāng)錯(cuò)誤信息提示出現(xiàn)的時(shí)候，用戶的視覺動(dòng)線需要朝著閱讀習(xí)慣的反方向移動(dòng)。這會(huì)讓用戶感覺到不自然，而且這會(huì)違反直覺，因?yàn)橛脩纛A(yù)期高優(yōu)先級(jí)的元素應(yīng)該是在左側(cè)。

把錯(cuò)誤信息提示放在左側(cè)讓人感覺比輸入項(xiàng)更重要。但是輸入內(nèi)容顯然是更重要的，因?yàn)橛脩粜枰劢乖谳斎肟蛏?，修正他們的輸入?/p>

輸入框的上方增加識(shí)別負(fù)擔(dān)

當(dāng)錯(cuò)誤信息提示放在輸入框的上方，而表格上方有標(biāo)簽項(xiàng)的時(shí)候，用戶會(huì)經(jīng)歷更高的認(rèn)知負(fù)擔(dān)。這是因?yàn)殄e(cuò)誤信息提示和標(biāo)簽混在一起，很容易讓用戶產(chǎn)生疑惑。

根據(jù)臨近原則，當(dāng)用戶嘗試去閱讀錯(cuò)誤信息提示或標(biāo)簽的時(shí)候，這兩個(gè)文本會(huì)產(chǎn)生視覺混亂，所以結(jié)果是難以聚焦而讓用戶分心。

錯(cuò)誤信息提示在移動(dòng)端表單的最佳位置

手機(jī)屏幕缺少橫向空間去展示輸入框兩側(cè)的錯(cuò)誤信息提示，這就意味著放在右側(cè)的錯(cuò)誤信息提示對(duì)于手機(jī)端表單來說不是最好的位置。

正確的處理方式是把錯(cuò)誤信息提示放在輸入框下方，這是用戶第二偏好的位置。盡管這不符合用戶的從左到右的自然閱讀流程，但符合從上到下的閱讀順序。

當(dāng)用戶閱讀文本時(shí)，他們的視線是從左到右、從上到下地看。錯(cuò)誤信息提示在輸入框的下方是符合垂直的閱讀順序的。需要注意的是，把錯(cuò)誤信息放在輸入框下方時(shí)，不要與表單項(xiàng)目標(biāo)題靠的太近，會(huì)容易形成干擾。

輸入框的右側(cè) VS 輸入框的下方：哪個(gè)是最佳位置？

輸入框的右側(cè)或下方都是錯(cuò)誤信息提示的最佳位置。選哪個(gè)位置取決于你需要做多少工作。

如果你想節(jié)省時(shí)間，桌面端和手機(jī)端設(shè)同一套的話，選下方位置。

如果你有時(shí)間和資源為兩端做不同的設(shè)計(jì)，那手機(jī)端選下方，桌面端選右側(cè)，這個(gè)方案可幫助縮短用戶在電腦端的視覺路徑。

直覺的錯(cuò)誤信息提示位置

總結(jié)一下，錯(cuò)誤信息提示的位置應(yīng)該和用戶的閱讀流程保持一致，這樣錯(cuò)誤改正用到的成本最少。當(dāng)減少用戶操作和思考的時(shí)間精力，用戶就能更快完成表格。沒有人喜歡填寫表單，因此，幫助用戶更快地填寫表單，產(chǎn)品的體驗(yàn)才能變得更好。

原文：https://medium.com/@uxmovement/the-best-place-for-error-messages-on-forms-6e9e84740be8

作者：UX Movement

譯者：胡白白

本文由 @彩云Sky 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載

題圖來自Unsplash，基于CC0協(xié)議