クリックすると画像をオーバーレイとして表示するリンクがあります(半透明の黒い背景、中央揃えの画像)。画像の外側をクリックするか、エスケープキーを押すと、オーバーレイが閉じます。現在、私は閉じるボタンを配置していません。閉じるボタンは必要ですか?これはウェブサイトです。画像のサイズはさまざまです。
それはおそらく必要ではないでしょう、それはますますオーバーレイの標準になりつつあります。しかし、ユーザーに問題が発生した場合でも、右上に小さな「x」を入れても問題はありません。邪魔にならないので、誰もがそれが近いことを理解しています。
外側のクリックで閉じるオーバーレイが非常に一般的になっていますが、閉じるボタンを提供しない場合、いくつかのユーザビリティの欠陥が生じます。
また、ある程度の経験はあるが、不足している閉じるボタンに触れたことのないユーザーを検討してください。どうすればよいでしょうか。
ナイスで十分な「X」(または「閉じる」という単語の方がよい)を使用すると、これらの問題は発生しません。そして、それがあなたのデザインを深刻に壊すとは思えません。
はい、閉じるボタンを含めてください。 L.Mollerは正解です。経験の浅いユーザーを考慮する必要があります。また、画像がウィンドウと比較して大きすぎて、空のスペースがない場合、ユーザーは画像をクリックして閉じることができません。
Javaスクリプトオーバーレイウィンドウを使用して拡大画像を表示するインターフェイスをいくつか見つけました。これらのオーバーレイウィンドウには、前後に移動するためのコントロールがありますが、[閉じる]ボタンがありません。画像の外側をクリックして閉じることはできません。 (オーバーレイウィンドウ自体)およびクリックするCROSSボタンまたは閉じるボタンはありません。画像自体をクリックしてオーバーレイモードを閉じることはできますが、ヒント、方向、オーバーレイモードを終了して続行できるヒントはありません。ページのコンテンツを読み取ります。
例:http://jacksonchoi.com/archives/1
私は、閉じるボタンのないこのオーバーレイパターンを混乱させ、イライラさせます。しかし、それが使用されている持続性があれば、それは受け入れられていると感じており、おそらくユーザーのテストも経ているでしょう。このサイトはユーザーエクスペリエンスとユーザビリティソリューションを提供し、このオーバーレイモードを維持することはかなり驚きです。しかし、私が使いやすさのパターンの対象だったとしたら、私はそこにこだわっていたに違いなく、ユーザーがページで動けなくなったと感じたときにランダムにクリックを開始しない限り、画像をクリックしなかったでしょう。
結論:これは使い勝手の悪いパターンであり、ウィンドウの右上隅にXまたはテキスト「閉じる」を配置します。
「x」を含めることに同意します。モーダルの外側をクリックすると閉じることができることをユーザーにトレーニングすることを考慮して、画像ボックスの右上隅の代わりに「x」をオーバーレイに配置することをお勧めします。
右上隅に少しxを追加することを選択します。おそらく、そのWebアプリからホバーしている。可能であれば、写真の邪魔にならないようにしてください。
これが私の答えの重要な部分です。 TRACK IT!
彼らが言うように、「あなたが選択できる理由は答えが不明確だからです」
Mixpanelやgoogle analyticsなどを使用してエスケープを追跡し、外側または「x」をクリックして、ユーザーベースが実際に何をしているかを調べます。
とてもシンプルで無料です。その場合は、ここで取得したデータをポストバックしてください。みんな知りたいです。