中文字幕无码av不卡一区,亚洲综合AV永久无码精品一区二区,黑人巨大白妞出浆,黄色高清无码免费看,久久久久免费精品国产,久久无码人妻丰满熟妇区毛片,欧美日韩国产综合草草,久久福利网站,亚洲一区二区三区中文字幕在线,av国内精品久久久久影院

預(yù)覽、保存和發(fā)布，是在進行一些圖文編輯時會涉及到的基礎(chǔ)功能，身為這些編輯器的設(shè)計者，該如何對這些功能進行考量，如何在設(shè)計時最大限度對使用者提供便利，筆者結(jié)合自己的工作經(jīng)歷給出了解答。

預(yù)覽、保存和發(fā)布是在設(shè)計編輯器類產(chǎn)品中會遇到的基礎(chǔ)功能點，筆者分別負責(zé)過H5編輯器、表單編輯器、Workflow編輯器的產(chǎn)品設(shè)計。文本將進一步結(jié)合圖片編輯器、文字編輯器的分析，在此將自己的思考進行總結(jié)，主要涉及到的是實際功能設(shè)計時需要注意的部分點，希望與大家討論學(xué)習(xí)。

一、預(yù)覽

預(yù)覽功能一般滿足的是編輯者對編輯內(nèi)容進行確認的需求，當(dāng)無法在編輯中實現(xiàn)“所見即所得”的效果時，往往會通過預(yù)覽來幫助確認實際效果符合其心理預(yù)期，在設(shè)計時需要考慮以下要點。

1. 是否需要預(yù)覽？

需要思考是否為用戶提供了“所見即所得”的效果，“所見”包含的意義不單指視覺層面的文章排版、圖片樣式，比如對于H5還意味著實際的交互體驗，對于Workflow還意味著實際的工作流程是否有效。如果答案是否定的，則可以考慮提供預(yù)覽功能。

目前市面上的H5/視頻編輯器等產(chǎn)品一般都會有預(yù)覽功能，比如易企秀、兔展等；創(chuàng)作平臺的文章編輯器，比如知乎專欄、人人都是產(chǎn)品經(jīng)理社區(qū)等基本也會提供。

圖片編輯器雖然部分產(chǎn)品沒提供直接的預(yù)覽入口，但一般會在下載或分享時順帶提供預(yù)覽。

H5編輯器 – 易企秀

文章編輯器 – 人人都是產(chǎn)品經(jīng)理社區(qū)

圖片編輯器 – 凡科快圖

2. 誰可以預(yù)覽？

一般我們談及預(yù)覽，都會認為是面向編輯者的，但在設(shè)計時還需要除編輯者外其他人還是否也可以預(yù)覽，以及其他人預(yù)覽的作用和意義是什么。

一般支持其他人預(yù)覽的往往是為了在內(nèi)容正式使用前，可以讓其他相關(guān)者來對內(nèi)容進行確認，比如知乎專欄支持邀請專欄編輯或好友來查看文章，從而提升專欄文章質(zhì)量。

知乎專欄 – 寫文章 – 邀請預(yù)覽功能

3. 預(yù)覽時是否觸發(fā)自動保存？

回答這個問題還是需要回歸到預(yù)覽的場景中來，預(yù)覽對于編輯者而言是一種確認的作用，進一步思考編輯者在確認是否符合預(yù)期后的動作是什么，往往符合預(yù)期的下一步動作是保存，而不符合則會取消剛才的編輯。對于符合預(yù)期的場景，自動保存是符合邏輯的，而對于不符合的場景，無論我們是否設(shè)計是否自動保存，用戶都需要進行撤回操作。

所以，預(yù)覽時最好是要進行自動保存的，但要注意預(yù)覽時的自動保存并不意味著編輯者已經(jīng)確認就要采取此時預(yù)覽的方案，如果此時保存代表著確認完成則會出現(xiàn)問題。

以H5編輯器來說明問題：目前凡科和兔展在預(yù)覽時都會觸發(fā)自動保存，假設(shè)編輯者需要對已傳播的作品進行編輯，在編輯中進行預(yù)覽并觸發(fā)自動保存。由于凡科和兔展都沒有一個是否發(fā)布的狀態(tài)，會導(dǎo)致此時保存的內(nèi)容直接對線上的訪客可見，從而影響實際作品的線上傳播。這種情況下要解決問題，要么增加發(fā)布狀態(tài)，要么取消自動保存的邏輯。

