web-dev-qa-db-ja.com

ポップアップを閉じるための最良の方法

マウスを通常の位置から左に動かす方が簡単だと思います。すべてのユーザーにとって同じですか、少なくともあなたにとって同じですか?そうでない場合、ポップアップの閉じるボタンを保持するのに最適な位置は何ですか。これは、閉じるボタンの位置だけでなく、平均的なユーザーのマウスの動きやすさに関する質問です。

例:アップルから。

Popup that appears when you click on the link that is placed towards the right side of the page.

モバイルとデスクトップの両方の使用を考慮してポップアップを閉じるために使用する最良の方法は何ですか?

7
Rahul

ワークフロー分析を使用してそれを理解する

  • ポップアップのユーザーのワークフローについて考えます。一般的なワークフローは次のとおりです。

    1. ユーザーが画面上で何かを見ている
    2. ユーザーは詳細を知りたいと思って、ポップアップトリガーを押します
    3. ポップアップが表示されます
    4. ユーザーはビジョンをポップアップに向け直し、ポップアップのタイトルを読みます。
    5. ユーザーは、タイトルの後にポップアップを閉じるか(役に立たない場合)、または本文を読んで(役立つ場合)閉じます。
  • このワークフローに対応するレイアウトを設計します。ほとんどの国では、ユーザーは左から右、上から下に読みます。これは通常、top-rightまたはbottom-rightに閉じるボタンを配置することがワークフローと最も互換性があることを意味します。

enter image description here

  • 読者は左から右の言語の場合、読者は上から、通常は左からページやダイアログを読み始める傾向があるため、これらのアプローチはどちらも左上にある閉じるボタンよりも視覚的な流れが優れています( Fパターン )。
10
tohster

以前に尋ねた同様の質問を見てください

両方のパターンが使用されていることを考えると、簡単に言えば、どちらのOSがオーディエンスの発信元である可能性が高いかによって決定を決定してみましょう。 iOSの場合は、左上にウィンドウを配置し、ウィンドウの場合は右上に配置します。

あなたがよく気づくならば、あなたは至る所で矛盾を見つけるでしょう。たとえばInboxアプリ(Googleによる)は、iOSアプリの左上(メッセージウィンドウの作成)に閉じるボタンを配置しますが、Webバージョンの同じウィンドウに移動すると、閉じるコントロールは右上にあります。

個人的には、Top rightに満足しています(ただし、Macユーザーであるにもかかわらず、私は最も長い間PCユーザーであったためです)

2
Rajmera

バランスを見つける

質問しないでくださいどちらが最適ですか?

しかし、代わりに質問をしますポップアップから何を取得し、出口ポイントはどのように役立ちますか?

ほとんどの場合、あいまいさが少しあると、広告には不思議に思うでしょう。あなたは物事の典型的な場所に挑戦したいのですが、これは、落下する犠牲者を睡眠歩行行動(より簡単に言えば、見る前に本能的に離れてクリックする人々)から逃れるためです。違いと煩わしさのバランスをとる必要があります。ナビゲートが簡単になりすぎないようにする必要がありますが、あまりにも難しくなりすぎないようにしてください。

Appleはこれをうまくやっており、彼らはそれを知っている。右上に終了ボタンが表示されることに慣れているため、このポップアップが表示されると、ボタンを「検索」する必要があります。これは、平均的なユーザーには数秒しかかからないかもしれませんが、はるかに生産的です/ aggressiveオートパイロットでのユーザーの「即時閉鎖」より。

注: Appleユーザーは本能的に左上に目を向けますが、Appleが使用する十分な可能性があると思います結局のところ、Windowsユーザーに挑戦する代わりにこの相関関係を確立するのは、通常のPCユーザーをMac製品に変換する際に不可欠なハードウェアの一部です。

1
insidesin

何がより簡単であるかのこの概念は、very相対的です。

左側にXがある場合、左利きのユーザーには簡単ですが、右利きのユーザーには難しい場合があり、その逆も同様です。

この種の概念は、何がより良いかという議論全体に戻ります Ok/CancelまたはCancel/Ok ?彼らが見つけたのはそれが問題ではないということです。重要なのは一貫性です。一貫性を壊すことが本当の問題があるところだからです。

0
Majo0od

特定の状況では、次のような解決策が必要になると思います。

enter image description here

0
MonkeyZeus

右上は、ブラウザウィンドウの閉じるボタンと一致しています。動かされた場合、ユーザーはそれが故意であり、だまされていると考えるかもしれません。

0
J Couch