Auto Save(自動(dòng)保存)案例和情景分析

0 評(píng)論 15136 瀏覽 137 收藏 13 分鐘

通過分析幾個(gè)官方設(shè)計(jì)案例:Mac OS X Lion, Microsoft, WordPress, Rhino,和幾個(gè)親自體驗(yàn)的產(chǎn)品:Lofter,簡(jiǎn)書,Medium,Qzone說說,來分析auto save的使用場(chǎng)景和注意事項(xiàng)。

auto save 這個(gè)看似小小的功能也有豐富的設(shè)計(jì)點(diǎn)。以下,通過對(duì)幾款產(chǎn)品auto save的使用情況來總結(jié)分析auto save該如何使用。

首先,不妨先考慮不同的使用場(chǎng)景,帶著問題來看案例。哪些場(chǎng)景下需要auto save?

  • 編輯文檔->保存草稿/完成/提交;
  • 編輯文檔(不需要提交的文檔);
  • 編輯文檔->跳轉(zhuǎn)到其他頁面;
  • 編輯文檔->出事故(電腦死機(jī)/斷電等)。

特殊情況:兩個(gè)用戶在不同地方編輯同一個(gè)文檔。

案例分析:

以下先從幾個(gè)官方設(shè)計(jì)文檔出發(fā),看看其他產(chǎn)品是怎么做的,再從個(gè)人使用角度分析幾款產(chǎn)品,最后總結(jié)分析結(jié)果。

一,Mac OS X Lion:

自動(dòng)保存:

  • 在工作暫停間隙間自動(dòng)保存;
  • 如果沒有連續(xù)工作沒有暫停,則每隔5分鐘自動(dòng)保存一次;
  • 在后臺(tái)默默地保存,沒有提示和進(jìn)度條,不會(huì)干擾用戶;

恢復(fù)版本:

  • 自動(dòng)保存的版本排列成左右兩部分,左邊是目前的版本,右邊是之前自動(dòng)保存的版本,方便用戶做對(duì)比;
  • 可以回退到之前的任何一個(gè)版本或者將之前版本中的一部分(如圖/文字等)復(fù)制到當(dāng)前版本中。

上圖為Mac OS X Lion中的Versions Browser,用于恢復(fù)自動(dòng)保存的文件,其中:

  1. 為當(dāng)前版本;
  2. 為一系列的歷史版本:用戶可以從歷史版本中復(fù)制所需的任何元素(如圖和文字)到新的版本中;
  3. 為恢復(fù)按鈕:按下可以用歷史版本替換當(dāng)前版本;
  4. 為時(shí)間軸:歷史版本的時(shí)間軸。點(diǎn)擊時(shí)間軸上的日期可以查看該日期的歷史版本;

參考:

https://support.apple.com/en-us/HT202255

二,Microsoft:

自動(dòng)保存:

  1. 修改文檔30秒后會(huì)自動(dòng)保存。如果沒有修改動(dòng)作,則自動(dòng)保存不會(huì)發(fā)生;
  2. 如果你在編輯文檔時(shí),另一個(gè)人在同步編輯它(如在線文檔),則任何一個(gè)人的修改都會(huì)在自動(dòng)保存發(fā)生后更新在另一個(gè)人正在編輯的文檔中;(附上原文,以免翻譯錯(cuò): If someone else has updated the same record while you’re editing it, those changes will be retrieved and displayed in the form when auto-save occurs.)

參考:

https://technet.microsoft.com/en-us/library/dn531073.aspx

三,WordPress:

自動(dòng)保存:

  • 每隔幾秒自動(dòng)保存一次;
  • 可以看到上次自動(dòng)保存的時(shí)間,并且可以手動(dòng)保存;
  • 所有自動(dòng)保存的版本都留著,可以隨時(shí)回退到其中的任何一個(gè)版本;

