我們知道茬射，在做頁面設計的時候，最重要的就是確定「頁面元素」烘苹。哪些元素需要放在頁面上躲株，哪些元素不需要放在頁面上，這些都是需要深思熟慮的镣衡。這一節(jié)我們來講講頁面元素中比較特殊的一類元素——無效元素霜定。
那么什么是「無效元素」呢档悠？一般來說，對于推進頁面流程沒有任何幫助的元素望浩，均屬于無效元素辖所。比如說有一個按鈕，點擊之后發(fā)現(xiàn)其實是無效的磨德，或者說該展示內容的地方實際上是空的等缘回，都屬于本文定義的「無效」情況〉涮簦「無效」指的是不產生作用酥宴，對推進頁面流程沒有任何幫助，即將這個元素完全地去除您觉，也并不會影響頁面的正常使用拙寡。
「無效」并不是「無用」，很多新人在剛開始做頁面設計的時候琳水，很容易想當然地把一些頁面中的無效元素刪除肆糕，簡單的思考就是「既然沒用，干嘛還把它放上面在孝？」或者是為了頁面看起來簡潔诚啃，而直接把無效元素給去除了。
我們先來看看「無效按鈕」私沮。
什么是「無效按鈕」呢始赎？例如在點保存的時候，提示不能保存仔燕，并告知不能保存的原因极阅。這里的保存按鈕就是上述定義中的無效按鈕，因為點擊保存并沒有起到「保存」的作用涨享，并沒有使流程往前推進。再例如在點擊「選擇」的時候仆百，正常的操作是彈窗列表頁厕隧，從中進行選擇，如果如果這個列表頁是空的俄周，那么顯然無法選擇吁讨，這個時候這里的「選擇」按鈕便是無效按鈕。簡單來講峦朗，所有不能達到「預期效果」的按鈕均為無效按鈕建丧。
一般情況下，我們應對「無效按鈕」有以下4種策略：
（1）策略一：直接隱藏按鈕波势。
（2）策略二：顯示按鈕但禁用翎朱。鼠標懸停提示禁用的原因橄维。
（3）策略三：顯示按鈕并可操作，點擊后彈窗提示不可用的原因拴曲。
（4）策略四：顯示按鈕并可操作争舞，進入新頁面（包含彈窗頁）提示不可用。
這4種策略的適用場景分別是什么澈灼？我們針對電商系統(tǒng)常見的前后臺頁面逐一說明各自的應對策略竞川。
列表頁內容
當列表頁的內容為空時，該頁面就是「無效頁面」叁熔，通常來講委乌，列表頁為空屬于特殊情形，一般不隱藏荣回，而是在列表頁展示內容的區(qū)域告知暫無內容遭贸。后臺部分列表頁很常見，采取這種策略的原因是列表頁內容為空僅為臨時性的特殊情況驹马，非大概率事件革砸，無須對該種情況增加額外判斷，同時也可以讓用戶知曉存在這么一個頁面糯累。另外主動性列表頁（由用戶自行主動產生內容的列表頁）一旦隱藏入口將無法進行內容新增算利。
更準確的講，實際上列表頁內容為空情形屬于以上的策略四泳姐。一般都是通過點擊事件后進入列表頁效拭，承載點擊事件的按鈕便屬于以上的策略四，采取策略四的原因一般是：通過點擊按鈕的下一步操作通常是可用的胖秒，便不在這一個環(huán)節(jié)進行攔截了缎患，用戶的預期是這個按鈕是可操作的，即便禁用還是會習慣性的去進行點擊阎肝。
列表頁操作按鈕
列表頁除了展示內容的「業(yè)務區(qū)」挤渔，一般會在行尾放置「操作區(qū)」，對每一行的內容進行操作风题。列表頁的操作按鈕的主要特點是判导，按鈕都基本一致，因此對于一個不可用按鈕直接隱藏會導致按鈕區(qū)的錯位沛硅，因此對于每一行的按鈕都一樣的操作區(qū)眼刃，采取策略二是不錯的選擇。實際上策略二和策略三并無區(qū)別摇肌，除非是需要提醒的內容過多擂红，無法在按鈕區(qū)承載，則使用消息框提示围小，否則一般都建議使用策略二昵骤。
上面這種是普遍情況树碱，還有一種特殊情況是，對于同一行的元素存在多種狀態(tài)涉茧，每種狀態(tài)的操作有明顯不一樣的地方赴恨，很難做到統(tǒng)一，如果將所有按鈕都進行擺放伴栓，都會造成操作區(qū)大大冗余伦连，得不償失。在這種情況下钳垮，就采取策略一惑淳。將其他狀態(tài)的按鈕進行隱藏。常見的例如訂單列表頁就采取了這種策略饺窿。
編輯頁
在編輯頁中歧焦，我們知道，如果用戶填寫的內容未達到要求的話肚医，我們是不允許用戶進行保存的绢馍。這個時候如果用戶點擊保存，很顯然是無效的肠套，這種情況怎么處理呢舰涌？一般來說，有兩個策略：一是用戶沒完成一個輸入你稚，就對輸入區(qū)進行檢測和判斷瓷耙，如果填寫錯誤，則標紅提示錯誤信息刁赖，在用戶未完成所有的必填項之前搁痛，保存按鈕均保持禁用，僅當所有內容均正確輸入后才將保存按鈕變更為可用宇弛。二是在用戶輸入時不檢測鸡典，保存按鈕始終保持可用，但是點擊保存時枪芒，提示無法保存的原因轿钠。以上兩種策略均可用，不過策略一的用戶體驗會高于策略二病苗。
總歸一點，所有的策略都是圍繞著「用戶預期」來的症汹，都是為了讓用戶能夠少思考硫朦，更好地使用，少出錯背镇。而不是為了使頁面看起來「簡潔」而強行「簡潔」咬展，否則就是本末倒置了泽裳。上面的二三四策略區(qū)別并不明顯，主要區(qū)別在于是否需要隱藏一個不可用的按鈕破婆，一個簡單的方法就是涮总，如果這個按鈕是這個頁面是主要元素，那就絕對不要隱藏祷舀，否則會造成用戶操作中斷瀑梗。一個按鈕雖然不能點，但是卻給用戶提供的明確且有效的信息裳扯，而如果直接隱藏了抛丽，則這個時候很容易產生困惑，會一直去尋找這個按鈕饰豺，找不到只會認為是遺漏了而不會認為產品貼心地幫他過濾了無效信息亿鲜。
