時間の経過とともに変化するいくつかの値 (従業員ごとに、変化する属性は役割/部門/職場/契約の種類など) を編集し、各変更の履歴とサーバー側の検証を表示する Web インターフェイスを作成しています。
ユーザーは、新しい値の追加、以前の値の修正、期間間の日付の変更などを実行できる必要があります。私は Ajax/YUI などに習熟していますが、UI 設計が不足しています。
今は似たようなアプリケーションを思い出すことができないようで、紙のプロトタイプでは満足できません。
それは 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 |
日付は、簡潔にするためだけに年として表されます。
最も一般的な操作は、[編集] をクリックして新しい値のセットを追加することです。
[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 |
サーバーは 2 行分の値を受け取ります。前の期間を編集するには、現在の期間を削除します (許容可能なトレードオフ)。
ここですでにいくつかの懸念があります。
行の「開始」値と前の行の「終了」値はリンクされており、それらが同じである場合 (およびその場合にのみ) 同時に変化します。ユーザーは、行間に穴があるかどうかを一目で確認できます。(後続の「から」と同じなら「へ」は表示しないが、こんな感じで矢印を表示↖ - 見苦しい)
現在の期間を終了する方法が明確ではありません (=> 2005 をクリックし、「to」に値を書き込みます)。
現在の期間を削除する方法が明確ではありません (=> 2005 をクリックして、「from」の値を削除します)。
「無限」の記号は醜くて不明瞭です
役割、部門などの検証は契約に依存しますが、ユーザーの観点からは、実際には直交しています。その他の関連性はさらに低くなりますが (例: 毎週の勤務時間)、一緒に検証する必要があります。
テーブルの編集は非モーダルであるべきだと思います..