前幾天有同事做表單填寫頁,提到了“完成”按鈕是否要置灰的問題。我的第一反應是不建議置灰,因為聯想到曾遇到過的幾個場景:
1、表單項較多,我會挑選出必填項之後提交。但選了必填項,按鈕卻未亮起,未選卻亮起了。
按鈕不止有提交的作用,也會起到校驗和提示的作用。置灰時需要使用者自己去猜測還有哪一項需要填寫。
2、很多APP的登入按鈕置灰,開始輸入密碼,按鈕就亮起。此時真想馬上過去點登入,但是密碼並沒有填寫完。
按鈕亮起的效果可以逐步引導使用者進行操作,但每個人密碼位數是不同的,按鈕何時亮起是個問題,提前亮起會干擾使用者。
3、iOS9 音樂的賬戶資訊,明明2次輸入了同樣的內容,“完成”按鈕狀態卻不同。(單純想吐槽一下)
按鈕置灰,且不知道填寫格式錯在哪裡。
那是否按鈕不應該置灰呢?也並不是。找到了幾個比較好的按鈕置灰場景:
1、手機號分步註冊
2、支付密碼
也有很多app已經省去了“確定”按鈕,此處不做討論。
3、取快遞機器的介面(同上,取件密碼格式為固定8位數字)
以上三種場景,都是僅有一個輸入框+按鈕,輸入內容格式固定,使用者明確知曉如何輸入。
這樣做,既起到了逐步引導使用者進行操作的作用,也省去了為空提交時的錯誤提示。才是真正有意義的置灰。