jquery - 就地编辑与单独的编辑页面/模式？

Question

我有一些数据被分成几个部分，很像 StackOverflow Careers 的简历功能(尽管它不是简历数据)，可以通过 jQuery Web 应用程序进行编辑/创建。它有点层次化(工作可以有子工作等)，所以根据我采用的 CRUD 方法，这意味着不同的工作量。我不介意花时间把事情做好，但我不想花很多时间做一些花哨的东西，而这并不是最佳的用户体验。

是否对“编辑”这种分段的分层文本数据的不同风格进行过研究:

1. 就地编辑(例如，您单击表单元素(例如职位名称)，它变为可编辑，然后单击“确定”并保存)

2. 编辑按钮可将您带到新屏幕(例如当前的 StackOverflow)

3. 弹出模态表单的编辑按钮

4. 所有字段均打开且可编辑，单个保存按钮(如 StackOverflow Careers)

对于何时应使用这些不同的形式来提供最佳用户体验是否存在普遍共识？

Answer 1

这要看情况。如果您的用户群精通网络，我会建议使用就地编辑方法，因为它提供了自然的编辑流程。

<小时/>

就地编辑

当您编辑层次结构的一部分时，您将与其余信息一起进行内联编辑。这使您可以在编辑时检查您的编辑如何应用于其他信息(而不必在屏幕之间来回移动)。

就可用性而言，一次性编辑分组项目的场景很好，因为它可以节省多次点击。例如，如果作业具有以下数据项:

Title
Description
Positions

最好提供一种一次性编辑所有项目的机制以及就地编辑每个项目的行为。

内联编辑还可以防止层次结构的其他部分被意外更新。

<小时/>

模态编辑

这种编辑方法在整个层次结构和您正在编辑的部分之间引入了障碍(即，您正在输入的信息与其在层次结构中的位置之间的关系并不是从用户界面中立即显现出来) 。

<小时/>

新屏幕

与模态编辑一样，编辑信息与整个层次结构的关系会丢失。然而，这是一个非常基本的设置，大多数用户群都会立即理解。它还可以保护整个文档免遭意外更新。

<小时/>

所有字段开放

这提供了将编辑的信息保留在上下文中的好处(与就地编辑一样)并且非常简单。不存在需要用户学习必须单击某个元素才能对其进行编辑的学习曲线。

但是，作为一个拥有不止一种表单被我好奇的 child 破坏的人，我不喜欢它如何将整个层次结构暴露给意外更新。