我正在编写一个 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] 并添加一组新值:
[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”,而是显示这样的箭头 ↖ - 这很难看)
不清楚如何终止当前周期(=> 点击 2005,在“to”中写一个值)
不清楚如何删除当前期间(=> 点击 2005,删除值“来自”)
“无限”的符号丑陋而不清楚
角色、部门等的验证取决于合同,但从用户的角度来看,它们实际上是正交的。其他事情甚至更不相关(例如每周工作时间),但仍应一起验证
我认为编辑表格应该是非模态的..