web-dev-qa-db-ja.com

データテーブル上にモーダルウィンドウを開くためのリンクまたはボタン

私はユーザビリティチームで働いており、アプリケーションでは常に新しいページを開くためのリンク(ナビゲーション)と、アクションを実行するためのボタン、たとえばフォームを送信するためのボタンを使用しています。しかし今、私たちはジレンマに直面しています:データテーブルがあり、モーダルウィンドウの行を編集したいと思います。常に一貫性を保ちたいので、リンクまたはボタンを使用してモーダルの行を編集する必要がありますか?

4
RitaS.

ボタンを使用します。現在のページで何かを編集しようとしています。その後、現在のコンテキストに戻ります。したがって、モーダルは、別のページに移動するように画面に一時的に表示される場合でも、アクションです。

6
Graham Herrli

これは私が考えた可能性です:

1-最後の列に「編集」ボタンを使用します(非常に繰り返しが多く、多くの行がある場合、インターフェースがより混乱します

enter image description here

2-編集するには、メイン列のテキストの横にあるアイコンを使用します。ホバーすると、境界線が表示されます(ユーザーが編集するテーブルに表示することを期待しているものとは非常に異なります

enter image description here

3-メイン列にハイパーリンクを使用します(おそらくユーザーは別のページで編集することを期待します

enter image description here

1
RitaS.

なぜボタンやリンクがあるのですか?

アイテムを直接インラインで編集可能に設定できますか?

そうでない場合-各行に表示されているものよりも多くのデータがある場合(つまり、行に表示されるデータは最も関連性の高い情報にすぎません)、モーダルを使用できます(提案どおり)or行アコーディオンスタイルを展開します。これらは、行のanywhereをクリックすることで実行できます。アコーディオンの場合、下向きから上向きに変化する小さな矢印(またはその他の視覚的な手がかり)を使用することもできます。

1
Tims