私は誰かに彼らのビデオのためのポートフォリオウェブサイトを構築しています。ビデオのギャラリーでサムネイルをクリックすると、ビューポートの65%以下のライトボックスが開いてビデオが表示されます。ライトボックスの暗い部分をクリックしてビデオを閉じ、ギャラリーに戻ります。ライトボックスはページネーションを行いません。
これでサイトの作業はほぼ完了し、UIデザインの選択肢の1つを考え直し始めました。
現時点では、ライトボックスの暗い領域をクリックしてビデオを閉じ、ギャラリーに戻るのは直感的です。それは非常に正規化された振る舞いになるので、私は自分の経験に基づいて偏っていることを知っています。
私自身に対するもう1つの主張は、ビデオがビデオギャラリーを完全に覆うことは決してなく、ライトボックスの暗い部分は不透明度が約70%しかないため、ビデオをクリックして元に戻すことです。
閉じるボタンは必要ですか?ユーザーのフラストレーションのリスクが大きすぎますか?なぜ、なぜ私はそれを必要としないのかについて、いくつかの意見、またはより良い理論を愛するでしょう。
コンテンツの外側をクリックするか、 esc ダイアログを閉じるためのキーは、Web全体で大きく異なります。
多くの場合、ダイアログ(電子メールアドレスの収集や購読などに使用されます)は、外側をクリックしても閉じず、 close ボタンは微妙にエンゲージメントを強制します。
人々は、過去の経験からのすべてのフラストレーション(手荷物)を携えてあなたのサイトを訪問します。動画と他のライトボックスコンテンツを区別できない場合があります。
Nielsen Norman Groupオーバーレイに関する広範な記事
ユーザーが元のページに戻ることができるように、目に見える「閉じる」コマンドを提供します。
キーボードユーザーがオーバーレイコンテンツにアクセスできるようにします(Escapeキーでオーバーレイを閉じることを許可し、オーバーレイ内のコンテンツとフィールドへのキーボードアクセスを提供します)。
閉じるインジケーターを維持することで、目に見えるエスケープハッチが提供され、コンテンツの外側をクリックするだけの人を妨げません。
専用のボタンが必要になる特定のシナリオがあります。特にビデオの場合、オーバーレイの背景のどこかをクリックしてライトボックスを閉じるのは悪い考えのようです。それは偶発的に発生する可能性があり、ロードを完了したばかりの同じビデオをバッファリングすることは非常に痛いためです。適切なサイズの画像であると想定すると、これは画像には当てはまりません。
専用の閉じるボタンがあることを支持する他のいくつかの理由は-