二、保存

1. 離線保存

指在斷網(wǎng)情況下仍可以保存，數(shù)據(jù)將臨時緩存，等到網(wǎng)絡(luò)正常時再同步數(shù)據(jù)到線上，可以最大程度不影響用戶使用產(chǎn)品，比如processon就提供了離線保存功能。

2. 自動保存與手動保存

自動保存存在的意義上是通過定時的自動保存來避免數(shù)據(jù)意外丟失，可以給編輯者安全感。對于文章編輯器而言，用戶在打字排版過程中是幾乎需要實時地對輸入的內(nèi)容進行保存，所以自動保存在文章編輯器中是最為常見的，并且當(dāng)提供了定時自動保存，手動保存的功能其實也是可以不需要了（但為了給用戶確定性，一些產(chǎn)品還是會保留）。

而H5編輯器中用戶本質(zhì)上不是需要對每個操作都進行保存，而只是在效果達到預(yù)期時才會需要保存，所以目前在凡科、MAKA、易企秀和兔展中，就只有兔展提供了自動保存的功能。

所以當(dāng)考慮是否需要自動保存時，可以考慮你的用戶是會在怎樣的場景下需要保存的，是對輸入的每個字都需要保存，還是只對編輯內(nèi)容達到某個預(yù)期時才保存。

簡書：自動保存同時也提供手動保存

知乎：自動保存且未提供手動保存

三、發(fā)布

1. 是否需要發(fā)布功能？

當(dāng)內(nèi)容無需區(qū)分是否可見、是否有效、無需提交審核（往往發(fā)布是觸發(fā)審核的一個動作）時，或者雖需區(qū)分是否可見和有效，但是往往簡單編輯即可完成時，可以考慮不提供發(fā)布操作。比如圖片編輯器，即不會和創(chuàng)作平臺的文章編輯器一樣需要區(qū)分文章是否編輯完成并可見，也不會和workflow 編輯器一樣需要區(qū)分流程是否可以正式執(zhí)行，所以一般不會提供發(fā)布操作。

易企秀圖片編輯器：沒有發(fā)布操作

對于H5編輯器而言，在首次編輯場景下其實也是無需區(qū)分是否可見，因為取決于用戶是否是主動傳播的。但在傳播后二次編輯的場景下，是需要區(qū)分修改是否可見的，可以跟易企秀一樣提供發(fā)布功能，不然就會出現(xiàn)前文在講預(yù)覽時H5編輯器遇到的問題。

易企秀H5編輯器：提供發(fā)布功能

2. 二次發(fā)布

當(dāng)內(nèi)容發(fā)布后，可能存在的場景就是已經(jīng)發(fā)布的內(nèi)容進行調(diào)整，需結(jié)合調(diào)整的場景來設(shè)計二次發(fā)布的邏輯。

如果二次調(diào)整不是一個耗時長且可能需多次間斷編輯的操作，這個時候可以會將保存和發(fā)布合并為“保存并發(fā)布”；如果二次調(diào)整可能也是一個耗時長的操作，這個時候可以繼續(xù)提供獨立的保存和發(fā)布功能，需再次發(fā)布后才會把內(nèi)容更新到線上。

四、總結(jié)

最后對預(yù)覽、保存、發(fā)布功能的設(shè)計時的考慮點進行總結(jié)（太常規(guī)的比如發(fā)布狀態(tài)定義就不涉及了）。

1. 預(yù)覽：側(cè)重考慮編輯是否可以實現(xiàn)“所見即所得”，如已提供發(fā)布功能，則預(yù)覽時自動保存即可；
2. 保存：自動保存在文章編輯器中建議做，在非文章編輯器中必要性較低，可結(jié)合資源和優(yōu)先級考慮；
3. 發(fā)布：發(fā)布用于區(qū)分是否真正完成，以決定是否可見或有效，如果是H5編輯器、創(chuàng)作平臺文章編輯器、workflow 編輯器建議做，表單編輯器可做可不做（用戶側(cè)編輯完成一個表單的操作會比較簡單），圖片編輯器一般無需考慮做。