topsapps is a reporting platform for mobile developers that automatically downloads and visualizes sales data, App Store reviews, hourly ranks and more

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

Product Design 28℃ 0评论

通過分析幾個官方設計案例:Mac OS X Lion, Microsoft, WordPress, Rhino,和幾個親自體驗的產品:Lofter,簡書,Medium,Qzone說說,來分析auto save的使用場景和注意事項。Auto Save(自動保存)案例和情景分析auto save 這個看似小小的功能也有豐富的設計點。以下,通過對幾款產品auto save的使用情況來總結分析auto save該如何使用。首先,不妨先考慮不同的使用場景,帶着問題來看案例。哪些場景下需要auto save?特殊情況:兩個用戶在不同地方編輯同一個文檔。以下先從幾個官方設計文檔出發,看看其他產品是怎麼做的,再從個人使用角度分析幾款產品,最後總結分析結果。自動保存:恢復版本:Auto Save(自動保存)案例和情景分析上圖為Mac OS X Lion中的Versions Browser,用於恢復自動保存的文件,其中:參考:https://support.apple.com/en-us/HT202255自動保存:參考:https://technet.microsoft.com/en-us/library/dn531073.aspx自動保存:對於已發布的內容:編輯中:參考:https://en.support.wordpress.com/autosave自動保存:參考:http://docs.mcneel.com/rhino/5/help/en-us/commands/autosave.htm以上都是參考的官方設計文檔,接下來親自體驗下身邊的產品來直觀感受下auto save。Lofter的自動保存能力讓我印象深刻,因為我編輯了內容后沒保存直接關掉網頁,下次打開lofter點擊“文字”按鈕時,發現我上次編輯沒保存的內容都在。一般情況下,發文字的按鈕如下,點擊後進入下面的編輯頁面。可以看到發布按鈕有更多選項,其中包括“保存為草稿”。如果選擇保存為草稿,那麼相當於手動保存,文章會出現在草稿箱中。Auto Save(自動保存)案例和情景分析Auto Save(自動保存)案例和情景分析如果你沒有點擊任何按鈕,直接關掉網頁,那麼下次打開lofter時,文字按鈕有了一個小小的變化,那就是右上角像摺紙一樣往裡折了一角。此時點擊文字按鈕,出來的編輯框中有你上次未保存的內容,你可以繼續編輯。Auto Save(自動保存)案例和情景分析選擇“保存為草稿”,則保存內容如下:Auto Save(自動保存)案例和情景分析這時編輯草稿,多寫“加幾個字加幾個字”,然後,再次不保存的情況的關掉網頁。猜猜下一次打開草稿是什麼樣的。再次打開草稿箱的時候,依然看的是上圖,發現“加幾個字加幾個字”並沒有出現在草稿中。但是,當我點擊“編輯”按鈕調出編輯器的時候,奇迹發生了!!沒保存的那幾個字出現在了編輯器中!!如下圖所示。Auto Save(自動保存)案例和情景分析整理下Lofter的保存流程,製作流程圖如下:Auto Save(自動保存)案例和情景分析這個案例讓我發現,編輯器是個多麼神奇的存在,可以保存任何我沒保存的內容。簡書的自動保存超級簡單,比Lofter少了一個層級,流程圖如下:Auto Save(自動保存)案例和情景分析簡書中的編輯器即草稿箱,每次修改都會隨時保存,“發布文章”按鈕自動變成“保存中…”以提示正在保存。Auto Save(自動保存)案例和情景分析點擊“發布文章”按鈕,文章發布,按鈕變成“已發布”。Auto Save(自動保存)案例和情景分析Auto Save(自動保存)案例和情景分析對於“已發布”的文章,再次編輯時,依然會出現“保存中…”字樣提示正在保存。已發布的文章自動保存后,按鈕變成如下的“發布更新”,再次點擊后才會變成“已發布”。Auto Save(自動保存)案例和情景分析這個案例讓我知道一個保存狀態可以有這麼多種,自動保存和手動保存也可以結合得如此天衣無縫。Medium每隔一段時間自動保存一次,並且保留多個版本,可以看到在publish按鈕旁邊的“…”按鈕上,有個“revision history”的選項,點擊之後可以看到許多autosaved的版本,用戶可以根據需要回退到其中任何一個版本。Auto Save(自動保存)案例和情景分析Auto Save(自動保存)案例和情景分析這個案例與其他博客的差異點就在於保存了多個版本。這與Photoshop中的“歷史記錄”差不多,給用戶提供更多回退的選擇,但也佔用更多系統資源。Qzone發表說說的自動保存內容自動同步到其他頁面的發說說文本框,流程圖如下:Auto Save(自動保存)案例和情景分析在“個人中心”中,有個發說說的文本框,輸入以下內容:Auto Save(自動保存)案例和情景分析此時不點擊發表按鈕(同時也沒有保存按鈕),直接進入“我的主頁”,找到“我的說說”,可以發現這裡也有一個發說說的文本框,並且已經填寫了我在“個人中心”的文本框中輸入的內容。這時,如果在這裡修改文本框中的內容,回到“個人中心”,會發現其中的內容也被修改了。這兩個文本框的內容保持一致。Auto Save(自動保存)案例和情景分析這個案例告訴我們,“幫人幫到底,送佛送到西”,自動保存就要讓用戶在任何一個入口都能看到上次未手動保存的內容。一. 自動保存的時間點可以有以下幾種情況:二. 自動保存版本的保留:三. 自動保存版本的清空:一個小小的功能,也有如此多的設計點。多觀察,多分析,多記錄和總結,希望可以在交互的道路上越走越遠。Snow,微信公眾號:用戶體驗報告。人人都是產品經理專欄作家,東南大學工業設計研究生,每周更新一篇原創產品體驗報告,分析產品設計體驗的好壞,以此進步。願與大家共同進步。本文原創發佈於人人都是產品經理,未經許可,不得轉載。

转载请注明:TopsApps » Auto Save(自動保存)案例和情景分析

喜欢 (0)or分享 (0)
发表我的评论
取消评论
表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址