對(duì)于已發(fā)布的內(nèi)容:

  • 對(duì)于已發(fā)布的內(nèi)容,自動(dòng)保存仍然運(yùn)行,但是不會(huì)覆蓋已發(fā)布的內(nèi)容;
  • 直到點(diǎn)擊“更新”按鈕才會(huì)將更改內(nèi)容發(fā)布到網(wǎng)上;

編輯中:

  • 當(dāng)你編輯文檔時(shí)突然斷網(wǎng),或者不小心點(diǎn)進(jìn)另一個(gè)頁面,WordPress.com會(huì)自動(dòng)將你編輯的內(nèi)容存到瀏覽器的本地存儲(chǔ)(local storage)中,這樣當(dāng)你再次打開編輯器的時(shí)候就會(huì)看到上次編輯的內(nèi)容;

參考:

https://en.support.wordpress.com/autosave

四,Rhino:

自動(dòng)保存:

  • 每隔一段時(shí)間自動(dòng)保存一次;
  • 當(dāng)用戶手動(dòng)關(guān)閉文檔之后,自動(dòng)保存的版本會(huì)被清空;
  • 如果是非正常關(guān)閉,如電腦死機(jī)或者斷電,自動(dòng)保存的版本會(huì)保存在硬盤上;
  • 當(dāng)你打開Rhino時(shí),如果Rhino檢測(cè)到一個(gè)自動(dòng)保存的文件,它會(huì)提示你保存該文件;

參考:

http://docs.mcneel.com/rhino/5/help/en-us/commands/autosave.htm

實(shí)際體驗(yàn)

以上都是參考的官方設(shè)計(jì)文檔,接下來親自體驗(yàn)下身邊的產(chǎn)品來直觀感受下auto save。

一、Lofter

Lofter的自動(dòng)保存能力讓我印象深刻,因?yàn)槲揖庉嬃藘?nèi)容后沒保存直接關(guān)掉網(wǎng)頁,下次打開lofter點(diǎn)擊“文字”按鈕時(shí),發(fā)現(xiàn)我上次編輯沒保存的內(nèi)容都在。

一般情況下,發(fā)文字的按鈕如下,點(diǎn)擊后進(jìn)入下面的編輯頁面??梢钥吹桨l(fā)布按鈕有更多選項(xiàng),其中包括“保存為草稿”。如果選擇保存為草稿,那么相當(dāng)于手動(dòng)保存,文章會(huì)出現(xiàn)在草稿箱中。

如果你沒有點(diǎn)擊任何按鈕,直接關(guān)掉網(wǎng)頁,那么下次打開lofter時(shí),文字按鈕有了一個(gè)小小的變化,那就是右上角像折紙一樣往里折了一角。此時(shí)點(diǎn)擊文字按鈕,出來的編輯框中有你上次未保存的內(nèi)容,你可以繼續(xù)編輯。

選擇“保存為草稿”,則保存內(nèi)容如下:

這時(shí)編輯草稿,多寫“加幾個(gè)字加幾個(gè)字”,然后,再次不保存的情況的關(guān)掉網(wǎng)頁。猜猜下一次打開草稿是什么樣的。

再次打開草稿箱的時(shí)候,依然看的是上圖,發(fā)現(xiàn)“加幾個(gè)字加幾個(gè)字”并沒有出現(xiàn)在草稿中。但是,當(dāng)我點(diǎn)擊“編輯”按鈕調(diào)出編輯器的時(shí)候,奇跡發(fā)生了!!沒保存的那幾個(gè)字出現(xiàn)在了編輯器中??!如下圖所示。

整理下Lofter的保存流程,制作流程圖如下:

這個(gè)案例讓我發(fā)現(xiàn),編輯器是個(gè)多么神奇的存在,可以保存任何我沒保存的內(nèi)容。

二、簡(jiǎn)書

簡(jiǎn)書的自動(dòng)保存超級(jí)簡(jiǎn)單,比Lofter少了一個(gè)層級(jí),流程圖如下:

簡(jiǎn)書中的編輯器即草稿箱,每次修改都會(huì)隨時(shí)保存,“發(fā)布文章”按鈕自動(dòng)變成“保存中…”以提示正在保存。

