關(guān)于“管理模式下是否需要確認(rèn)按鈕”這一問(wèn)題，作者結(jié)合自己最近的一次設(shè)計(jì)方案復(fù)盤(pán)，從三個(gè)維度展開(kāi)分析，希望對(duì)你有所啟發(fā)。

背景

需求：在課程章節(jié)頁(yè)面，老師希望可以對(duì)章節(jié)、單元編輯名稱和調(diào)整順序。

設(shè)計(jì)問(wèn)題：

1. 操作功能入口放在哪里？
2. 是實(shí)時(shí)保存同步，還是點(diǎn)擊確認(rèn)按鈕保存同步？
3. 樹(shù)結(jié)構(gòu)下的排序如何設(shè)計(jì)？

一、操作功能入口放在哪里？

最開(kāi)始想到的就是放在章節(jié)單元后，增加更多 icon，用戶點(diǎn)擊更多進(jìn)行章節(jié)單元的編輯刪除，拖拽直接調(diào)整排序?？墒沁@種設(shè)計(jì)方式讓章節(jié)看起來(lái)復(fù)雜很多，而且老師使用頻率很低，一般只有在學(xué)期剛開(kāi)始，備課時(shí)設(shè)置，后期幾乎不再會(huì)進(jìn)行調(diào)整。

為了降低頁(yè)面復(fù)雜度，我把編輯排序放在統(tǒng)一入口，點(diǎn)擊后，再進(jìn)行操作。我給這個(gè)入口命名為管理。點(diǎn)擊管理，進(jìn)入到管理模式，調(diào)整章節(jié)、單元的名稱和層級(jí)結(jié)構(gòu)。

二、是實(shí)時(shí)保存同步，還是點(diǎn)擊確認(rèn)按鈕保存同步？

1. 實(shí)時(shí)保存

實(shí)時(shí)保存就是用戶的每一步操作都會(huì)立即生效。比如一些標(biāo)題的編輯，鼠標(biāo)hover上去會(huì)展示輸入框，光標(biāo)消失即保存成功?；蛘咧蹙庉嬑恼聲r(shí)，也會(huì)告訴你保存中。

實(shí)時(shí)保存相較于確認(rèn)保存少一步操作路徑，每一步操作立即生效同步更新，相對(duì)來(lái)說(shuō)效率較高。由于人們總是會(huì)忘記收尾工作，實(shí)時(shí)保存也避免了讓用戶承擔(dān)忘記點(diǎn)擊確認(rèn)按鈕而使數(shù)據(jù)丟失的風(fēng)險(xiǎn)。

實(shí)時(shí)保存也有缺點(diǎn)，比如當(dāng)用戶想要反悔撤銷的話，就會(huì)比較困難。一般會(huì)根據(jù)具體需求搭配撤銷按鈕、歷史版本等方式，給用戶一個(gè)反悔撤銷的機(jī)會(huì)。

2. 確認(rèn)按鈕保存

用戶進(jìn)行的一系列操作，都不會(huì)立即生效，而需點(diǎn)擊確認(rèn)（保存等）按鈕后，所有操作才會(huì)生效。比如飛書(shū)管理后臺(tái)對(duì)于會(huì)議室預(yù)約規(guī)則的設(shè)置。默認(rèn)是查看模式，修改字段進(jìn)入編輯模式，展示取消、保存按鈕，點(diǎn)擊保存更新修改，取消則回到編輯前的狀態(tài)。

這種方式的好處是，減少用戶修改過(guò)程的心理壓力。用戶在修改過(guò)程中可以隨意調(diào)整，內(nèi)容不會(huì)被同步，修改好后點(diǎn)擊確認(rèn)按鈕統(tǒng)一保存，內(nèi)容同步。

為什么用戶在編輯時(shí)會(huì)有心理壓力？重點(diǎn)就在于同步給誰(shuí)，以及同步的內(nèi)容是什么。

3. 用戶

內(nèi)容修改后只同步給自己。

例如微信標(biāo)簽管理，進(jìn)入管理模式后，對(duì)于標(biāo)簽的排序，刪除都實(shí)時(shí)保存更新，沒(méi)有確認(rèn)按鈕。標(biāo)簽修改后的結(jié)果只會(huì)同步給自己，而自己在管理標(biāo)簽的過(guò)程已經(jīng)知道了修改結(jié)果，如果增加確認(rèn)按鈕倒顯得較為繁瑣。

內(nèi)容修改后會(huì)同步給其他用戶。

