按鈕灰顯在設計中還有價值嗎？

01-08

按鈕灰顯（Disabled）是一種隱喻，意思是還沒滿足前置條件功能暫時不可用，但是廣大用戶們似乎不這樣以為，他們會覺得是功能出故障了不能點了，所以現在很多的產品里都不怎麼會讓按鈕灰顯，而改為點擊後檢測前置條件，如果不滿足的警告提醒。
SO，既然灰顯機制沒有達到原本的意圖，是否該讓它滾出設計界呢？
Like QQ：

=============2014-1-3補充===============
看到一部分知友的答覆，我感覺應該再強調一下本題的中心思想：
為啥某些場合下可以通過讓按鈕灰顯來預防用戶犯錯，但是卻沒有這樣做？

另，我沒有問：1）按鈕灰顯機制本身的設計原理以及好壞 2）用設計操控大眾習慣是否存在道德問題（囧）
現在很多互聯網產品的設計思想（至少設計口號）一定都是讓更多的普通老百姓也可以使用，普通老百姓在沒有熟悉電腦操作之前，在他眼裡電腦屏幕上的一切都見風是風、見雨是雨，知道颳風後意味著要下雨的人很少很少，也就是說他們腦袋裡對電腦的里一些默認規約（我們稱之為隱喻）認識度幾乎是0，在這個前提下，通過一些限制預防犯錯真不如放開限制考慮如何教學來的實在。
我刻意造一個例子（這是一個我們頭腦里都沒有先驗經驗的例子）大家體會一下：
假如你來到一所新房子，這是一個現代化的房子，室內所有物品都是互相聯動的，你進門後感覺屋子很熱想要吹冷風，於是就找到空調遙控器，但此時發現遙控器上的開關鍵怎麼按都按不下去！也許聰明一點的人會想到是聲控或自動感應什麼的，ok，你再試了一下大喊：開空調~開空調~~，空條還是沒反應！你把大門開開，窗戶開開，讓屋子裡更熱希望空調能感應到，但是空調依然沒有反應！
你什麼感受？是不是挫敗感十足？是不是會懷疑空調壞了？

我知道你一定想知道為什麼打不開空調。
別急，再聽我說一下這個故事的B版本：
你來到一所新房子，這是一個現代化的房子，室內所有物品都是互相聯動的，你進門後感覺屋子很熱想要吹冷風，於是就找到空調遙控器，對著空調按下去，此時空調立即飄出了優美的女聲：房門沒有關閉，請關好房門在開啟空調。
......
你體會到什麼？好吧，我先承認打開不開空調的原因很挫。

但這個例子的目的真不是為了辯證現代化的房子有多麼的不現代，而是為了讓你感受到在不知道系統內部制約而又得不到提示時的困苦感覺。
用戶總是通過犯錯來學習，這個觀點真實不虛。

我認為這是個很好的問題！

灰顯按鈕相當於在一扇必經之門（也可能非必經）上加了一把鎖，卻不直接告訴你鑰匙在哪裡，用戶得動一下腦筋，看看到底要做些什麼才能讓按鈕解除灰顯。這和我們常說的don"t make me think的設計思想是有違背的。因此在交互設計的過程中，我們的確應當盡量避免讓按鈕灰顯態處於用戶可以感知的「視覺」和「流程」之中。

所謂視覺隱藏，即讓按鈕永遠處於可點擊的狀態，但是在條件未達成的情況下，點擊按鈕後出現問題提示，是目前很常用的一種設計。參考各大登錄面板，不只是QQ，幾乎所有登錄按鈕，都是這樣的。更況且，登錄界面承載著用戶的第一印象，灰顯實在太拒人千里了。

流程隱藏，以表單設計為例，對每個關鍵輸入框都進行實時邏輯校驗與提示，避免用戶填完整個表格以後發現「提交」按鈕還是灰的。

但是能不能讓他徹底滾出設計圈呢？

我認為還是不能，按鈕狀態其實是最簡潔的狀態提醒器，在某些界面下，捨棄了他，就得再提供一個顯示狀態的地方，反而越來越複雜。

例如這個：

設置面板里常見的「三兄弟」確定、取消、應用。

當任何設置發生修改的時候，「應用」就會由灰變亮。如果「應用」按鈕一直亮著，用戶反而會困惑，剛才的操作，是否已經改變了原有的設置？