點(diǎn)擊“發(fā)布文章”按鈕,文章發(fā)布,按鈕變成“已發(fā)布”。

對(duì)于“已發(fā)布”的文章,再次編輯時(shí),依然會(huì)出現(xiàn)“保存中…”字樣提示正在保存。已發(fā)布的文章自動(dòng)保存后,按鈕變成如下的“發(fā)布更新”,再次點(diǎn)擊后才會(huì)變成“已發(fā)布”。

這個(gè)案例讓我知道一個(gè)保存狀態(tài)可以有這么多種,自動(dòng)保存和手動(dòng)保存也可以結(jié)合得如此天衣無縫。

三、Medium

Medium每隔一段時(shí)間自動(dòng)保存一次,并且保留多個(gè)版本,可以看到在publish按鈕旁邊的“…”按鈕上,有個(gè)“revision history”的選項(xiàng),點(diǎn)擊之后可以看到許多autosaved的版本,用戶可以根據(jù)需要回退到其中任何一個(gè)版本。

這個(gè)案例與其他博客的差異點(diǎn)就在于保存了多個(gè)版本。這與Photoshop中的“歷史記錄”差不多,給用戶提供更多回退的選擇,但也占用更多系統(tǒng)資源。

四、Qzone說說

Qzone發(fā)表說說的自動(dòng)保存內(nèi)容自動(dòng)同步到其他頁面的發(fā)說說文本框,流程圖如下:

在“個(gè)人中心”中,有個(gè)發(fā)說說的文本框,輸入以下內(nèi)容:

此時(shí)不點(diǎn)擊發(fā)表按鈕(同時(shí)也沒有保存按鈕),直接進(jìn)入“我的主頁”,找到“我的說說”,可以發(fā)現(xiàn)這里也有一個(gè)發(fā)說說的文本框,并且已經(jīng)填寫了我在“個(gè)人中心”的文本框中輸入的內(nèi)容。這時(shí),如果在這里修改文本框中的內(nèi)容,回到“個(gè)人中心”,會(huì)發(fā)現(xiàn)其中的內(nèi)容也被修改了。這兩個(gè)文本框的內(nèi)容保持一致。

這個(gè)案例告訴我們,“幫人幫到底,送佛送到西”,自動(dòng)保存就要讓用戶在任何一個(gè)入口都能看到上次未手動(dòng)保存的內(nèi)容。

總結(jié):

一. 自動(dòng)保存的時(shí)間點(diǎn)可以有以下幾種情況:

  • 每隔一段時(shí)間自動(dòng)保存;
  • 在用戶暫停工作時(shí)保存;
  • 每次修改立即自動(dòng)保存;

二.?自動(dòng)保存版本的保留:

  • 僅保留最近一次自動(dòng)保存的版本;
  • 保留多個(gè)自動(dòng)保存的版本,以便回退到其中任何一個(gè)版本;

三.?自動(dòng)保存版本的清空:

  • 在手動(dòng)保存之后,清空之前所有自動(dòng)保存的版本;
  • 手動(dòng)關(guān)閉文檔后清空所有自動(dòng)保存的多個(gè)版本;
  • 僅清空最新版本之外的其他版本;

一個(gè)小小的功能,也有如此多的設(shè)計(jì)點(diǎn)。多觀察,多分析,多記錄和總結(jié),希望可以在交互的道路上越走越遠(yuǎn)。

#專欄作家#

Snow,微信公眾號(hào):用戶體驗(yàn)報(bào)告。人人都是產(chǎn)品經(jīng)理專欄作家,東南大學(xué)工業(yè)設(shè)計(jì)研究生,每周更新一篇原創(chuàng)產(chǎn)品體驗(yàn)報(bào)告,分析產(chǎn)品設(shè)計(jì)體驗(yàn)的好壞,以此進(jìn)步。愿與大家共同進(jìn)步。

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

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