jquery – 编辑到单独的编辑页面/模态？

我有一些数据被分解成几个部分,就像StackOverflow Careers的简历功能(不是恢复数据),可以通过jQuery网络应用程序进行编辑/创建.这更有层次性(作业可以有子作业等),所以根据CRUD的方法,这意味着不同的工作量.我不介意花时间做正确的事情,但是我不想花很多时间花点时间,而不是最佳的用户体验.

有没有对不同风格的“编辑”这种分段的分层文本数据进行研究：

>编辑到位(例如,您点击表单元素,如职位名称,它可以编辑,然后单击“确定”并保存)
>编辑按钮,将您带到新屏幕(如当前的StackOverflow)
>编辑按钮弹出一个模态窗体
>所有字段都是可打开和可编辑的,单个保存按钮(如StackOverflow Careers)

对这些不同的形式应该用什么来提供最好的用户体验有普遍的共识吗？

解决方法

这取决于.如果您的用户群是网站精通的,我会建议您进行编辑,因为它提供了自然的编辑流程.

编辑到位

当您编辑一个单位的一部分时,您将编辑内容与其余的信息.这样,您可以在编辑时检查您的编辑是如何应用于其他信息的(而不是必须在屏幕之间来回移动).

在可用性方面,分组的项目可以一次性编辑的场景很好,因为它可以节省多次点击.例如,如果作业具有以下数据项：

Title
Description
Positions

提供一种机制来一起编辑所有的机制,同时编辑每个项目的行为.

内联编辑还可以保护层次结构的其他部分不被意外更新.

模态编辑

这种编辑方法在整个层次结构和您正在编辑的部分之间引入了一个障碍(即,您正在输入的信息与层次结构中的位置之间的关系并不会从UI中看出来).

新屏幕

与模态编辑一样,编辑的信息与整个层次结构的关系也会丢失.然而,这是一个非常基本的设置,您的大多数用户群将立即了解.它还保护整个文档免受意外更新.

所有字段打开

这提供了将编辑的信息保持在上下文中的好处(如同编辑就地),并且非常简单.没有学习曲线要​​求用户学习他们必须单击一个元素进行编辑.

然而,作为一个有不止一个形式的人被我好奇的孩子毁了,我不喜欢如何将整个层次结构暴露给意想不到的更新.