編輯導讀：在填問卷或者使用產(chǎn)品的時候，為了避免一些無法預計的系統(tǒng)錯誤和損失，系統(tǒng)在用戶提交空值或不符合系統(tǒng)規(guī)則的數(shù)據(jù)時，會禁止用戶某些操作，達到預防“慘案”發(fā)生的效果。本文作者圍繞禁用功能，談談它的設計，希望對你有幫助。

不知道大家在使用產(chǎn)品的時候，有沒有碰到過，明明是可以點擊的按鈕，但怎么點擊都沒有反應，然后就一直停在那個頁面什么都做不了，如下圖：

頁面的內容都已填寫完整，但點擊“下一步（預覽）”時就是沒反應；

之后向上翻看了一下，發(fā)現(xiàn)還有兩個必填項沒有填寫；其實點擊“下一步（預覽）”時輸入框有提示，但因為沒有翻到有提示語的頁面，用戶以為沒有反應，會感到困惑。

那這種情況產(chǎn)品要如何處理呢？我覺得有以下兩種方案：

方案一：必填項未填寫完整時，“下一步（預覽）”按鈕禁用/隱藏；

只有在必填項都填寫完整時，才會將按鈕變成可點擊的狀態(tài)；這種方案的好處是可以避免用戶誤觸沒有效果的按鈕；

但需要注意的是，有可能用戶一直無法將按鈕變成可點擊的狀態(tài)，讓用戶感到迷茫，所以在用戶點擊禁用按鈕時，要給出提示語，引導用戶繼續(xù)操作；

方案二：“下一步（預覽）”按鈕一直保持可點擊的狀態(tài)，當有必填項未填時，點擊按鈕在當前頁給出提示，或定位到有問題的頁面；

只有在必填項都填寫完整時，點擊按鈕才會進入下一步；這種方案的好處是用戶做出動作后都能及時收到反饋，系統(tǒng)業(yè)務流程清晰；

兩種方案都能幫助用戶達成目的，但是第二種方案對用戶來說，體驗更好，流程更清晰；在需要引導用戶完成既定流程時，直接展示可操作按鈕比禁用的方案更好。

一、禁用功能

禁用，為了避免一些無法預計的系統(tǒng)錯誤和損失，系統(tǒng)在用戶提交空值或不符合系統(tǒng)規(guī)則的數(shù)據(jù)時，會禁止用戶某些操作，達到預防“慘案”發(fā)生的效果；通常以禁用，隱藏的形式呈現(xiàn)；

以表單填寫為例，為了避免用戶轉錯賬戶，導致雙方損失財產(chǎn)，系統(tǒng)在用戶沒有按規(guī)則填寫銀行卡持有人和銀行卡號時，會禁止操作下一步，即使填寫了也需要校驗成功后才會進行轉賬，達到提前阻止問題發(fā)生；

來看幾個常見的實際案例吧，想必大家都有發(fā)過短信，但有沒有注意過發(fā)送按鈕的狀態(tài)變化呢？什么時候不能發(fā)送，什么時候能發(fā)送，為什么要這樣處理？

IOS系統(tǒng)短信功能：

在沒有輸入任何內容和只輸入了短信的時候，發(fā)送按鈕是禁用的，說明目前還不能發(fā)送短信；當只輸入收件人時，發(fā)送按鈕變成了可點擊的狀態(tài)，但實際點擊是沒有反應的；

安卓系統(tǒng)短信功能：

與ios系統(tǒng)不同的是，在只輸入收件人時，發(fā)送按鈕仍是禁用狀態(tài)；反之，只輸入短信內容時，發(fā)送按鈕是可點擊狀態(tài)，點擊后會提示“請?zhí)砑邮占恕保?/p>

不同的系統(tǒng)收發(fā)短信的流程都是一樣，由A編輯短信，通過通訊基站B，讓C收到短信；

假設，有收件人手機號碼，但是短信內容為空，那么A會發(fā)送短信，C會接收到一條內容為空的短信；

假設，沒有收件人手機號碼，那么A會發(fā)送短信，B會接收到短信，但C不會接收到短信；

A->B->C 以及 a->b 這兩個過程都會耗費網(wǎng)絡資源和服務器資源，當他是單個個體存在時，耗費的資源幾乎可以忽略不計，但以億為單位去推測累計一年所耗費的資源時，就無法忽視了；

