交互細(xì)節(jié)——管理模式下是否需要確認(rèn)按鈕?
關(guān)于“管理模式下是否需要確認(rèn)按鈕”這一問題,作者結(jié)合自己最近的一次設(shè)計(jì)方案復(fù)盤,從三個維度展開分析,希望對你有所啟發(fā)。
對于最近設(shè)計(jì)方案的一次復(fù)盤。本文主要關(guān)于管理模式的部分。
背景
需求:在課程章節(jié)頁面,老師希望可以對章節(jié)、單元編輯名稱和調(diào)整順序。
設(shè)計(jì)問題:
- 操作功能入口放在哪里?
- 是實(shí)時保存同步,還是點(diǎn)擊確認(rèn)按鈕保存同步?
- 樹結(jié)構(gòu)下的排序如何設(shè)計(jì)?
一、操作功能入口放在哪里?
最開始想到的就是放在章節(jié)單元后,增加更多 icon,用戶點(diǎn)擊更多進(jìn)行章節(jié)單元的編輯刪除,拖拽直接調(diào)整排序??墒沁@種設(shè)計(jì)方式讓章節(jié)看起來復(fù)雜很多,而且老師使用頻率很低,一般只有在學(xué)期剛開始,備課時設(shè)置,后期幾乎不再會進(jìn)行調(diào)整。
為了降低頁面復(fù)雜度,我把編輯排序放在統(tǒng)一入口,點(diǎn)擊后,再進(jìn)行操作。我給這個入口命名為管理。點(diǎn)擊管理,進(jìn)入到管理模式,調(diào)整章節(jié)、單元的名稱和層級結(jié)構(gòu)。
二、是實(shí)時保存同步,還是點(diǎn)擊確認(rèn)按鈕保存同步?
1. 實(shí)時保存
實(shí)時保存就是用戶的每一步操作都會立即生效。比如一些標(biāo)題的編輯,鼠標(biāo)hover上去會展示輸入框,光標(biāo)消失即保存成功?;蛘咧蹙庉嬑恼聲r,也會告訴你保存中。
實(shí)時保存相較于確認(rèn)保存少一步操作路徑,每一步操作立即生效同步更新,相對來說效率較高。由于人們總是會忘記收尾工作,實(shí)時保存也避免了讓用戶承擔(dān)忘記點(diǎn)擊確認(rèn)按鈕而使數(shù)據(jù)丟失的風(fēng)險。
實(shí)時保存也有缺點(diǎn),比如當(dāng)用戶想要反悔撤銷的話,就會比較困難。一般會根據(jù)具體需求搭配撤銷按鈕、歷史版本等方式,給用戶一個反悔撤銷的機(jī)會。
2. 確認(rèn)按鈕保存
用戶進(jìn)行的一系列操作,都不會立即生效,而需點(diǎn)擊確認(rèn)(保存等)按鈕后,所有操作才會生效。比如飛書管理后臺對于會議室預(yù)約規(guī)則的設(shè)置。默認(rèn)是查看模式,修改字段進(jìn)入編輯模式,展示取消、保存按鈕,點(diǎn)擊保存更新修改,取消則回到編輯前的狀態(tài)。
這種方式的好處是,減少用戶修改過程的心理壓力。用戶在修改過程中可以隨意調(diào)整,內(nèi)容不會被同步,修改好后點(diǎn)擊確認(rèn)按鈕統(tǒng)一保存,內(nèi)容同步。
為什么用戶在編輯時會有心理壓力?重點(diǎn)就在于同步給誰,以及同步的內(nèi)容是什么。
3. 用戶
內(nèi)容修改后只同步給自己。
例如微信標(biāo)簽管理,進(jìn)入管理模式后,對于標(biāo)簽的排序,刪除都實(shí)時保存更新,沒有確認(rèn)按鈕。標(biāo)簽修改后的結(jié)果只會同步給自己,而自己在管理標(biāo)簽的過程已經(jīng)知道了修改結(jié)果,如果增加確認(rèn)按鈕倒顯得較為繁瑣。
內(nèi)容修改后會同步給其他用戶。
例如飛書管理后臺對于會議室預(yù)約規(guī)則的設(shè)置,設(shè)置結(jié)果會影響其他用戶預(yù)約會議室,比如能不能約、幾點(diǎn)能約,所以同步設(shè)置結(jié)果就必須要謹(jǐn)慎一些。而多一步確認(rèn)(保存)按鈕可以幫用戶再次確認(rèn)自己的操作行為,讓同步結(jié)果更謹(jǐn)慎。
以上可以總結(jié)為,如果內(nèi)容修改后只同步給自己,則實(shí)時保持更便捷。如果內(nèi)容修改后會同步給其他用戶,則需考慮增加確認(rèn)按鈕讓操作行為更謹(jǐn)慎。具體還需考慮內(nèi)容本身。
4. 內(nèi)容
如果內(nèi)容對其他用戶影響不大,也可以使用實(shí)時更新。
比如飛書管理后臺對于會議室名稱的修改,修改后,光標(biāo)移開即保存成功。會議室名稱對于用戶來說只有信息的傳遞,沒有功能上的制約,甚至也不影響用戶行為目標(biāo)。可以思考下,當(dāng)用戶想約會議室時,什么會影響用戶決策?比如位置-用戶會考慮距離是否合適、或者狀態(tài)-是否當(dāng)前被占用等,但會議室名稱幾乎不會影響用戶預(yù)約決策。所以內(nèi)容對用戶影響較小,使用實(shí)時更新。
編輯者對于內(nèi)容的重視程度。
比如知乎內(nèi)容發(fā)布后,二次編輯,需點(diǎn)擊保存更新才會同步給其他人。創(chuàng)作者寫文章耗費(fèi)了自己的時間成本,好的內(nèi)容可以幫創(chuàng)作者帶來流量和價值感,所以創(chuàng)作者會更重視文章內(nèi)容的完整性。而實(shí)時同步編輯過程所展示的內(nèi)容是不完整的,會影響讀者閱讀內(nèi)容的感受。所以點(diǎn)擊保存更新,統(tǒng)一同步內(nèi)容可以避免這些問題的發(fā)生。
三、我的方案
回到自己的產(chǎn)品上,老師對于章節(jié)的管理操作會同步給學(xué)生,調(diào)整結(jié)果會影響學(xué)生查看章節(jié)結(jié)構(gòu)。作為學(xué)生,主要任務(wù)是完成章節(jié)或者單元下的學(xué)習(xí)活動。所以調(diào)整的內(nèi)容并不影響學(xué)生完成學(xué)習(xí)任務(wù),按照我們所總結(jié)的規(guī)則,內(nèi)容對于同步者影響不大,可以使用實(shí)時更新。
再來看編輯者對于內(nèi)容的重視程度。老師會在學(xué)期前開始備課,管理層級結(jié)構(gòu)屬于備課環(huán)節(jié),教學(xué)內(nèi)容一般都是固定的,所以后期調(diào)整層級結(jié)構(gòu)的頻率很低。操作行為低頻且優(yōu)先級不高,內(nèi)容固定,對于老師來說,重視程度一般。所以也可采用實(shí)時更新。
由于老師編輯章節(jié)或單元已有保存按鈕,如果管理模式還存在保存操作的話,對于編輯功能來說需 2 次保存才算是真的保存,理解成本過高。選擇實(shí)時保存方式更合適。
根據(jù)以上 3 點(diǎn),我的方案選擇實(shí)時保存,實(shí)時更新。
最后
以上是我對于工作內(nèi)容中關(guān)于管理模式的復(fù)盤思考,最終設(shè)計(jì)方案的產(chǎn)出還是需要結(jié)合自己產(chǎn)品的業(yè)務(wù),在體驗(yàn)和功能的權(quán)衡之下做出最合理的設(shè)計(jì)。
關(guān)于第三部分排序放在下次在寫….
本文由 @阿青 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載
題圖來自Unsplash,基于CC0協(xié)議。
該文觀點(diǎn)僅代表作者本人,人人都是產(chǎn)品經(jīng)理平臺僅提供信息存儲空間服務(wù)。
還應(yīng)該考慮老師歲數(shù),歲數(shù)稍大的老師,還是喜歡有個保存按鈕,更踏實(shí),這是他們經(jīng)歷的一種互聯(lián)網(wǎng)習(xí)慣。
章節(jié)的調(diào)整會影響學(xué)生學(xué)習(xí)吧哈哈哈