如果用上文提到的視覺隱藏的方法來做，「應用」一直亮著，用戶未做更改時，直接點「應用」，彈出「沒有任何新設定生效」的提示，就顯得太複雜了。以上。

只能說PC版沒設計好唄

第一，是界面親和力的問題

第二，在於發生錯誤登陸的後續的交互提示設計，可以彌補你所認為是問題的問題

第三，如果該用戶一直點登陸，而無視賬號密碼輸入的提示，那麼，智商問題時不在交互設計的解決問題範圍內的，所以不用太困惑

凸起的有陰影的可按按鈕和不可操作狀態的按鈕是有區別的，相信用戶一看就能識別，不管怎麼說，灰色不可按按鈕我一眼就分辨得出，這種設計很好

灰顯的作用，無非就是提示用戶「你可以××（××為按鈕顯示的內容）了」，那麼要不要灰顯，就看是不是需要這樣的提示。

如你所貼的QQ登錄窗口，當你什麼都不輸入的時候，你應該很清楚是無法登錄的，所以沒有必要用灰顯來提示用戶無法登錄了。

但是如@Clouder所貼的圖，用戶有做過哪些操作，可能用戶都不是很清楚，那麼這個時候，就需要用灰顯來提示用戶，是否做了操作，是否可以讓操作生效了。

ps：對於Koma貼的圖，感覺把登錄的「箭頭」隱藏起來，沒必要吧

同意@Clouder的分析。對於單一的功能入口，灰顯是一個bad design。但是對於處於同一層級的一組功能互斥的操作按鈕，灰顯是有意義的。它能更好的提示用戶當下的使用場景，並通過灰顯和高亮之間的狀態切換給予用戶可感知的反饋。

這樣問，是因為你不知道有種狀態叫：高亮。

按照你的思維，輸入了用戶名就可以變可點擊了嗎？密碼還沒輸入呢，那輸入了密碼就可以了嗎？萬一我還要記住密碼呢？

按鈕從不可點擊到可點擊，會有一個顏色的變化，變化就是在提示你去點擊。現在問題來了：該什麼時候去提示用戶點擊呢？輸完8位以上密碼以後（具體幾位沒試過）？那萬一用戶要記住密碼呢？這個時候不恰當吧，，，如果這樣，你還能找到其他的節點變可點擊狀態嗎？

如果要做成你所說的提示，是這樣，輸入用戶名，檢測用戶名可用，符合用戶名規則；輸入用戶名，檢測密碼，符合密碼規則；ok都過了，點擊登錄檢查資料庫。那勾記住密碼呢？是不是想想就複雜？

有一種情況，是記住了密碼，直接登錄（私人筆記本電腦）；還有一種，記住了用戶名，填密碼，登錄（公司電腦）；剩下一種就是你發的圖，第一次登錄，或者清除了所有賬戶信息。最後一種屬於少數情況。在少數情況下，做這種幫倒忙的提示，是不是沒必要呢？

最後，大家有沒有碰到這種情況，私人筆記本上，網頁上登錄，填了用戶名，填了密碼，點擊登錄，ok。顯示loading，我他媽忘記勾選記住密碼了！下次不是還要填，趕緊勾去，網頁已經在loading，勾不上了，後悔去吧。如果填完密碼，按鈕變成可點擊狀態，那不是坑我嘛，故意讓我不勾記住密碼。

一般網站要放個大大的登陸或註冊按鈕而且還是激活狀態的顏色鮮艷的，是怕不夠明顯用戶流失掉。像qq這種每天都要用的，沒有必要非放一個激活狀態的按鈕戳在那兒，只能說抄襲不經大腦。

默認狀態下不出現的，可以先隱藏，滿足條件時再出現。例如Koma貼的Mac QQ的處理方式。PC QQ的處理方式顯得累贅。

默認狀態下出現的，假如不能點擊了，可以灰顯。比如下一頁按鈕，如果你一直點擊下一頁按鈕，到最後一頁的時候，下一頁按鈕突然消失，會覺得很奇怪。

如果真如你所說，很多的產品里已經都不再讓按鈕灰顯。那讓不讓它滾出設計界有什麼區別呢？

說到底，不都是有需求就做，沒需求就不做。

難道會有設計界認同才做，設計界不認同就不做？

不應該

就像你家的開關，關閉的狀態需要始終存在，和打開是個對等

有按鈕，就得有灰色、著色兩種，才構成整體。