按鈕置灰的思考

發表於2015-10-27

前幾天有同事做表單填寫頁,提到了“完成”按鈕是否要置灰的問題。我的第一反應是不建議置灰,因為聯想到曾遇到過的幾個場景:

1、表單項較多,我會挑選出必填項之後提交。但選了必填項,按鈕卻未亮起,未選卻亮起了。

按鈕不止有提交的作用,也會起到校驗和提示的作用。置灰時需要使用者自己去猜測還有哪一項需要填寫。

 

2、很多APP的登入按鈕置灰,開始輸入密碼,按鈕就亮起。此時真想馬上過去點登入,但是密碼並沒有填寫完。

按鈕亮起的效果可以逐步引導使用者進行操作,但每個人密碼位數是不同的,按鈕何時亮起是個問題,提前亮起會干擾使用者。

3、iOS9 音樂的賬戶資訊,明明2次輸入了同樣的內容,“完成”按鈕狀態卻不同。(單純想吐槽一下)

按鈕置灰,且不知道填寫格式錯在哪裡。

那是否按鈕不應該置灰呢?也並不是。找到了幾個比較好的按鈕置灰場景:

1、手機號分步註冊

2、支付密碼

也有很多app已經省去了“確定”按鈕,此處不做討論。

3、取快遞機器的介面(同上,取件密碼格式為固定8位數字)

以上三種場景,都是僅有一個輸入框+按鈕,輸入內容格式固定,使用者明確知曉如何輸入。

這樣做,既起到了逐步引導使用者進行操作的作用,也省去了為空提交時的錯誤提示。才是真正有意義的置灰。

相關文章