“取消”按鈕的作用是什么?它會(huì)關(guān)閉用戶當(dāng)前的屏幕并將其恢復(fù)到之前的屏幕。用戶依賴此不屑一顧的按鈕作為安全措施,以防止他們對(duì)系統(tǒng)進(jìn)行不必要的更改。
為了讓您的用戶感到安全,“取消”按鈕應(yīng)表示安全性的后退,而不是號(hào)召性用語(yǔ)。這就是取消按鈕永遠(yuǎn)不應(yīng)該有顏色的原因。
? ? ? 中性按鈕的中性色
按鈕上的顏色表示號(hào)召性用語(yǔ)?!叭∠卑粹o不是號(hào)召性用語(yǔ),因?yàn)樵诎聪掳粹o后系統(tǒng)不會(huì)發(fā)生任何更改。因此,你永遠(yuǎn)不應(yīng)該用顏色強(qiáng)調(diào)它,否則你會(huì)給用戶留下印象。相反,他們應(yīng)該得到?jīng)]有變化發(fā)生的印象,按鈕是他們的逃避承諾。
“取消”按鈕應(yīng)具有中性色,以表示中性,非提交按鈕。當(dāng)用戶注意到“取消”按鈕沒(méi)有顏色時(shí),他們會(huì)將其識(shí)別為安全性的后退更快。這對(duì)于錯(cuò)誤激活確認(rèn)屏幕并希望快速逃脫的用戶來(lái)說(shuō)非常重要。
當(dāng)屏幕上的每個(gè)按鈕都有顏色時(shí),它們會(huì)競(jìng)爭(zhēng)注意力。這會(huì)導(dǎo)致用戶更長(zhǎng)時(shí)間地思考每個(gè)動(dòng)作。中性色的“取消”按鈕可以讓他們更快地通過(guò)不競(jìng)爭(zhēng)來(lái)決定。準(zhǔn)備采取行動(dòng)的用戶不會(huì)被“取消”按鈕分心。
? ? ? “取消”有很多名字
并非所有取消按鈕都標(biāo)有“取消”,但它們的功能與一個(gè)相同。例如,取消按鈕可以具有標(biāo)簽,“不是現(xiàn)在”,“不用謝謝”,“可能稍后”或“跳過(guò)”,具體取決于上下文。如果按鈕具有不順從的行為,則應(yīng)將其視為“取消”按鈕,因?yàn)樗哂邢嗤墓δ堋?
屏幕上的按鈕越多,清晰的逃生就越有必要。當(dāng)所有按鈕都有顏色時(shí),逃逸不明確。但是當(dāng)“取消”按鈕為中性色時(shí),它會(huì)使按鈕選擇更加直觀。
? ? ? ?一個(gè)黑暗足夠的灰色
在按鈕上使用灰色時(shí),使灰色足夠暗是很重要的。否則按鈕不清晰,可能看起來(lái)處于禁用狀態(tài)。
為確保您的按鈕清晰,請(qǐng)使用WCAG 2.0對(duì)比度工具(如對(duì)比度檢查器)檢查顏色對(duì)比度。這將告訴您正在使用的灰色是否通過(guò)了顏色的輔助功能指南。
? ? ? ?中和你的取消按鈕
大多數(shù)情況下,當(dāng)用戶激活確認(rèn)屏幕時(shí),他們已準(zhǔn)備好采取行動(dòng)。但是,對(duì)于他們錯(cuò)誤地激活它或改變他們采取行動(dòng)的想法的時(shí)代,取消按鈕需要提供安全。
彩色取消按鈕發(fā)出錯(cuò)誤信號(hào)。它使用戶將其視為行動(dòng)號(hào)召,而不是安全性的后退。中和“取消”按鈕,以便用戶更輕松地使用確認(rèn)屏幕。
作者:UX運(yùn)動(dòng)
翻譯:奧創(chuàng)
全站高品質(zhì)素材免費(fèi)下載!