web-dev-qa-db-ja.com

モーダルまたは新しいページでビデオを見た方が良いですか?

ビデオをクリックしてモーダルまたは新しいページで開くほうがよいかどうかを判断するのに苦労していますか?ユーザーに動画に集中してもっと多くの動画を見てもらいたいが、ページを離れないでほしい。

モーダル enter image description here

または新しいページ? enter image description here

6
DianaCarvalho89

関連する2つの理由から、モーダルダイアログに動画が表示されて不便を感じることがよくあります。

自分の居場所を失うのは簡単すぎる。ダイアログはしばしば(実装され、期待どおりに)ダイアログの外側をクリックすることで簡単に閉じることができるためです。しかし、私が視聴することを選択したビデオは、停止するように指示するまで再生を続け、大きなターゲットを誤ってクリックしても場所を失うことはありません。

他のナビゲーション/読み取りを不必要に削除します。たとえば、動画の一部が遅い場合、またはネットワークが低速でバッファリングが完了するのを待っている場合、関連する記事を読んだり、新しいタブでいくつかのリンクを開いたり、または動画で何かについて言及したりできます先に進む前に、リンクを読むか、リンクをたどりたいです。

ページまたは新しいページにビデオをインラインで表示しても、これらの問題はありません。インラインの場合、スクロールして、ビデオの再生中または一時停止中に他のすべてのページコンテンツにアクセスできます。新しいページへのリンクの場合、新しいタブを開くことができますが、実装されているダイアログは通常でコンテンツ(またはダイアログのあるページ)を開くことを拒否します新しいタブで表示されます)。

最後に、ユーザーがJavaScriptを無効にしている場合や、ネットワークまたはコードのエラーが原因でスクリプトがジョブを実行できなかった場合、ダイアログは機能しません。

お気づきかもしれませんが、これらの問題の多くは注意深いプログラミングによって回避できますが、ビデオを「ページ上の通常のコンテンツ」として表示する方が少ない労力でより堅牢になります。

2
Kevin Reid

このようなコンテンツをモーダル内に配置することは避けてください。モーダルは、ユーザーにアクションを実行する必要がある重要な情報をユーザーに伝えるために予約する必要があります。今日、ウェブ全体でモーダルは完全に使いすぎており、意図した/適切な使用と混同されるのは簡単です。

そうは言っても、あなたは常にあなたがあなたが導入するあらゆる相互作用であなたのビジネス目標を考慮に入れなければなりません。ユーザーがメインページから移動する前にビデオをプレビューできるようにしたいようです。これが当てはまる場合、ポップアップ(ポップアップではない)、モードレスパネル、またはホバー時の短いループプレビュー(モバイルでもこの​​動作を見たことがあります)を検討しましたか?

5
James Touhey

ページ上でビデオを表示する方が、モーダルで表示するよりも優れています。ユーザーに他のページに移動させたくない場合は、ハイブリッドアプローチを使用できます。 inline modalsを使用できます-Google画像検索と同様です。画像をクリックすると、下に拡大ビューが開き、不要な場合はビューを閉じることができます。同じアプローチをビデオに使用できます。

3