web-dev-qa-db-ja.com

ウィンドウ操作ボタンを配置する場所を決定する際に考慮すべき重要な点は何ですか?

ほとんどのWindowsデスクトップでは、ウィンドウの最小化、最大化、復元ボタンが右上のウィンドウ装飾に配置されています。ただし、MacOSおよびUbuntuのGnomeでは、これらのボタンを左側に配置しています。

それらを配置する場所を決定するときに重要な側面は何ですか?以前の経験からのユーザーの期待は最も重要な側面ですか、それともユーザーが最初に自動的に見る場所に関連する他の独立した側面はありますか?文字が左から右、または右から左に書かれているローカリゼーションには違いがありますか?

22
txwikinger

これは、ユーザーが期待することを行うべきことの1つだと思います。

彼らは何を期待していますか?まあそれは時々理解するのが難しい事です。最も重要な行動を促すフレーズのボタンの最適な配置を決定するために、眼球運動の研究が過剰に行われました。そして、ユーザーはしばしば左上隅から始めます。一方、これらのウィンドウボタンはいたるところにあり、使い慣れているため、不必要な考えを必要としないはずです。画面の特定の側にボタンがあるOSに慣れているユーザーは、当然その場所でボタンを探します。過去の経験は、ユーザーが期待するものの支配的な要因になるでしょう。

したがって、たとえば、オーディエンスが90%のWindowsユーザーで構成されている場合、これらのボタンを右上に配置する必要があります。 Windowsユーザーは、これらのボタンの右上隅を当然のように見てきます。

さらに良いことに、ターゲットOSの組み込みのウ​​ィンドウコントロール(タイトルとボタンの配置)を採用できる場合、この決定はあなたの手に委ねられ、ボタンは常にユーザーが期待する場所になります。

17
Steve Wortham

ユーザーがUIがオペレーティングシステムと一貫していることを期待するのは残念なことです。 「最大」をクリックするつもりで「閉じる」をクリックするたびに1ドルあればいいのですが。簡単な方法でウィンドウを作成し、Windowsに汚い作業を任せるのではなく、最初からウィンドウを作成する場合は、少なくともこれらの小さなボックスの間にある程度のスペースを入れます。私もそれらを少し大きくするかもしれません。しかし、ユーザーがそれらを見つけることを期待していたコーナー(Windowsの右上)に置いておきます。

この質問は今日私のクライアントから生じました-そしてあなたの答えは役に立ちましたが、私は西側のユーザーの観点からそれを付け加えたいです(読み書きの指示を慎重に避けてください)、質問の根本は理由 Windowsはボタンを右側に、OS Xを左側に配置しました。

右側は、マウスを右手で使用するユーザーの好みであり、画面の右側を自然に「マウスオフ」します。左利きのユーザーは、まだ右にマウスオフしていることがよくありますが(議論中の右手のインターフェイスパターンを使用する習慣から)、左にマウスを離すほうが物理的に快適です。

左利きのユーザーよりも右利きのユーザーの方が多いです。

巧妙なインターフェースは、設定または代替手段を提供します(ウィンドウのタイトルバーの左側にある、ウィンドウ自体の「非表示」の閉じるボタンなど)。

OS Xが左利きによって設計されたのか、ユーザーインターフェイス設計の科学がまだ初期の段階にあったのかはわかりませんが、Windowsはそれを正しく理解していると思います。さらに、OS Xの赤いボタンがアプリケーションをcloseしないことを理解していますが、ウィンドウを非表示にしているため、2つのオペレーティングシステムを比較すると、質問が完全に有効ではない可能性があります。

OS Xの3色のボタンにも満足していませんが、ユーザーは1、2、3の位置でボタンを認識できるようになりますが、Windowsはアイコンを追加すると、円や位置よりも認知的な設定ができるようになるためです。一人で。四角/円、左/右、アイコン/アイコンなし;それは確かに誰かが違うだけになりたかったように見えます!

要約すると、ユーザーのマウスオフの位置を考慮し、可能な場合は、インターフェースの制御にいくつかの選択肢を与えます。

2

デスクトップアプリの場合は、プラットフォームの標準またはユーザー設定に従う必要があります。標準のツールキットを使用することで対応できます。

Webの場合、答えは処理するウィンドウのタイプによって異なると思います。左上隅に閉じるボタンを配置することに傾倒します。私はまったくMacユーザーではありませんが、次の理由により、Webアプリ内のウィンドウを閉じることとデスクトップウィンドウを閉じることは異なると思います。

  1. ほとんどすべてのデスクトップウィンドウには閉じるボタンがあるので、見なくてもそこにあることがわかります。対照的に、すべてのWebページ要素に閉じるボタンがあるわけではありません。したがって、閉じるボタンがある場合は、それがはっきりと見えることが重要です。左上隅に配置すると、ここから読み始めます。多分右から左への言語のウェブサイトでは、閉じるボタンは右側にあるべきです。

  2. デスクトップでのタスクが完了し、前のタスクに戻りたい場合、ウィンドウを閉じることがよくあります。しかし、Webブラウザーで前のタスクに戻るには、ブラウザーの閉じるボタンをクリックする代わりに、[戻る]ボタンをクリックします。多くの場合、Webアプリケーションでモーダルを閉じると、前のシーンに戻ることになるため、ウィンドウを閉じるボタンではなく、左側にある戻るボタンに非常に似ています。同じロジックで、サイトの「ログアウト」アクションが右上近くに配置されるのは自然だと思います。

最後に、ウィンドウが開いたときに画面の特定の側またはコーナーからウィンドウが伸びている場合、閉じるボタンは反対側/コーナーに配置する必要があります。

1
hagabaka

左上隅にボタンを配置すると、ユーザーが狭い viewport を使用している場合でもボタンが表示されるという利点があります。

ボタンが右上隅に配置される場合、それらのユーザーは、ポップアップ/モーダルを閉じる前に、最初に右にスクロールする必要があります。

1
unor