web-dev-qa-db-ja.com

ビデオライトボックスには閉じるボタンが必要ですか?

私は誰かに彼らのビデオのためのポートフォリオウェブサイトを構築しています。ビデオのギャラリーでサムネイルをクリックすると、ビューポートの65%以下のライトボックスが開いてビデオが表示されます。ライトボックスの暗い部分をクリックしてビデオを閉じ、ギャラリーに戻ります。ライトボックスはページネーションを行いません。

これでサイトの作業はほぼ完了し、UIデザインの選択肢の1つを考え直し始めました。

現時点では、ライトボックスの暗い領域をクリックしてビデオを閉じ、ギャラリーに戻るのは直感的です。それは非常に正規化された振る舞いになるので、私は自分の経験に基づいて偏っていることを知っています。

私自身に対するもう1つの主張は、ビデオがビデオギャラリーを完全に覆うことは決してなく、ライトボックスの暗い部分は不透明度が約70%しかないため、ビデオをクリックして元に戻すことです。

閉じるボタンは必要ですか?ユーザーのフラストレーションのリスクが大きすぎますか?なぜ、なぜ私はそれを必要としないのかについて、いくつかの意見、またはより良い理論を愛するでしょう。

7
dprogramz

逆に考えてみてください。すべてのユーザーが同じレベルの親しみやすさを持っているわけではなく、他のサイトは同じ標準に準拠していません。

コンテンツの外側をクリックするか、 esc ダイアログを閉じるためのキーは、Web全体で大きく異なります。

多くのサイトでは、ライトボックスコンテンツに暗いパターンが表示されています。

多くの場合、ダイアログ(電子メールアドレスの収集や購読などに使用されます)は、外側をクリックしても閉じず、 close ボタンは微妙にエンゲージメントを強制します。

人々は、過去の経験からのすべてのフラストレーション(手荷物)を携えてあなたのサイトを訪問します。動画と他のライトボックスコンテンツを区別できない場合があります。

Nielsen Norman Groupオーバーレイに関する広範な記事

ユーザーが元のページに戻ることができるように、目に見える「閉じる」コマンドを提供します。

キーボードユーザーがオーバーレイコンテンツにアクセスできるようにします(Escapeキーでオーバーレイを閉じることを許可し、オーバーレイ内のコンテンツとフィールドへのキーボードアクセスを提供します)。

閉じるインジケーターを維持することで、目に見えるエスケープハッチが提供され、コンテンツの外側をクリックするだけの人を妨げません。

enter image description here

15
Mike M

専用のボタンが必要になる特定のシナリオがあります。特にビデオの場合、オーバーレイの背景のどこかをクリックしてライトボックスを閉じるのは悪い考えのようです。それは偶発的に発生する可能性があり、ロードを完了したばかりの同じビデオをバッファリングすることは非常に痛いためです。適切なサイズの画像であると想定すると、これは画像には当てはまりません。

専用の閉じるボタンがあることを支持する他のいくつかの理由は-

  1. より具体的で、機能を適切に伝えます。ボタンが実際に機能しない場合でも、ボタンを隅に配置すると、メッセージを適切に伝えることができます。
  2. ページの読み込みが中断されたり遅い場合、ボタンが表示されているため、ユーザーにとってボタンが助けになることがあります。
4
Ren