web-dev-qa-db-ja.com

フォーム-2つのバージョン(現在と以前)の比較を表示する最良の方法

フォームの2つのバージョン(更新されたバージョンと以前のバージョン)の比較を示す必要があります。フォームには非常に多くのフォームフィールドがあり、これをさらに縮小したりグループ化したりすることはできません。

例:更新されたフォームがあり、ユーザーは以前のバージョンを表示したいですか?比較を表示する最良の方法は何ですか?

  • フォーム全体を表示し、変更を異なる色でマークしますか? (git/svnのような)
  • 異なる色でマーキングして、変更された値(ラベルまたは見出し付き)のみを表示しますか?
  • 他に何か考えはありますか?
3
Deekshit-CUA

あなたが持っているスペースとフォームのフィールドの複雑さに応じて、古い値のテキストに取り消し線を表示することを検討してください

または、更新されたフィールドに小さなアイコン/ツールチップがあるかもしれません。このアイコンをマウスオーバー/クリックすると、古い値が表示されます。

1
JustAnotherPM

なぜユーザーは以前のバージョンを見たいのですか?以前のバージョンにロールバックできますか?シナリオを理解することは、ソリューションの通知に役立つ場合があります。

ソリューションに影響を与える可能性があるもう1つの要因は、フォームの複雑さです。フォームに大量のデータが含まれている場合、少し圧倒される可能性があります。

私が検討する最初の解決策は、2つのフォームを並べて表示し、最新のフィールドと更新されたフィールドを明確に示すことです。これにより、簡単に比較できるように2つの値を並べて提供するとともに、更新をすばやく識別できます。

例:

File comparison in Atom

または、比較がEdgeケースの場合は、更新されたフィールドを強調表示して、ユーザーが対話して以前のフィールドエントリを表示できるようにすることができます。

例:

LastPass password history

0
Sheff

https://www.perforce.com/video-tutorials/using-image-diff-tool など、一部のdiffツールにはオーバーレイ機能があります。

それは取るべきアプローチかもしれません。 2つの異なるバージョンのみを比較する場合は、バージョンを切り替えにしたり、並べて比較ビューを表示したりできます(色分けの選択バージョンのコンテンツを含むバージョン)。

0
CearaLC