按鈕置灰的思考
前幾天有同事做表單填寫(xiě)頁(yè),提到了“完成”按鈕是否要置灰的問(wèn)題。我的***反應(yīng)是不建議置灰,因?yàn)槁?lián)想到曾遇到過(guò)的幾個(gè)場(chǎng)景:
1、表單項(xiàng)較多,我會(huì)挑選出必填項(xiàng)之后提交。但選了必填項(xiàng),按鈕卻未亮起,未選卻亮起了。
按鈕不止有提交的作用,也會(huì)起到校驗(yàn)和提示的作用。置灰時(shí)需要用戶(hù)自己去猜測(cè)還有哪一項(xiàng)需要填寫(xiě)。
2、很多APP的登錄按鈕置灰,開(kāi)始輸入密碼,按鈕就亮起。此時(shí)真想馬上過(guò)去點(diǎn)登錄,但是密碼并沒(méi)有填寫(xiě)完。
按鈕亮起的效果可以逐步引導(dǎo)用戶(hù)進(jìn)行操作,但每個(gè)人密碼位數(shù)是不同的,按鈕何時(shí)亮起是個(gè)問(wèn)題,提前亮起會(huì)干擾用戶(hù)。
3、iOS9 音樂(lè)的賬戶(hù)信息,明明2次輸入了同樣的內(nèi)容,“完成”按鈕狀態(tài)卻不同。(單純想吐槽一下)
按鈕置灰,且不知道填寫(xiě)格式錯(cuò)在哪里。
那是否按鈕不應(yīng)該置灰呢?也并不是。找到了幾個(gè)比較好的按鈕置灰場(chǎng)景:
1、手機(jī)號(hào)分步注冊(cè)
2、支付密碼
也有很多app已經(jīng)省去了“確定”按鈕,此處不做討論。
3、取快遞機(jī)器的界面(同上,取件密碼格式為固定8位數(shù)字)
以上三種場(chǎng)景,都是僅有一個(gè)輸入框+按鈕,輸入內(nèi)容格式固定,用戶(hù)明確知曉如何輸入。
這樣做,既起到了逐步引導(dǎo)用戶(hù)進(jìn)行操作的作用,也省去了為空提交時(shí)的錯(cuò)誤提示。才是真正有意義的置灰。