萬年議題~關於表單介面上的按鈕

Mina Liou
Oct 9, 2022

--

一般來說,帳密輸入時有兩種方案:

A)欄位就算還沒有輸入,按鈕也可以點擊。

B)欄位若符合正確格式,按鈕才可以點擊。

A 常出現在銀行的應用,但 B 也很普遍,究竟哪一個比較理想?🤔

這裡提供幾個思維:

1)enabled 與 disabled state 主要是對應送出前對「欄位格式」的把關過濾、減少用戶操作錯誤。

2)先過濾一些例外情境,後續送出就可以減少許多錯誤提醒。

3)如果覺得按鈕一開始是 disabled state 感覺「沒活力」,可以嘗試把淺灰色換成淺標準色;例如按鈕的 enabled 是藍色,那就把 disabled 變成超級淺的藍色;因為淺灰色看起來太像禁止使用。

對於 A. 派系的誕生來源,我聽過工程師說過 –—他們認為格式正確「不」表示資料正確,與其這樣不如一律送出後再檢查;即使接下來要吐出一堆 error message,但他們也不在乎⋯ 因為很簡單,這就是個「輸入、處理、輸出」的事情而已~😂

這樣我就理解為什麼有 A 的存在⋯原來活力按鈕是個煙霧彈~💣💥🥊

而 B 我也聽過另一個工程師說,有互動的反應,會讓用戶覺得有在做把關的動作,設計上看起來比較用心與聰明。

所以什麼好?什麼不好?端看用什麼視角去看待,當某一種做法越來越普遍、甚至成為一個常用模式,久而久之大家也就認同了那種做法,這世界就是這麼運作的~☺️✨🫧

--

--

Mina Liou
Mina Liou

Written by Mina Liou

✨ UX 圖創師(❤️ 使用者經驗設計 + 🎨 圖像溝通 + 💡 創意思考)🥑 不專業廚娘 📖 自學數據分析

No responses yet