web-dev-qa-db-ja.com

「X」を閉じるボタンと「ウィンドウを閉じる」というラベルの付いたボタンとして使用する

可能性のある複製:
モーダルダイアログを閉じる

私は、より多くのテキストをウィンドウにポップアップするボタンと、それをクリックしたときに情報を表示するFlashアプリケーションを開発しています。これはコース全体で発生します。閉じるボタンは、「X」が入った正方形のボックスです。レビュー時のクライアントは、「X」はページが正しく読み込まれなかった(古いブラウザは画像アイコンを読み込めない??).

「X」ボタンは、「ウィンドウを閉じる」というラベルの付いたボタンよりもわかりやすいので、直感が強いです。これに対処する最良の方法はどれですか?また、閉じるボタンとしての「X」は、グローバルに閉じるボタンとして認識されますか?

1
lislis

情報モーダルダイアログを閉じるときは、2つの方法を提供するのが最善です。 OKとXを閉じます。

mockup

download bmml sourceBalsamiq Mockups で作成されたワイヤーフレーム

Xが右上(Macユーザーの場合は左上)以外の場所にある場合、赤色の背景では、Xを見つけたり、それが何であるかを知ることが困難になります。

カスタムダイアログ(Flash、Webオーバーレイ)の代替ソリューションとして、[Xを閉じる]ボタンがあります。

mockup

bmmlソースをダウンロード

これは実装が少し簡単で、使用するスペースが少なくなりますが、ほとんどのユーザーにとっては非常に明確です。どちらの場合も、赤いXを使用することはお勧めしません(Xボタンに赤いbackgroundを使用します)。ユーザーが正しいためです。これは、特に右上隅にない場合は、Internet Explorerの「画像がありません」アイコンに戻ります。

2
Myrddin Emrys

どちらがより良いかは、対象者によって異なります。これが幅広い消費者向けに設計されたものなのか、それともかなり明確に定義されたグループ内での使用を意図したものなのかは、問題から明らかではありません。私はそれぞれのアプローチが異なると主張します。

幅広い(つまり、グローバルな)消費者向けの場合、上端のxは一般的なものであり、大きな混乱を招くとは思えません。ただし、常に右側にあるとは限りません。 Macユーザーは左側にそれを使用することに慣れます。可能であれば、「esc」キーをクローズオプションとして機能させます。多くの人がこれに慣れており、インターフェースを複雑にすることはありません。

クローズドでかなり明確に定義されたグループの場合、簡単なテストで質問に対する確かな答えを見つける簡単な機会があるので、それを使用してください。 それをテストする潜在的なユーザーと一緒に、どちらがより明確であるかを確認してから、それに進みます。

0
JohnGB