人為錯(cuò)誤的9種網(wǎng)頁(yè)設(shè)計(jì)方法

關(guān)于人類(lèi)的事情是，你不能相信他們任何東西。好吧，也許這有點(diǎn)不友好。但是，這是一個(gè)簡(jiǎn)單的事實(shí)，即使我們中最有愛(ài)心，最謹(jǐn)慎和勤奮的人也會(huì)犯錯(cuò)誤。我們其他人將犯更多的錯(cuò)誤。

這些錯(cuò)誤與網(wǎng)站設(shè)計(jì)有關(guān)，可能很簡(jiǎn)單，例如錯(cuò)誤地輸入U(xiǎn)RL，以注冊(cè)表格的形式在錯(cuò)誤的字段中輸入錯(cuò)誤的信息，或錯(cuò)誤的通過(guò)PayPal向錯(cuò)誤的人發(fā)送數(shù)百美元。然后是夏威夷這樣的情況。我們沒(méi)有UI的任何實(shí)際屏幕截圖，這些UI曾經(jīng)用虛假的導(dǎo)彈警告來(lái)嚇millions數(shù)百萬(wàn)人，但是它已經(jīng)被數(shù)名設(shè)計(jì)師重新創(chuàng)建了?-我懷疑其中有些人有些諷刺。

因此，這是設(shè)計(jì)網(wǎng)站時(shí)解決人為錯(cuò)誤的幾種基本方法。我向他們提出一個(gè)警告：您不可能阻止一切都出錯(cuò)。如果您制作防白癡的東西，那么宇宙將成為更大更好的白癡。祝好運(yùn)。

?

1.明確說(shuō)明

人們經(jīng)常將基本說(shuō)明視為屈從。我的意思是，他們已經(jīng)知道咖啡很熱，對(duì)吧？他們?yōu)槭裁葱枰獙⑺≡诒拥膫?cè)面？因?yàn)樗鼈兛赡軣o(wú)法掌握所有信息：在著名的麥當(dāng)勞案中，咖啡的飲用溫度為華氏180至190度，或攝氏82至87度。那對(duì)客戶可能是有用的信息，您認(rèn)為嗎？

假設(shè)您了解完成簡(jiǎn)單任務(wù)所需的一切是很自然的。這會(huì)導(dǎo)致錯(cuò)誤。我發(fā)現(xiàn)自己認(rèn)為我們可能需要對(duì)任何比聯(lián)系表格更復(fù)雜的任務(wù)進(jìn)行說(shuō)明。即使這樣，提示也會(huì)有所幫助。

?

2.清除警告

人們有時(shí)需要向他們解釋可能采取的行動(dòng)的后果。詳細(xì)地。這不會(huì)阻止不斷忽視明確警告的人，但是在任何情況下您都無(wú)能為力。

另一方面，有些人在面對(duì)任何他們不完全理解的警告或?qū)υ捒驎r(shí)，只會(huì)離開(kāi)您的網(wǎng)站，或找技術(shù)含量更高的親戚尋求幫助。您必須決定是否要處理某些客戶的潛在不作為或更多錯(cuò)誤。兩種方法各有利弊。

?

3.空白

誤點(diǎn)擊是一回事。取決于用戶的手動(dòng)靈活性和觸摸屏的準(zhǔn)確性，錯(cuò)誤提示可能甚至更多。據(jù)報(bào)道，上述夏威夷大崩潰是由于下拉菜單中的錯(cuò)誤單擊引起的。

即使在我的大型機(jī)械鍵盤(pán)上，我有時(shí)也會(huì)“用脂肪指”錯(cuò)誤的按鍵，導(dǎo)致令人尷尬的錯(cuò)別字和虛擬手榴彈飛到了電子游戲中不應(yīng)出現(xiàn)的位置。就像我說(shuō)的那樣，您不能防止所有錯(cuò)誤，但是可以減少發(fā)生的可能性。

?

4.確認(rèn)對(duì)話框

