設(shè)計(jì)發(fā)布功能該如何思考?

0 評(píng)論 2811 瀏覽 15 收藏 13 分鐘

針對(duì)于設(shè)計(jì)解決方案,同樣也具有可復(fù)用模式,不同業(yè)務(wù)或許會(huì)有些許差異,但基本思路依然可復(fù)用。本文復(fù)盤工作中所遇到的問題,針對(duì)發(fā)布功能如何設(shè)計(jì)進(jìn)行分析,希望對(duì)你有所啟發(fā)。

前幾天在看《設(shè)計(jì)體系》,書里提到了設(shè)計(jì)模式的概念。此概念最早是建筑師克里斯托弗·亞歷山大在他的著作《建筑的永恒之道》和《建筑模式語言》中提出的。

在《建筑模式語言》里是這么描述模式的:“每種模式都描述了一個(gè)在我們的環(huán)境中反復(fù)出現(xiàn)的問題,以及該問題的解決方案的核心思想。”在《設(shè)計(jì)體系》中,將模式描述為一種用于解決特定設(shè)計(jì)問題的可復(fù)用的方案。

在《界面設(shè)計(jì)模式》中也詳細(xì)介紹了不少的界面設(shè)計(jì)模式。我想對(duì)于設(shè)計(jì)解決方案也同樣存在可復(fù)用的模式,只不過會(huì)根據(jù)業(yè)務(wù)的不同存在個(gè)體差異,但基本思路依然可復(fù)用。

所以本文重點(diǎn)針對(duì)發(fā)布功能,復(fù)盤一下工作中遇到的問題。

背景

需求是這樣的:

高等院校針對(duì)每一個(gè)專業(yè)會(huì)有相對(duì)應(yīng)的一份人才培養(yǎng)方案。培養(yǎng)方案中包含培養(yǎng)目標(biāo)、畢業(yè)要求、課程等相關(guān)設(shè)置項(xiàng)。教務(wù)處的老師在平臺(tái)內(nèi)完成培養(yǎng)方案錄入和設(shè)置,其中課程目標(biāo)會(huì)分配給相關(guān)授課老師去設(shè)置。大家各自完成自己負(fù)責(zé)的部分后,由教務(wù)處的老師發(fā)布培養(yǎng)方案,培養(yǎng)方案的相關(guān)數(shù)據(jù)就可與學(xué)習(xí)活動(dòng)關(guān)聯(lián)起來,計(jì)算每個(gè)學(xué)生對(duì)應(yīng)培養(yǎng)方案中的各個(gè)要求的達(dá)成情況。

在系統(tǒng)原有的設(shè)計(jì)中,培養(yǎng)方案發(fā)布功能不可逆,一旦發(fā)布就不可再進(jìn)行編輯、撤回。這導(dǎo)致培養(yǎng)方案發(fā)布后若老師發(fā)現(xiàn)部分課程尚未完成維護(hù)或者目標(biāo)設(shè)置有誤卻無法修改的情況。所以為了解決該問題,需在培養(yǎng)方案發(fā)布后增加允許重新編輯的功能。

想想你會(huì)如何增加?

在原有的功能設(shè)計(jì)中,對(duì)于每一個(gè)培養(yǎng)方案僅存在一個(gè)版本。若允許已發(fā)布的培養(yǎng)方案重新編輯,則對(duì)于同一個(gè)培養(yǎng)方案會(huì)存在 2 個(gè)版本,編輯中和已發(fā)布的。你也許會(huì)想到很多產(chǎn)品發(fā)布后也允許編輯,但只有一個(gè)版本啊~那么接著往下看~

一、為什么要發(fā)布?

為什么要發(fā)布,實(shí)時(shí)同步不可以嘛?

發(fā)布從字面解釋為公開宣傳或發(fā)表(來自O(shè)xford Languages)??梢岳斫鉃閷H自己可管理的內(nèi)容公開給其他人。發(fā)布按鈕存在的意義在于讓創(chuàng)建者能夠控制內(nèi)容公開的權(quán)限。當(dāng)創(chuàng)建者需要公開時(shí),點(diǎn)擊發(fā)布按鈕就可公開給其他人。若創(chuàng)建者不想擁有內(nèi)容公開的控制權(quán),實(shí)時(shí)同步當(dāng)然也可以。那么什么內(nèi)容用戶想擁有對(duì)其公開的控制權(quán)呢?

(1)內(nèi)容的隱私性

