web-dev-qa-db-ja.com

グリッド内の複数の行に検証フィードバックを提供するにはどうすればよいですか?

ユーザーがデータベースにインポートされるコンテンツを含むスプレッドシートをアップロードできるようにする必要があるページを設計しています。これらの行の一部には、Excelでは問題ないが宛先テーブルでは無効なデータが含まれることが予想されます。たとえば、長すぎる文字列フィールドや、既存の1つと重複するユーザーID:標準の検証項目などです。

したがって、提案されたインポートを実行して有効で無効な行を表示し、無効な行については問題が何であるかを示すために、いくつかの中間UIが必要です。これまでのところ、私はこのようなものを想像することができます:

enter image description here

問題は、ユーザーが何を変更する必要があるかを細かく指定する方法がわからないことです。無効なセルのみを強調表示することはできますが、Reference name must be a maximum of 6 characters(列全体に当てはまります)やThis user id is already in use(当てはまるだけ)など、より詳細なメッセージをどこに置くかわかりません。 1つのセルの)。

通常、これを問題のある入力コントロールの横に配置しますが、メッセージがセルに収まらない場合があり、グリッドの前後に配置することはできません。何十ものセルが存在する可能性があるためです。行ごとにいくつかのメッセージが残っている可能性があるため、その行の前または後に単一行のメッセージをスタックする方法を確認してください。

このような状況に適したUIパターンは何ですか?

2
Joshua Frank

特定のフォーマットエラーを説明するインジケーターで行の輪郭を描きます。必要に応じて、詳細な説明のリンクを提供します。

あなたができることの1つは、ツールチップ/アイコンを使用して、行レベルで特定の無効なフォーマットのヒントを提供することです、または正確なエラー(および可能であればそれを回復または修正する方法)を説明するその下に作成した疑似行

多くのレコードがある可能性があるため、ユーザーが無効な行を正確にすばやくフィルタリングできるように、切り替えを検討してください。レコードの合計と無効な合計を示すカウントをテーブルの上に表示することもできます。

enter image description here

3
Mike M