web-dev-qa-db-ja.com

インライン編集と編集ビュー

この質問が何度か尋ねられるのを見ましたが、私の特定のシナリオに関連するものはありません。私は、多くのユーザータイプを含む大きくて複雑なUIに取り組んでいます。この画面には、4種類のユーザーがあります。

1)ファンドの詳細を「表示」したい人。

2)2〜3個のフィールドのみを編集したい人。

3)「セクション」(この場合は「静的データ」)を編集したい人。

4)多くの要素を編集したいので、ページ全体を一度に「編集可能」にしたい。

enter image description here

添付されているのは大まかなワイヤーフレームですが、「プロファイルの編集」(右上)、「静的データの編集」(右、ボックス内)、「インラインの編集」機能はやりすぎだと感じています。あまり複雑にせずにこれを達成するより良い方法はありますか?

私の直感は、グローバルな「プロファイルの編集」機能に加えて、「セクションの編集」OR「インラインの編集」...のいずれかを維持する必要があることを私に伝えています...あなたの考えは何ですか?

これらのページのほとんどは非常に長く、非常に多くのフィールドとセクションがあります。現在のUIには、この「画面全体」が常に「編集モード」で表示されます(「フォームフィールド」もすべてではありません-テーブル、大きなテキスト領域などがあります)。特にデータを単に「見ている」ユーザーにとっては、ページ全体が非常に煩わしく感じます。

これに関するもう1つの小さなレンチ:一部のユーザーは、同じフィールド/セクション/ページに同時に変更を加えることができます。したがって、その事実を何らかの形で説明する必要があります。その要素を「編集不可」にしたいのではなく、何らかの理由で最新のインスタンスを保存するか、「これは現在xxxによって編集されています」と示す必要があります。 。

提案やベストプラクティスはありますか?そして、「節約」はどうですか?ページ全体を編集する場合とセクションを編集する場合、どちらが絵に合うでしょうか?現在のように、下部に配置されて失われたり、上部のアイコンとともに保持されますか?

24
Lynn Cyr

Facebookのようなセクションレベルの編集のようなアプローチで行くことをお勧めします。 Facebookのデザインを見ると、特定のセクションの[編集]をクリックすると、そのセクションのみが編集可能になり、ユーザーは必要なフィールドを編集でき、残りは無視できます。

enter image description here

各フィールドのインライン編集を使用しないことを強くお勧めします。これにより、画面が乱雑になり、偶発的なクリックが発生する可能性があります。

保存機能に関しては、上の画像に示すようにセクションレベルとグローバルレベルの2つのレベルで保存機能を提供することをお勧めします。これにより、ユーザーはページ全体をすばやくクリックして保存できるので、保存するのではありません。セクションごと。

同じセクションを編集している人に関しては、スタック交換によって行われるようなアプローチで、ユーザーが応答を入力しているときに投稿される新しい回答について通知することができます。

enter image description here

19
Mervin

人が編集を開始するとき、他の人が同じことを編集できないようにロックアウトする必要があります(これを回避する方法はありますが、複雑すぎると思います。バージョン管理システムを参照してください)。

そのため、プロファイル全体よりも小さな単位をロックする必要があると思うので、セクションを編集/ロックの単位にします。

最初のビューを読み取り専用にすると、編集可能に見えるものは何もありません。各セクションには、他のユーザーがチェックアウト(ロック、編集)されているかどうかも表示されます。ロックされていない場合は編集ボタンをクリックでき、編集ボタンがクリックされた場合はセクションの外観が変更されて編集可能であることを示します。 (この時点で、セクションに対する他のユーザーのビューが更新されて、XXXXによってロックされていることを示すといいでしょう。セクションを編集して明示的に保存できます。その時点で、ビューは読み取り専用に変わり、他のユーザーのビューが表示されますセクションが更新され、編集内容と他のユーザーが編集できるようになりました。

1
obelia