我正在编写一个Web界面来编辑随时间变化的多个值（对于每个员工，更改的属性是角色/部门/工作场所/合同类型/等）并显示每个更改的历史记录，以及服务器 - 方验证。
用户必须能够添加新值，修改以前的值，更改句点之间的日期等等。我精通Ajax / YUI，但缺乏UI设计。
我现在似乎无法记住类似的应用程序，而且我对纸质原型不满意。
它是一张桌子 - 更多桌子 - 时间轴 - 那里有多少魔法，以及......
您知道要查看的任何描述或实施的模式吗？
修改：这就是我所做的。
普通视图
[edit]
from | to | role | department | contract | level | ....
------+------+-------------+------------+------------+-------+----
2005 | ∞ | guru | Buzz | consultant | 4 |
2002 | 2004 | ninja | Bar | employee | 2 |
2000 | 2002 | code monkey | Foo | temp | 1 |
日期仅为简洁而表示为年份。
最常见的操作是单击[编辑]并添加一组新值：
[edit]
from | to | role | department | contract | level | ....
------+------+-------------+------------+------------+-------+----
____ | | _______ | _______ | _______ | _____ |
[2005]| ∞ | guru | Buzz | consultant | 4 |
2002 | 2004 | ninja | Bar | employee | 2 |
2000 | 2002 | code monkey | Foo | temp | 1 |
通过单击[2005]，可以使用选择菜单和日历小部件编辑当前值行。
[edit]
from | to | role | department | contract | level | ....
------+------+-------------+------------+------------+-------+----
____ | | _______ | _______ | _______ | _____ |
_2005_| ____ | _guru__ | _Buzz__ |_consultant_| _4_ |
2002 | 2004 | ninja | Bar | employee | 2 |
2000 | 2002 | code monkey | Foo | temp | 1 |
服务器收到两行值。要编辑以前的句点，请删除当前句号（可接受的权衡）。
我已经有几个问题了。
行的“from”值与前一行的“to”值相关联，并且如果（并且仅当它们）相同时将一致地更改。用户应该一目了然地看到行之间是否有孔。 （如果它与后续的“from”相同，我不显示“to”，但是显示这样的箭头↖ - 它很难看）
目前尚不清楚如何终止当前期间（=＆gt;点击2005，在“to”中写入一个值）
目前尚不清楚如何删除当前期间（=＆gt;点击2005，删除“来自”）
“无限”的符号难看且不清楚
角色，部门等的验证取决于合同，但从用户的角度来看，它们实际上是正交的。其他事情甚至更少相关（例如每周时间），但仍应一起验证
编辑表的Methinks应该是非模态的..
答案 0 :(得分：0)
假设一个人一次只编辑一个员工的详细信息，可以在页面顶部显示最新的当前可编辑数据。其后可以是列表中的更改历史记录，其中只能突出显示先前版本的更改。当有人点击其中一个历史记录项时，该项可以展开并可编辑，并且当前可编辑的项可以折叠。例如，您可以在<li>中的<ol>个元素中包装所有内容，并根据正在编辑的内容展开/折叠<li>。
对于通用答案感到抱歉:)如果您可以提供更多详细信息（可能是对您所做的纸质原型的扫描），我们可以深入研究它。