代码之家  ›  专栏  ›  技术社区  ›  Matt Rogish

在位编辑与单独编辑页/模式编辑?

  •  12
  • Matt Rogish  · 技术社区  · 14 年前

    我有一些数据被分成几个部分,很像StackOverflow Careers的简历功能(虽然不是简历数据),可以通过jQueryWeb应用程序编辑/创建。它的层次性更高(作业可以有子作业等),所以根据我采用的积垢方法,它意味着不同的工作量。我不介意花时间去做正确的事情,但我不想花太多时间去做一些花哨而不是最佳用户体验的事情。

    有没有研究过“编辑”这种分段、分层的文本数据的不同风格:

    1. 就地编辑(例如,单击一个表单元素,如职务,它将变为可编辑,然后单击“确定”并保存)

    2. 带您进入新屏幕的编辑按钮(如StackOverflow)

    3. 弹出模态窗体的编辑按钮

    4. 所有字段都是打开和可编辑的,单个保存按钮(如StackOverflow)

    1 回复  |  直到 10 年前
        1
  •  12
  •   Pat    14 年前

    视情况而定。如果你的用户群精通网络,我会推荐一种就地编辑的方法,因为它提供了自然的编辑流程。


    在位编辑

    当您编辑继承权的一部分时,您将与其余信息一起进行内联编辑。这允许您检查您的编辑如何应用于其他信息 当你做的时候 (而不是在屏幕之间来回移动)。

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

    Title
    Description
    Positions
    

    最好提供一种机制,可以一次编辑所有项,同时编辑每个项的就地行为。

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


    模态编辑


    与模态编辑一样,编辑的信息与整个层次结构的关系将丢失。不过,这是一个非常基本的设置,您的大多数用户将立即了解。它还可以保护整个文档不受意外更新的影响。


    所有字段打开

    这提供了将编辑的信息保存在上下文中的好处(就像在位编辑一样),而且非常简单。没有学习曲线要求用户学习他们必须单击一个元素来编辑它。