比如社交媒體的帖子、個(gè)人的照片或視頻等,用戶希望對(duì)自己的創(chuàng)作有一定的控制權(quán),以確保在網(wǎng)絡(luò)空間中的隱私和安全。

(2)內(nèi)容的準(zhǔn)確度

像學(xué)術(shù)論文,法律法規(guī),科研報(bào)告等一些對(duì)內(nèi)容表達(dá)的準(zhǔn)確度要求較高的,用戶需要仔細(xì)斟酌后,使用發(fā)布的動(dòng)作確認(rèn)公開給其他人或者是允許被其他數(shù)據(jù)引用。我們產(chǎn)品中培養(yǎng)方案也屬于其一,需要確保內(nèi)容的準(zhǔn)確度和嚴(yán)謹(jǐn)性。

(3)公開范圍

公開范圍越大,代表內(nèi)容的影響力和傳播范圍也就越廣,錯(cuò)誤或者不準(zhǔn)確的內(nèi)容可能會(huì)對(duì)很多人產(chǎn)生負(fù)面影響,從接受者考慮,為了保證內(nèi)容的準(zhǔn)確度需要發(fā)布按鈕。從內(nèi)容創(chuàng)建者考慮,內(nèi)容的準(zhǔn)確度會(huì)給創(chuàng)建者帶來積極的社會(huì)效用,所以也需發(fā)布按鈕。

二、發(fā)布后,有更新如何同步?

1. 編輯后確認(rèn)即更新

這種比較常見的就是內(nèi)容類產(chǎn)品,比如知乎、微信公眾號(hào)、人人都是產(chǎn)品經(jīng)理等。發(fā)布后通過審核,就會(huì)公開給其他人。對(duì)于已發(fā)布的內(nèi)容需修改時(shí),點(diǎn)擊編輯,完成修改后需點(diǎn)擊更新,則更新已發(fā)布的內(nèi)容。若編輯后不更新,退出該頁面后,修改的內(nèi)容就會(huì)丟失,所以除了編輯中的狀態(tài),并不會(huì)存在 2 個(gè)版本。

2. 編輯后可暫存,當(dāng)需要同步時(shí),觸發(fā)按鈕同步更新內(nèi)容

這種設(shè)計(jì)方案適合內(nèi)容需要多人協(xié)作維護(hù)的產(chǎn)品,對(duì)于已發(fā)布的內(nèi)容重新編輯時(shí),可暫時(shí)保存編輯后的內(nèi)容,例如 Figma 組件庫。

這種方案下,我們可以根據(jù)發(fā)布人和接收者這兩種角色思考其中的設(shè)計(jì)點(diǎn)。

(1)發(fā)布人

a. 發(fā)布人如何判斷是否需要發(fā)布?——提示是否有修改,以及修改了什么?

b. 發(fā)布人如何查看修改前后的具體內(nèi)容?——是否提供預(yù)覽2個(gè)版本?或者在一個(gè)預(yù)覽中標(biāo)注修改的內(nèi)容?

c. 發(fā)布人發(fā)布時(shí),僅支持全部發(fā)布?還是可選擇發(fā)布的內(nèi)容?

d. 發(fā)布人發(fā)布后是否可取消發(fā)布?

看看 figma 是如何設(shè)計(jì)的。

(2)接收者

a. 當(dāng)內(nèi)容有更新時(shí),首先需提示用戶有內(nèi)容更新

b. 若是自動(dòng)同步內(nèi)容,是否需要告知用戶變更的具體內(nèi)容?

c. 若是給予用戶自主選擇更新的權(quán)利,是否告知用戶內(nèi)容有哪些更新?以及用戶可否選擇要更新的具體內(nèi)容?

具體設(shè)計(jì)案例可查看數(shù)據(jù)更新|不只是一個(gè)更新按鈕而已這篇文章。

以上例子中,不論是否發(fā)布,用戶仍可編輯內(nèi)容。但當(dāng)編輯權(quán)限被發(fā)布影響后,該如何考慮呢?接下來帶入我的需求中看看我的設(shè)計(jì)方案。

三、實(shí)際案例

學(xué)校并不希望對(duì)于已發(fā)布的培養(yǎng)方案隨意變更,但是又要解決老師設(shè)置有誤的狀況,所以我們將對(duì)編輯功能增加權(quán)限和時(shí)間的限制。對(duì)于已發(fā)布的培養(yǎng)方案增加允許編輯的功能,并且設(shè)置截止時(shí)間,到期后自動(dòng)發(fā)布。