例如飛書(shū)管理后臺(tái)對(duì)于會(huì)議室預(yù)約規(guī)則的設(shè)置，設(shè)置結(jié)果會(huì)影響其他用戶預(yù)約會(huì)議室，比如能不能約、幾點(diǎn)能約，所以同步設(shè)置結(jié)果就必須要謹(jǐn)慎一些。而多一步確認(rèn)（保存）按鈕可以幫用戶再次確認(rèn)自己的操作行為，讓同步結(jié)果更謹(jǐn)慎。

以上可以總結(jié)為，如果內(nèi)容修改后只同步給自己，則實(shí)時(shí)保持更便捷。如果內(nèi)容修改后會(huì)同步給其他用戶，則需考慮增加確認(rèn)按鈕讓操作行為更謹(jǐn)慎。具體還需考慮內(nèi)容本身。

4. 內(nèi)容

如果內(nèi)容對(duì)其他用戶影響不大，也可以使用實(shí)時(shí)更新。

比如飛書(shū)管理后臺(tái)對(duì)于會(huì)議室名稱的修改，修改后，光標(biāo)移開(kāi)即保存成功。會(huì)議室名稱對(duì)于用戶來(lái)說(shuō)只有信息的傳遞，沒(méi)有功能上的制約，甚至也不影響用戶行為目標(biāo)?？梢运伎枷?，當(dāng)用戶想約會(huì)議室時(shí)，什么會(huì)影響用戶決策？比如位置-用戶會(huì)考慮距離是否合適、或者狀態(tài)-是否當(dāng)前被占用等，但會(huì)議室名稱幾乎不會(huì)影響用戶預(yù)約決策。所以內(nèi)容對(duì)用戶影響較小，使用實(shí)時(shí)更新。

編輯者對(duì)于內(nèi)容的重視程度。

比如知乎內(nèi)容發(fā)布后，二次編輯，需點(diǎn)擊保存更新才會(huì)同步給其他人。創(chuàng)作者寫(xiě)文章耗費(fèi)了自己的時(shí)間成本，好的內(nèi)容可以幫創(chuàng)作者帶來(lái)流量和價(jià)值感，所以創(chuàng)作者會(huì)更重視文章內(nèi)容的完整性。而實(shí)時(shí)同步編輯過(guò)程所展示的內(nèi)容是不完整的，會(huì)影響讀者閱讀內(nèi)容的感受。所以點(diǎn)擊保存更新，統(tǒng)一同步內(nèi)容可以避免這些問(wèn)題的發(fā)生。

三、我的方案

回到自己的產(chǎn)品上，老師對(duì)于章節(jié)的管理操作會(huì)同步給學(xué)生，調(diào)整結(jié)果會(huì)影響學(xué)生查看章節(jié)結(jié)構(gòu)。作為學(xué)生，主要任務(wù)是完成章節(jié)或者單元下的學(xué)習(xí)活動(dòng)。所以調(diào)整的內(nèi)容并不影響學(xué)生完成學(xué)習(xí)任務(wù)，按照我們所總結(jié)的規(guī)則，內(nèi)容對(duì)于同步者影響不大，可以使用實(shí)時(shí)更新。

再來(lái)看編輯者對(duì)于內(nèi)容的重視程度。老師會(huì)在學(xué)期前開(kāi)始備課，管理層級(jí)結(jié)構(gòu)屬于備課環(huán)節(jié)，教學(xué)內(nèi)容一般都是固定的，所以后期調(diào)整層級(jí)結(jié)構(gòu)的頻率很低。操作行為低頻且優(yōu)先級(jí)不高，內(nèi)容固定，對(duì)于老師來(lái)說(shuō)，重視程度一般。所以也可采用實(shí)時(shí)更新。

由于老師編輯章節(jié)或單元已有保存按鈕，如果管理模式還存在保存操作的話，對(duì)于編輯功能來(lái)說(shuō)需 2 次保存才算是真的保存，理解成本過(guò)高。選擇實(shí)時(shí)保存方式更合適。

根據(jù)以上 3 點(diǎn)，我的方案選擇實(shí)時(shí)保存，實(shí)時(shí)更新。

最后

以上是我對(duì)于工作內(nèi)容中關(guān)于管理模式的復(fù)盤(pán)思考，最終設(shè)計(jì)方案的產(chǎn)出還是需要結(jié)合自己產(chǎn)品的業(yè)務(wù)，在體驗(yàn)和功能的權(quán)衡之下做出最合理的設(shè)計(jì)。

關(guān)于第三部分排序放在下次在寫(xiě)….