save是保存吗(savedough)

大家都是产品经理【起点学院】，BAT居然派产品总监带你通过系统学习产品和运营。

通过分析几个官方设计案例:Mac OS X Lion、微软、WordPress、Rhino，以及几个亲身体验的产品:Lofter、简书、Medium、Qzone，分析自动保存的使用场景和注意事项。

自动保存这个看似很小的功能，也有丰富的设计点。下面我们通过使用几款产品自动保存来总结分析如何使用自动保存。

首先考虑不同的使用场景，带着疑问看案例。在哪些场景下需要自动保存？

编辑文档->保存草稿/完成/提交；编辑文档（不需要提交的文档）；编辑文档->跳转到其他页面；编辑文档->出事故（电脑死机/断电等）。

特殊情况:两个用户在不同的地方编辑同一个文档。

案例分析：

先从几个官方的设计文档，看看其他产品是怎么做的，然后从个人使用的角度分析几个产品，最后总结分析结果。

一，Mac OS X Lion:

自动保存:

在工作暂停间隙间自动保存；如果没有连续工作没有暂停，则每隔5分钟自动保存一次；在后台默默地保存，没有提示和进度条，不会干扰用户；

还原版本:

自动保存的版本排列成左右两部分，左边是目前的版本，右边是之前自动保存的版本，方便用户做对比；可以回退到之前的任何一个版本或者将之前版本中的一部分（如图/文字等）复制到当前版本中。上图为Mac OS X Lion中的版本浏览器，用于恢复自动保存的文件，其中:

为当前版本；为一系列的历史版本：用户可以从历史版本中复制所需的任何元素（如图和文字）到新的版本中；为恢复按钮：按下可以用历史版本替换当前版本；为时间轴：历史版本的时间轴。点击时间轴上的日期可以查看该日期的历史版本；

参考:

二，Microsoft：

自动保存:

修改文档30秒后会自动保存。如果没有修改动作，则自动保存不会发生；如果你在编辑文档时，另一个人在同步编辑它（如在线文档），则任何一个人的修改都会在自动保存发生后更新在另一个人正在编辑的文档中;（附上原文，以免翻译错： 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.）

参考:

三，WordPress:

自动保存:

每隔几秒自动保存一次；可以看到上次自动保存的时间，并且可以手动保存；所有自动保存的版本都留着，可以随时回退到其中的任何一个版本；

对于发布的内容:

对于已发布的内容，自动保存仍然运行，但是不会覆盖已发布的内容；直到点击“更新”按钮才会将更改内容发布到网上；

编辑:

当你编辑文档时突然断网，或者不小心点进另一个页面，WordPress.com会自动将你编辑的内容存到浏览器的本地存储（local storage）中，这样当你再次打开编辑器的时候就会看到上次编辑的内容；

参考:

四，Rhino:

自动保存:

每隔一段时间自动保存一次；当用户手动关闭文档之后，自动保存的版本会被清空；如果是非正常关闭，如电脑死机或者断电，自动保存的版本会保存在硬盘上；当你打开Rhino时，如果Rhino检测到一个自动保存的文件，它会提示你保存该文件；

参考:

实际体验

以上为官方设计文件，供参考。接下来体验一下身边的产品，直观感受一下auto save。

一、Lofter

Lofter的自动保存能力让我印象深刻，因为我编辑了内容，然后不保存就关闭了网页。下一次打开Lofter点击“文本”按钮，我发现我上次编辑的所有未保存的内容都在那里。

一般来说，发送文本的按钮如下。点击它们进入下面的编辑页面。你可以看到发布按钮有更多的选项，包括“另存为草稿”。如果选择另存为草稿，相当于手动保存，文章会出现在草稿框中。

而如果你不点击任何按钮，只是关闭网页，那么下次打开lofter时，文本按钮有一个小变化，就是右上角像折纸一样折了进去。此时点击文本按钮，编辑框会显示上次未保存的内容。您可以继续编辑。

选择“另存为草稿”保存以下内容:

这时候编辑草稿，写上“添几个字，添几个字”，然后关闭网页，不再保存。猜猜下次打开草稿会是什么样。

当我再次打开草稿箱的时候，还是看了上面这张图，发现“添几个字，添几个字”并没有出现在草稿箱里。然而，当我点击“编辑”按钮调出编辑器时，奇迹发生了！！没有保存的字出现在编辑器里！！如下图所示。

安排Lofter的保存流程，制作流程图如下:

这个案例让我发现了编辑器有多神奇，它可以拯救任何我没有拯救的东西。

二、简书

简书的自动保存超级简单，比Lofter少一级。流程图如下:

简书里的编辑器就是草稿箱，每次修改都会随时保存。“发布文章”按钮将自动变为“保存...”以指示它正在被保存。

点击“发布文章”按钮，文章发布，按钮变为“已发布”。

对于“已发布”的文章，当您再次编辑它们时，会出现消息“正在保存...”仍然会显示您正在保存它们。发布的文章自动保存后，按钮会变成如下“发布更新”，再次点击后会变成“已发布”。

这个案例让我知道，保存状态可以有这么多种，自动保存和手动保存可以结合得如此天衣无缝。

三、Medium

每隔一段时间自动保存一次Medium，保留多个版本。您可以看到“...”上有一个“修订历史”选项发布按钮旁边的按钮。点击之后可以看到很多自动保存的版本，用户可以根据自己的需要回到其中的任意一个。

这个案例与其他博客的差异点就在于保存了多个版本。这与Photoshop中的“历史记录”差不多，给用户提供更多回退的选择，但也占用更多系统资源。这个案例和其他博客的不同之处在于保存了多个版本。这类似于Photoshop中的“历史记录”，为用户提供了更多回滚的选项，但也占用了更多的系统资源。

四、Qzone说说

Qzone的评论内容会自动保存，自动同步到其他页面的评论文本框。流程图如下:

在“个人中心”中，有一个文本框可以谈论。输入以下内容:

这时候不用点击发布按钮(同时也没有保存按钮)，直接进入“我的主页”，找到“我的谈话”。你可以发现还有一个发布我的演讲的文本框，我在“个人中心”的文本框里输入的内容已经填好了。这时，如果你在这里修改文本框中的内容，回到“个人中心”，你会发现内容也被修改了。这两个文本框的内容是一致的。

这个案例告诉我们“助人为乐到底，送佛西天”。自动保存是指用户可以在任何入口看到上次没有手动保存的内容。

总结：

一、自动保存的时间点可以有以下几种情况:

每隔一段时间自动保存；在用户暂停工作时保存；每次修改立即自动保存；

二。自动保存版本的保留:

仅保留最近一次自动保存的版本；保留多个自动保存的版本，以便回退到其中任何一个版本；

三。清空自动保存版本:

在手动保存之后，清空之前所有自动保存的版本；手动关闭文档后清空所有自动保存的多个版本；仅清空最新版本之外的其他版本；

一个有如此多设计点的小功能。多观察，多分析，多记录，多总结。希望自己能在互动的道路上越走越远。

#专栏作家#

雪，微信微信官方账号:用户体验报告。大家都是产品经理专栏作家，东南大学工业设计研究生。他每周都会更新一份原创的产品体验报告，分析产品设计体验的好坏，从而进步。我希望和你一起进步。