閉じるボタンとキャンセルボタン
可能性のある複製：
保存/キャンセル/閉じるボタンの動作に関する質問
Webアプリケーションを開発しています。テキストフィールドのあるポップアップがあります。ユーザーがポップアップを閉じる方法を決定しようとしています。私は現在2つのアイデアを持っていますが、これについての研究を見つけることができないため、どちらが優れているかわかりません。
このポップアップテキストフィールドは、プロジェクトとやり取りする主な方法の1つであるため、ユーザーは頻繁にこのテキストフィールドを使用します。ポップアップの幅は約200px、高さは75pxです。
アイデア1：ポップアップの下部にある送信ボタンの横にキャンセルボタンがあります。
アイデア2：ポップアップの右上にある「X」ボタンを押して、ポップアップを閉じます。
ポップアップにテキストフィールドが含まれている場合、ユーザーはそこに情報を入力する必要があることを意味します。適切な操作の結果は、ボタン[保存/続行]または同様のボタンを呼び出す必要があります。
ここで答えが見つかると思います：
キャンセルボタンは必要ですか
私の推奨は両方を持つことです。その理由は、キャンセルボタンを使用すると、ユーザーはポップアップを閉じる、またはポップアップから離れる明らかなオプションを使用できるため、Xボタンを使用すると、コンテンツを見なくても直感的にポップアップを閉じることができます。
しかし、発生する問題は、Xアイコンがどこに配置されるかということです。ほとんどのユーザーは、右上隅に閉じるオプションを使用しています（これを実際にサポートする調査はありませんが、これは私たちが観察したことです）テストケースでは、ウィンドウの右上隅に閉じるボタンがあるため、私はそれを想定しています）
考慮すべきもう1つのポイントは、Escキーを押すことに関してライトボックスの動作を考慮するかどうかです。ポップアップがライトボックスであるかどうかについては言及していませんが、ユーザーテスト中に、Escキーを押してライトボックスを閉じることに慣れているため、他のポップアップでも同じ動作が期待できるようになっていることがわかりました。免責事項：これは、私が設計したWebサイトの1つで実施したユーザーテストに基づいています）
ポップアップを使用して進捗状況を報告した場合は、1つのボタンで閉じるとキャンセルの両方を行いました。
キャンセルされる進行中の操作がある場合、操作が完了するまでボタンに「キャンセル」と表示され、完了した操作はキャンセルできないため、テキストは「閉じる」に変わります。
進行中の操作をキャンセルせずにダイアログを閉じる方法が必要な場合は、「バックグラウンドで続行」ボタンを追加します。
ポップアップがプロセスにとって正しいエクスペリエンスであることを確信していますか？ -特に頻繁に開くため。
ユーザーとして、私はすべての3つの方法でポップアップを閉じます-ボタン、X、およびESCは、現在の距離とボタンのテキストによって異なります（オプションがわかりにくい場合は、Xを使用します）。