ポップアップウィンドウの選択肢
ユーザーにいくつかの情報のみを含むポップアップがある場合。彼らは選択をする必要はありません。ユーザーにそのポップアップを閉じるための2つのオプションを与えるのが賢明ですか（スクリーンショットを参照）、またはそのポップアップを閉じるためにこれらの2つのオプションの1つだけをユーザーに与えますか？.
また、「OK」ボタンではなく「キャンセル」ボタンの場合はどうでしょうか。
ユーザーを混乱させない限り、複数のアクションを閉じても害はありません。私もいくつかの代替案を検討します：
- ボックスの外側をクリックして閉じる（これは、イメージライトボックスを使用するとかなり拡張されます）
- 「閉じる」ボタンなどがある。 「OK」があいまいです。関連するアクションが何であるかわからないので、クリックするかどうか疑問です。 「キャンセル」も混乱を招きます。何をキャンセルしますか？私の正解は？問題になる可能性があります。
- 右側を渡る
また、数秒後にメッセージをフェードアウトすることを検討することもできます（Facebookは特定の通知でこれを行うと思います）。
この場合、ユーザーにポップアップを閉じる2つの方法または1を与えることは重要ではないと思います。通常、私は、さまざまなユーザーに対応するために、複数の方法でアクションを実行できる必要があるという経験則に固執します。そして彼らが見ることを期待するもの。ただし、ポップアップモデルは頻繁に使用されるため、[OK]ボタンだけで十分だと思います。 「X」は、そのまま使用したい場合でも害はありません。これも一般的に使用され、注意を引くことはないためです。ただし、注意を引くものではないため、「X」だけではなく、ダイアログボックスを閉じる方法に戸惑うユーザーもいます。これは私が典型的なダイアログと考えているものに適用されます-ライトボックスのyiselaの例は右上隅の「X」に依存していますが、ボックスの外側をクリックして閉じることもできます。
言語については、使用できるボタンは、何ができるかとダイアログの目的によって異なります。確認メッセージのみの場合は、「OK」または「閉じる」を使用します。 「キャンセル」は、「OK」をクリックして何かを送信する場合にのみ使用する必要があるため、アクションを完了せずにキャンセルできるようにします。
ユーザーにメッセージを伝えるときに、スクリーンショットに2つの閉じるボタンを追加することにします。
この場合、ユーザーの主な焦点は、ユーザーに与えるメッセージにあります。したがって、メッセージの後には、（当然のことながら）メッセージの横にボタンを表示し、さらにアクションを実行することをお勧めします。
ユーザーに表示するメッセージが少し大きい場合を考えます。この場合、ユーザーはフォーカスを変更する必要があるため、長いメッセージを読んだ後に閉じるボタンを見つけるのが難しい場合があります。
また、ポップアップウィンドウの右上隅に十字アイコンを配置したいと思います。
ボタンのテキストに関しては、ユーザーに表示しているメッセージのコンテキストと、ボタンをクリックした後に発生するさらなるアクションによって異なります。
ポップアップがページ内のdivではなく実際のものである場合、ブラウザ/システムはウィンドウを閉じるために「X」を提供するので、コード内の1つだけを提供する必要があります。
Divを使用してポップアップ効果を生成する場合は、スクリーンショットのように、自分でボタンを提供できます。
しかし、あなたの意図は、あなたがあなたに提示したテキストをユーザーが確実に読んだことを確認することなので、実際のメッセージの確認に関係のないウィンドウを閉じる方法は避けた方がいいと思います。 「X」を指定しないでください。
私たちは多くの種類の確認ボックス、ポップアップ、関連するインターフェースとのやり取りに慣れているので、画面をスキャンして、オプションが1つだけあるボックスが表示された場合、何をしても問題ないことを知っています。唯一のオプションはそれを閉じると、脳と態度は却下されます。そのために多くの問題が発生しますが、それは別の課題です。そのため、「テキストを読んで理解しました」、「同意する...」など、ユーザーが注意を払う必要があるボタンを作成します。これは、ユーザーを一瞬停止させ、実際にボックスを操作したり、まだ読んでいない場合は、テキストを読んでください。
1つの追加：タイトルバーに「正しい」と書かれています。
私はそれがテストかパズルゲームだと思います。
一般的には、「フローを中断しない」ことをお勧めします。つまり、アプリケーションが回答を満たす場合は、ユーザーに通知をクリックさせないでください。
代わりに、大きな緑色のチェックマークが拡大したり消えたりするアニメーションや、おそらく効果音を使用してください。