根據(jù)工信部最新發(fā)布的數(shù)據(jù)顯示，截至4月末，三家基礎電信企業(yè)的移動電話用戶總數(shù)達15.9億戶，2020年1－12月短信業(yè)務量總計17796億條，平均每秒鐘同時發(fā)送5萬條，如果大家都發(fā)送沒有手機號碼的短信，將浪費大量的網(wǎng)絡資源和服務器資源，如果有人惡意發(fā)送大量沒有手機號碼的短信，甚至導致服務器宕機，所有人都無法正常使用短信功能；

為了避免網(wǎng)絡資源和服務器資源浪費，甚至服務器的宕機，系統(tǒng)在用戶沒有填寫收件人手機號碼時，會禁止發(fā)送短信，即使不同的系統(tǒng)使用不同的解決方案，都是達到預防“慘案”發(fā)生的效果。

二、禁用功能的注意事項

1）禁用狀態(tài)需與正常狀態(tài)明顯區(qū)分

禁用狀態(tài)，是為了讓用戶知道這里是不可點擊的，將操作按鈕的存在感處理得很低，達到減少用戶點擊的效果，一般以置灰的形式呈現(xiàn)；

正常狀態(tài)，為了引導用戶完成系統(tǒng)內操作，系統(tǒng)會吸引用戶去點擊，達到指引的效果一般用醒目的顏色，跳動或其他能吸引用戶實現(xiàn)的形式呈現(xiàn)；

當禁用狀態(tài)和正常狀態(tài)區(qū)分時，用戶能清楚的知道什么時候是可以點擊的，什么時候不可以點擊；

如果系統(tǒng)里的所有操作按鈕都只有一種狀態(tài)時，用戶在點擊每一個按鈕時，都像是在拆盲盒，短時間可能是驚喜，但時間長了只會覺得茫然無措，甚至有些疲憊，永遠都不知道點擊了按鈕會有什么結果，什么時候應該點，什么時候不應該點。這時系統(tǒng)如果增加了沒有結果時的狀態(tài)，用戶多次點擊無果后，漸漸就會知道點擊這種狀態(tài)的按鈕是沒有用，也就會減少點擊次數(shù)；

上圖是一個WPS編輯文檔的功能界面，對于用戶來說，編輯文檔是連續(xù)的動作，使用的功能也是差不多的，如果因為當前該功能無法使用就隱藏的話，會讓用戶感到不穩(wěn)定，尤其是剛剛還能看到那個功能，突然一下就找不到的情況，這時建議系統(tǒng)不更改功能展示的位置，只區(qū)分功能的可用狀態(tài)；

如上圖，為了減少用戶的困擾，禁用狀態(tài)與正常狀態(tài)應保持在相同的位置，同時做明顯的顏色區(qū)分，讓用戶一眼就能辨認能不能使用該功能。

2）點擊禁用功能時給出反饋

禁用功能的反饋，目的是避免用戶使用禁用功能時，有系統(tǒng)無響應的感知；

由于功能已經(jīng)被禁用了，當用戶執(zhí)行操作時，就無法執(zhí)行正常的跳轉，或者一些變化，此時，用戶并不能直觀判斷出功能被禁用，因此會默認定義為程序出問題了，系統(tǒng)出故障了；

所以，禁用功能的反饋，是為了避免用戶歸責于產(chǎn)品BUG，對產(chǎn)品產(chǎn)生負面情緒，同時也是為了給到操作指引，避免用戶不知道該如何處理。

編輯表單后提交信息，有時部分內容忘了填寫就提交，系統(tǒng)會給出提交失敗的原因，或引導用戶進入下一步；如上圖，在用戶沒有填寫銀行卡號卻點擊了下一步時，系統(tǒng)給出能完成表單提交的提示，同時提示語簡潔，準確，能讓用戶快速了解如何做才能完成表單的提交。

三、總結

再來復習一下，禁用，是為了避免一些無法預計的系統(tǒng)錯誤和損失，禁止用戶某些操作，達到預防“慘案”發(fā)生的效果；

那么在決定使用禁用功能之前，一定要想清楚這個禁用功能是為了避免什么錯誤和損失，當前的禁用方案能否達到效果；

同時，要考慮禁用功能的反饋，避免用戶使用禁用功能時，有系統(tǒng)無響應的感知，覺得系統(tǒng)出故障了；

在考慮解決方案時，不僅要考慮能否達到預期效果，還要考慮用戶體驗。

本文由 @噠噠臨 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)作者許可，禁止轉載。

題圖來自Unsplash，基于CC0協(xié)議。