對(duì)于必須一遍又一遍地重復(fù)相同過(guò)程的人員（例如：數(shù)據(jù)輸入中的任何人），確認(rèn)對(duì)話框似乎是一個(gè)令人煩惱且無(wú)用的額外步驟。對(duì)于他們來(lái)說(shuō)，這些對(duì)話框可能并且應(yīng)該被禁用。

但是對(duì)于第一次或什至是第十次完成一項(xiàng)新任務(wù)的人，快速提示“您確定要這樣做嗎？”的消息將是非常寶貴的。

?

5.表格驗(yàn)證

網(wǎng)站設(shè)計(jì)制作，這是大多數(shù)人最近正確的選擇。表單驗(yàn)證雖然不完善，但卻是一項(xiàng)強(qiáng)大的功能，并且是一種在正確方向上逐步引導(dǎo)用戶的好方法。雖然正確的表單設(shè)計(jì)可以幫助用戶避免將錯(cuò)誤的文本簡(jiǎn)單地放入錯(cuò)誤的表單中，但是表單驗(yàn)證非常適合于仔細(xì)檢查信息，捕獲錯(cuò)別字和被遺忘的字段。

我只是指出（雖然有用）客戶端驗(yàn)證是不夠的。JavaScript中斷。如果要實(shí)現(xiàn)客戶端驗(yàn)證，那么為了安全起見(jiàn)，最好在服務(wù)器端也進(jìn)行驗(yàn)證。

?

6.標(biāo)簽

啊標(biāo)簽。現(xiàn)在，這聽(tīng)起來(lái)可能真的很明顯，但是我在Internet上看到了這么多含糊不清的表格，因此我不得不將其包括在內(nèi)。更糟糕的是，在面向客戶的網(wǎng)站上使用行業(yè)術(shù)語(yǔ)的形式。而且，甚至不要讓我開(kāi)始使用標(biāo)簽和輸入內(nèi)容未對(duì)齊的表格。那是錯(cuò)誤的。

?

7.同時(shí)使用顏色和對(duì)比度

人們經(jīng)常如此簡(jiǎn)單地使用顏色：綠色=良好，紅色=較差。這是一個(gè)開(kāi)始，它當(dāng)然可以幫助很多人。它不一定能幫助色盲或其他視覺(jué)障礙者。尋找另一種方法來(lái)增加元素的對(duì)比度，使它們彼此清晰，輕松地區(qū)分開(kāi)。如果兩個(gè)選項(xiàng)使用相似的文本，但做的根本不同，則應(yīng)特別注意這一點(diǎn)。

?

8.仔細(xì)進(jìn)行更改

人們?cè)趫?zhí)行熟悉的任務(wù)時(shí)傾向于自動(dòng)駕駛。這足夠有用，因?yàn)樗顾鼈兏行А?/span>不幸的是，當(dāng)事情發(fā)生變化時(shí)，例行的習(xí)慣會(huì)導(dǎo)致錯(cuò)誤。關(guān)于記住要記得在新年之后正確記下日期有很多模因，它們每年都出現(xiàn)在圓點(diǎn)上。

現(xiàn)在，有時(shí)您的UI確實(shí)需要重新設(shè)計(jì)。如果是這樣，那很好。否則，不要太快地進(jìn)行更改。將人們的菜單項(xiàng)放在熟悉的地方。而且總是總是突出用戶界面中的細(xì)微變化，因此人們將看到它們，并開(kāi)始形成新的例程。

?

9.盡可能撤消按鈕

好吧，“ CTRL-Z”在常規(guī)格式下也可以正常工作，因此您通常不需要自己實(shí)現(xiàn)。但是，如果您要構(gòu)建Web應(yīng)用程序，則可能會(huì)認(rèn)真考慮對(duì)幾乎所有具有永久后果的操作實(shí)施某種“撤消”功能。

實(shí)際上，Gmail給了您幾秒鐘的時(shí)間（如果啟用了此功能）來(lái)撤消發(fā)送電子郵件，并且認(rèn)為我們生活在一個(gè)可以撤消已發(fā)送電子郵件的位置的世界上，這真是令人震驚。

現(xiàn)在，如果我們有一個(gè)用于意外導(dǎo)彈警報(bào)的撤消按鈕...