web-dev-qa-db-ja.com

ポートフォリオの詳細をオーバーレイ(モーダルのような)または新しいウィンドウに表示しますか?

クリックすると、それぞれの調査事例を表示するサムネイルがいくつかあるポートフォリオページを作成しています。私のアイデアは、同じページのフルスクリーンオーバーレイで開くことです(ハンバーガーメニューを開いたときにフルスクリーンメニューを表示するものなど)が、これが悪い選択であるかどうか、新しいウィンドウで開く必要があるかどうか心配です。私はモーダルウィンドウのuxの問題を認識していますが、出現している構造は古いモーダルとは異なっているようです。

1
CliveL

「モーダル」ウィンドウは本質的に悪いわけではありません。そのパターンの利点の中で:

  • ユーザーはリストに自分の場所を残す必要はありません
  • あなたが人々にしてほしいプロジェクトを閲覧するためのより少ない仕事のように感じる(私は仮定している)
  • 全ページのロードを必要としないので、速く感じるかもしれません(裏で他に何をしているのかによります)

ただし、 milano が示唆するように、デザインが[戻る]ボタンの使用をサポートしていることを確認する必要があります。また、直接リンクをサポートすることを強くお勧めします。ここでは、モーダルに関して他の一般的に厄介なことがいくつかありますが、注意が必要です。

  • モーダルの内容の代わりに、または一緒に、背景がスクロールします。これは通常、モーダルのコンテンツが一方向または他の方向にスクロールした後に発生します
  • モーダルの外側をクリックしても閉じません
  • モーダルは、ナビゲーションを含む画面全体を引き継ぎ、私がどこにいるか、またはここから出る方法を示すものは何もありません(大きな「x」ボタンを除く)
  • モバイルデバイスではモーダルのサイズが適切ではありません...大きすぎてスクロールする必要がある、または小さすぎてコンテンツを読み込めない不快な小さなスペースに押し込む可能性があります
  • 閉じるボタンはありません

この Nielsen Norman Groupの記事 は、デザインの使いやすさが気になる場合に読むのに適しています。また、いつものように、プロトタイプをユーザーでテストすることは、確実に知るための優れた方法です。使用可能かどうか。

0
Nate Green

詳細なコンテンツを表示するためにモーダルを使用することは絶対に避けます。ユーザーにとっていくつかの重大な欠点があります:

  • 共有するコンテンツのURLをコピーして貼り付けることはできません
  • 新しいタブでリンクを開いて後で読むことはできません

これらが、モーダルウィンドウに詳細なコンテンツを表示することに反対する2つの基本的な理由です。また、モバイルデバイスでこの原則を使用することも検討する必要があります。

0
milanseitler