在實(shí)際的業(yè)務(wù)中,教務(wù)處將培養(yǎng)方案某些模塊的設(shè)置工作分配給其他老師,對(duì)于其他老師來說就是一項(xiàng)任務(wù),所以設(shè)置截止日期是合理的,截止日期到達(dá)自動(dòng)發(fā)布也減少了教務(wù)處的工作。

將上面發(fā)布流程中思考的設(shè)計(jì)點(diǎn)帶入實(shí)際業(yè)務(wù)中,可得到最終的設(shè)計(jì)方案如圖:

首先從培養(yǎng)方案狀態(tài)的維度來區(qū)分,分為草稿和已發(fā)布。這兩種基礎(chǔ)狀態(tài)下的操作功能相差很大,草稿狀態(tài)下是可編輯,可發(fā)布的。對(duì)于已發(fā)布的培養(yǎng)方案僅查看,所以無需發(fā)布,也不能編輯,但新增加了允許編輯的權(quán)限設(shè)置。

那么對(duì)于已發(fā)布的培養(yǎng)方案又可分為能編輯和僅查看,僅查看就是已發(fā)布的默認(rèn)狀態(tài),能編輯被允許編輯的權(quán)限所影響。對(duì)于已發(fā)布狀態(tài)下能編輯時(shí)展示發(fā)布按鈕,沒有內(nèi)容變更時(shí)發(fā)布按鈕禁用,有變更內(nèi)容時(shí),發(fā)布按鈕被激活,可主動(dòng)發(fā)布或者等到截止時(shí)間自動(dòng)發(fā)布。

這里一定需從基礎(chǔ)狀態(tài)分層級(jí)來梳理,才能更清晰的判斷操作按鈕是隱藏還是顯示禁用更合理。

原本到這里就已經(jīng)結(jié)束了,但在跟產(chǎn)品確認(rèn)方案時(shí)發(fā)現(xiàn)還有一個(gè)新的模塊,這個(gè)模塊的內(nèi)容不會(huì)受發(fā)布狀態(tài)的影響,可隨時(shí)編輯,且編輯結(jié)果也需告知發(fā)布人。所以對(duì)于已發(fā)布,又多了一種狀態(tài)——已發(fā)布未設(shè)置編輯權(quán)限仍會(huì)發(fā)生數(shù)據(jù)變更的情況。

套用之前的解決方案,先將這個(gè)結(jié)果塞進(jìn)去看看。

如圖,就會(huì)出現(xiàn),在同一狀態(tài)下,發(fā)布按鈕時(shí)有時(shí)無的情況,這樣肯定是不合理的。這種隱含的平臺(tái)規(guī)則沒有直觀地告知用戶,會(huì)造成用戶困惑,增加產(chǎn)品使用難度。

所以退一步重新思考下問題的本質(zhì)。展示發(fā)布按鈕的原因是當(dāng)內(nèi)容有變更時(shí),需發(fā)布。而當(dāng)內(nèi)容僅查看,永遠(yuǎn)都不會(huì)發(fā)生變更,所以也就無需展示發(fā)布按鈕。之前的設(shè)計(jì)方案中編輯被權(quán)限按鈕影響,所以當(dāng)允許編輯后再展示發(fā)布按鈕,然后根據(jù)有無內(nèi)容變更來判斷發(fā)布按鈕的顯隱就很合理。

但現(xiàn)在內(nèi)容變更不會(huì)受權(quán)限操作的影響(允許編輯會(huì)提示用戶可編輯模塊),那么發(fā)布按鈕就需要常顯。最終的設(shè)計(jì)方案如圖。

最后

本文主要內(nèi)容依然是發(fā)布功能中需要思考的點(diǎn),這些思考點(diǎn)是可復(fù)用的,競品的解決方案也是可參考的。但復(fù)用到自己產(chǎn)品中仍需針對(duì)具體業(yè)務(wù)設(shè)計(jì)出滿足自己產(chǎn)品業(yè)務(wù)目標(biāo)的設(shè)計(jì)方案,其中肯定會(huì)遇到各種限制或者特定的需求,別忘了退一步站在全局視角再思考一下~

大概是這樣~感謝閱讀~

專欄作家

阿青,公眾號(hào):阿青碎碎念,人人都是產(chǎn)品經(jīng)理專欄作家。B端UX設(shè)計(jì)師。

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

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

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

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 目前還沒評(píng)論,等你發(fā)揮!