交互細節(jié)——管理模式下是否需要確認按鈕?

阿青
2 評論 6095 瀏覽 16 收藏 9 分鐘

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

對于最近設(shè)計方案的一次復(fù)盤。本文主要關(guān)于管理模式的部分。

背景

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

設(shè)計問題:

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

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

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

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

二、是實時保存同步,還是點擊確認按鈕保存同步?

1. 實時保存

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

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

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

2. 確認按鈕保存

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

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

為什么用戶在編輯時會有心理壓力?重點就在于同步給誰,以及同步的內(nèi)容是什么。

3. 用戶

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

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

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

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

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

4. 內(nèi)容

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

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

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

比如知乎內(nèi)容發(fā)布后,二次編輯,需點擊保存更新才會同步給其他人。創(chuàng)作者寫文章耗費了自己的時間成本,好的內(nèi)容可以幫創(chuàng)作者帶來流量和價值感,所以創(chuàng)作者會更重視文章內(nèi)容的完整性。而實時同步編輯過程所展示的內(nèi)容是不完整的,會影響讀者閱讀內(nèi)容的感受。所以點擊保存更新,統(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)容對于同步者影響不大,可以使用實時更新。

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

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

根據(jù)以上 3 點,我的方案選擇實時保存,實時更新。

最后

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

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

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

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

該文觀點僅代表作者本人,人人都是產(chǎn)品經(jīng)理平臺僅提供信息存儲空間服務(wù)。

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 還應(yīng)該考慮老師歲數(shù),歲數(shù)稍大的老師,還是喜歡有個保存按鈕,更踏實,這是他們經(jīng)歷的一種互聯(lián)網(wǎng)習(xí)慣。

    來自北京 回復(fù)
  2. 章節(jié)的調(diào)整會影響學(xué)生學(xué)習(xí)吧哈哈哈

    來自浙江 回復(fù)
专题
16851人已学习14篇文章
图标是用户页面不可缺少的元素,本专题的文章分享了图标设计指南。
专题
17925人已学习13篇文章
电商平台为了促销或者扩大知名度,经常会设计或大或小的活动,用户完成任务即可获得奖励,以此来提高用户的活跃度和增加销量。本专题的文章分享了电商平台营销活动设计。
专题
12488人已学习12篇文章
所谓SOP,即标准作业程序,指将某一事件的标准操作步骤和要求以统一的格式描述出来,用于指导和规范日常的工作。本专题的文章分享了SOP创作指南。
专题
18248人已学习13篇文章
AI产品经理的核心目的是通过AI技术创造和优化产品服务,丰富技术知识可以让自己在工作中拥有更多话语权。本专题的文章分享了AI产品经理需要掌握的AI技术。