產品設計:APP中的返回與保存
編輯導語:在日常工作中,職場人經常會用到一些文檔類的產品,對于文檔類的編輯功能有著很多體驗;如今在手機上也有很多app可以編輯文檔,且功能也很齊全,對于一些保存文檔的產品設計也更加完善;本文作者分享了關于市面上一些軟件的分析總結,我們一起來了解一下。
現在有許多關于文檔、圖片或視頻編輯的產品。同時在許多社區平臺類產品里面的“發布功能”也會涉及到用戶的編輯制作。
用戶編輯制作的過程中,點擊返回后的流程其實也非常有講究,比如是否需要彈窗確認?如何設置彈窗文案?應該提供給用戶哪些操作選擇?用戶操作后如何給予反饋?在不同的場景下,返回與保存的邏輯關系該如何處理?
我研究了一些市面上的app,并做了一些分析總結,希望可以對你有所幫助!
首先總結可能會影響到的因素:
- 產品定位和功能類型:文檔類產品/圖片制作類產品/視頻制作產品/平臺產品發布內容(小紅書、得物);
- 產品當前階段的目標;
- 編輯內容的類型:文檔/圖片/視頻;
- 編輯內容的源頭:用戶自發上傳/產品提供;
- 編輯內容的保存方式:自動保存/手動保存;
- 編輯內容的保存路徑:云端/本地(App內草稿箱/手機相冊);
- 用戶某一時間段內打開文件的次數;
- 當前頁面上下游頁面的路徑;
接下來我將主要根據產品類型區分討論,不同的產品類型和業務背景對產品設計的影響是非常大的,所以這也是關鍵因素。
一、文檔編輯類產品
文檔編輯類產品主要分為兩種,一種是在線編輯類產品(比如騰訊文檔、石墨文檔);還有一種是編輯本地文檔為主,輔助有云端同步服務(比如word、WPS)。
同是文檔編輯類產品,但是因為存儲方式的差異,返回與保存的邏輯也是差異巨大。
1. 本地文檔編輯類產品
word:
用戶點擊返回后,會在底部彈出一個底部操作面板,用戶面臨三種選擇,刪除(不保存)、保存、取消(繼續編輯)。點擊保存后,跳轉保存頁面,用戶可以給文檔命名、選擇存儲方式和路徑。
WPS:
點擊返回后,彈出面板,分別是保存、不保存和取消。點擊保存后,跳轉保存頁面。
2. 在線文檔產品
石墨文檔:
只要用戶對文檔產生了操作,文檔就會自動保存,點擊返回后不會有彈窗提示,直接返回。
騰訊文檔:
后臺自動保存,返回沒有任何提示,連“文檔已自動保存”的提示也沒有;騰訊文檔可能認為在線文檔自動保存對用戶來說已經是一個必備性需求,沒有必要再對用戶進行額外提示,騰訊文檔偏輕量化。
辦公軟件:
不會自動保存,當用戶點擊返回后,彈出“正在保存文件”toast提示反饋,系統會自動保存文檔。
對比之下發現,在線文檔的“返回與保存”操作更加方便快捷,用戶不需要自己專門去保存,不管編輯到哪一步,文檔就會自動保存,又省事還不會擔心遇到“做了半天忘記保存全部重來”的情況。
但是word和wps也并沒有效仿這種簡單快捷的“返回與保存”邏輯,而是“多此一舉”的讓用戶每次都需要選擇保存方式;事后可以選擇是否同步到云端,是為了迎合那些注重文檔私密性的用戶,他們只想把文檔保存在本地,不想自己的文檔被泄露;所以在這種情況下,這種“多此一舉”的操作反而會給用戶增加安全感。
二、圖片編輯類產品
圖片編輯類產品也主要分為兩類:
- 一類是美圖、P圖類軟件,這類產品的特點是,用戶首先需要上傳自己的作品(照片或截圖等),然后再在自己作品的基礎上進行編輯。
- 另一類是海報制作類產品,這類產品會給用戶提供海報模板,用戶在模板基礎上進行修改。
這兩類產品在返回與保存的邏輯關系上也是有很大的差異,需要考慮的影響因素更加復雜。
1. 美圖、P圖類產品
三款軟件點擊返回后均是彈出彈窗二次確認是否放棄修改,但都是有值得思考的地方。
首先美圖秀秀和天天P圖產品中都沒有本地草稿箱的功能,所以彈窗二次詢問用戶是否放棄是合理的,但是如果用戶點擊了確認,當前編輯的作品會永久刪除,屬于高危操作;所以這里把“確認”按鈕改成“放棄并刪除”并且標紅顯示也許可以更好的警示提醒用戶。
醒圖中點擊返回后彈出彈窗,而且這里“確認”兩個字還特別高亮顯示,分析原因:
- 醒圖有本地草稿箱的功能,用戶可以設置修圖是否自動存儲為草稿。
- 這里用戶誤操作的情況還是很少數,大多數的情況下用戶點擊返回都是真的需要退出,所以有意引導用戶點“確認”。
還有一個小的細節點,就是右上角的按鈕用“保存”還是“下載”。
“保存”這個詞含有三個概念:
- 保存在APP云端;
- 保存在APP內的草稿箱,應用卸載后會被刪除;
- 保存在手機相冊;
“下載”就只會讓人想到下載到本地相冊中,所以這里而天天P圖和醒圖都用“下載”來表達保存到本地相冊的概念不容易產生歧義。
2. 海報模板類產品
稿定設計:
如果用戶沒有對模板產生任何操作,那么直接返回,不會出現任何二次詢問彈窗。
如果用戶對模板產生了操作,那么底部彈窗詢問用戶是否放棄此次編輯,用戶點擊確定后,退出當前編輯頁面,剛剛操作的模板還是會自動保存在App的云端中。
由于模板會自動保存,所以這里的彈窗只給用戶兩種選擇即“確認退出和取消”;這里退出后,沒有任何反饋告訴用戶模板已自動保存,在編輯器中也沒有任何提示,可以在退出后出現一個toast小窗告知用戶模板已自動保存,來安撫用戶降低焦慮感。
創客貼:
如果用戶沒有對模板產生任何操作,彈出二次確認彈窗,告訴用戶直接在當前頁面點擊“換模板”就可以直接挑選其他模板。
如果用戶對模板產生了操作,那么也彈出彈窗告訴用戶作品已自動保存,點擊右上角保存按鈕可保存到本地相冊。
不管什么情況都會彈出彈窗,如果每次都彈彈窗這樣的體驗真的會讓人感覺特別煩;但是實際上,這個彈窗并不是每次都彈,有個更重要的前提,就是會先判斷用戶當天是第幾次打開模板的;如果是前2次,那么會彈出彈窗有意的引導用戶;如果是3次及以上打開,那么不管模板是否被修改過都會直接返回。
三、視頻編輯類產品
由于視頻文件大,占據的存儲空間遠遠大于文檔與圖片,對產品產生的負荷較大,所以視頻文件基本不會自動保存;比如在稿定視頻中,不管是用戶自己上傳的素材還是用產品自帶的模板制作,都不會自動保存,用戶需要主動保存才可以。
但是剪映卻反其道而行之,在剪映中,當用戶點擊關閉后,連彈窗都不會彈,直接一個toast窗告訴用戶“已保存至草稿”。
其實是因為剪映的盈利方式是賣云存儲空間,所以會更加“鼓勵”用戶存儲和備份??偟脑瓌t就是,如果離付錢的核心路徑越來越遠了,那么就彈個彈窗來阻止他。
如果是在通往付錢的核心路徑上,那么就讓盡可能消除一切“阻礙”。
四、平臺產品發布流程
在小紅書發布流程中,不管在哪一步返回都會有彈窗詢問。
在前2步中,都有不保存退出的選擇,但在最后“添加正文”的這一步,不管用戶選擇哪一個,他編輯的內容都不會刪除退出,如果不發布的話就只能保存在本地草稿中。
因為當用戶進入到最后“添加正文”這一步時,說明他已經經歷了好幾步,已經付出了較多的成本;這個時候不管從產品的角度還是從用戶體驗的角度,都不合適提供給用戶永久刪除的選擇,而是應該有條件的讓用戶保存,以防萬一,有備無患。
同時第2步照片處理頁面,左上角的圖標會根據流程的不同而產生變化。當頁面是從第1步進入的,左上角是返回按鈕。當頁面是從第3步返回的,左上角是關閉按鈕。這兩個按鈕點擊后的反饋也是不同的,已經在流程圖中畫出。
小紅書這樣的設計是考慮從第3步點擊返回的用戶會有想直接退出發布流程的需求,所以才這樣設計,如果想再添加照片,那么在第3步中也有直接添加照片的按鈕,所以這里沒必要在此流程中再返回。
但是正如我剛剛所說的,當用戶已經進入到最后的第3步時,用戶付出的成本已經非常高了,這個時候不合適直接提供刪除退出按鈕,如果用戶實在想刪除,就必須先返回第2步,再點擊返回,再在彈窗上選擇“不保存”退出,刪除退出的成本可以說是非常高。
而且在第三步左下角有個“存草稿”按鈕,點擊后用戶可以直接保存草稿并退出,而得物在這里用的是“保存并退出”。小紅書沒在這個按鈕上寫“退出”兩個字,也許是故意而為之,以此來減少用戶發布作品的跳出率。
在得物發布流程中,返回的邏輯就相對簡單得多,不管在第2步還是第3步,用戶點擊返回都不會彈出彈窗,返回后再點下一步,剛剛操作的內容還是保存著不會被清除;和小紅書那么多彈窗的復雜邏輯相比,操作下來感覺得物的發布流程更加順滑便捷,不用面對那么多的彈窗做選擇,從用戶體驗來講,得物的“返回與保存”體驗更加簡單易用。
但這也不能說誰一定是好的,誰一定是不好的,只能說小紅書發布流程中的“返回與保存”邏輯更注重商業和數據指標,而得物則更注重用戶體驗,還是要看產品當前階段的主要目標是什么。
五、問題總結
最后我再根據上面的分析提出兩個小問題。關于這兩個問題,并沒有一個固定的標準答案;因為涉及的影響因素太多,產品類型、定位、存儲方式、產品目標等等,都是需要視實際情況綜合考慮分析的。
1. 問題一:“自動保存”還是提供“徹底刪除不保存”的選擇?
根據用戶已經投入的成本判定,比如小紅書的例子,當用戶付出的成本較低的時候,可以根據條件提供徹底刪除按鈕;但是當用戶已經付出了較高的成本的時候,就不適合再提供徹底刪除按鈕。
根據產品盈利方式和硬件條件決定。硬件條件:即保存文本、照片、視頻對平臺來說成本是否高,是否有條件自動保存。
產品需要依靠售賣存儲空間進行盈利,那么就會默認自動存儲備份,鼓勵自動保存。
2. 問題二:用戶點擊返回后需不需要一個彈窗?
有人可能會回答說:“當然需要,因為增加彈窗是為了防止用戶的誤操作,提高用戶體驗?!边@樣回答就太片面了,并不是一定都是這樣,還是需要視情況而定。
用彈窗來防止用戶誤操作是因為涉及到了“永久刪除”之類的不可逆的高危操作,所以需要彈窗二次確認;如果編輯內容都是自動保存的,那么這個“誤操作”并不會給用戶帶來很大的損失,為什么還要加個彈窗呢?而且左上角的區域并不那么容易誤觸,用戶點擊這里,大多數的情況還是真的想返回,畢竟每次彈彈窗真的讓人感覺很煩。
那么回答可能變成:“如果編輯內容不會自動保存,那么需要彈窗來防止誤操作;如果編輯內容會自動保存,那么就不需要彈窗?!边@樣回答也還是片面的,還需要考慮產品類型和目標;比如在海報模板類產品中,用戶不返回而選擇點擊右上角的“保存”按鈕的話會彈出開通會員的彈窗,也就是說,用戶只有付了錢才能從這條操作路徑中退出。
所以說,如果這類產品當前階段的目標是以提升用戶體驗為主,那么不彈彈窗,反饋已自動保存。如果當前階段是以商業目標為主,那么可以刻意的阻止用戶退出,引導他點擊“保存”按鈕,然后開通VIP讓企業獲得盈利。
但這又引發了我的進一步思考:這個阻止用戶退出的二次確認彈窗是否真的可以提高“保存”按鈕的點擊率呢?
這時候產品經理可能就會站出來說:“別撕了,我們看數據!”眼巴巴的看著“保存”按鈕的數據上確實提高了,但從整個的用戶核心操作路徑上看,這個彈窗是否可以提高用戶的會員購買率?
因為往更深層次的地方想,這個二次確認彈窗并不能真正的讓產品給用戶提供“實際價值”,它就像是產品經理為了提高KPI的噱頭。所以這個問題的答案可能就由產品或者設計師的價值觀來決定了。
這讓我想起邱岳老師在專欄中的話,他在文章中指出了產品經理的外在獎勵和內在獎勵:
- 外在獎勵就是晉升、加薪、獎金和地位;比如準確地在標題中放入聳人聽聞的詞語,命中情緒,引爆傳播;用 A/B 測試不厭其煩地比較不同樣式設計帶來的轉化率差異。
- 內在獎勵就是自己的產品能真切地改變人們的生活。
如果是你,你會怎么做呢?
本文由@昱宛 原創發布于人人都是產品經理,未經作者許可,禁止轉載。
題圖來自Unsplash,基于CC0協議。
最后的內容好棒
寫的很不錯,支持一下~順帶問下樓主,文中的流程圖是用什么工具做的呢?
謝謝鼓勵,我是用sketch做的哈