web-dev-qa-db-ja.com

通常のデスクトップアプリケーションでのボタンの理想的な高さはどれくらいですか?

ほとんどのGUIクリエーター(QtクリエーターとFlex Builderをチェックしたばかり)では、デフォルトのボタンの高さは約22ピクセルのようです。これは、自分用に作成したものを除いて、私が作成するほとんどのデスクトップアプリケーションに使用しています。この場合、私はより大きなボタンを使用します-高さ30または40ピクセル、22ピクセルでは必要以上に「狙う」必要があると感じているためです。また、画面が大きくなればボタンも大きくできると思います。

では、これらの22ピクセルは適切なユーザビリティ調査に基づいていますか?それとも、Visual C++や他の一般的な開発環境の古いデフォルトに由来する任意の数値ですか? 22が適切なデフォルトではない場合、通常どのボタンの高さが推奨されますか?なにか提案を?

(ちなみに、私は通常のデスクトップアプリケーションについてのみ話しています)

13
laurent

Qtはクロスプラットフォームのuiツールキットなので、OSスタイルに応じて適合します。 MS UXガイドラインに従って、VistaおよびWindows 7で境界から境界まで21ピクセルであるWindowsプラットフォーム上で、QtがWindows推奨ボタンの高さを使用することは当然です。 Mac OS Xでは、標準ボタンの高さもほぼ同じです。プッシュボタンのサイズを最大23ピクセルに変更すると、丸いボタンから四角いボタンに変わります。 Aquaのデフォルトボタンの高さは20ピクセルだと思います。

ただし、デフォルトでQtとともに配布されているQtのサンプルスタイルシートを見る場合、PageFoldなどのテーマは高さ22ピクセル、Plastique 23ピクセルを使用し、CleanLookは巨大な33ピクセルを使用します。

個人的には、「使いやすく快適なサイズ」のボタンのサイズ(デスクトップアプリケーションのテキストプッシュボタンの場合)を繰り返し描画すると、ほぼ常に90x26程度のサイズになります。 26の高さは、インターフェイスを最初から設計するときに使用する傾向があります(私が設計した一部のアプリケーションは、高さ35ピクセルまでのボタンでより見栄えがしましたが)。 26ピクセルでは、見た目は見た目がいいように見え、完全に場違いに見えたり、厚すぎたりしない限り、使用するのは少し面倒ではありません。

しかし、私がMicrosoftとAppleに同意しないのは残念です。結局、彼らはおそらく私が26を考え出すよりも、21の高さを考え出すのにかなり多くの時間とお金を費やしているのです。スペースに大量の機能が詰め込まれていないため、21ピクセルの高さのボタンを使用すると、ボタンがすべて失われて単独で表示されるため、デザインの他の部分とどのように適合するかが問題になります。アプリケーション全体をどの程度制御できるか-一貫性を保つことも重要です。コンテキストが理想的なボタンサイズの要素になることは間違いないと思います特定の状況

ここでSEに画像をアップロードするとき、アップロード/キャンセルボタンが91x26であることにも気づきました。少なくともこのサイズを好むのは私だけではないことを知っています:-)

だからここにmy理想的なボタンのサイズがあります: enter image description here

10
Roger Attrill

Windowsユーザーエクスペリエンスインタラクションガイドライン は、Windowsアプリケーションのすべてを指定します。 推奨されるサイズと間隔 を含みます。当然のことながら、73x21が推奨ボタンサイズです。非表示の1ピクセルの境界線を含める場合は75x23。

フィッツの法則 は、ボタンに移動するのにかかる時間を計算したい場合に探しているユーザビリティ調査です。簡単に言えば(当然のことですが)、ボタンが大きく、距離が短いほど速くなります...

9

もう1つのコメント:MFCでは、すべてのボタンのデフォルトは50x14 DLU(フォントに依存)です。 MS Shell Dlg(9)が使用されている私のアプリでは、サイズは88x25ピクセルに変換されます。

0
Felix

制限はないと思います。ただし、実装は一貫している必要があります。視覚的な比率は、他のダイアログ要素やコントロール(テキストフィールド、チェックボックスなど)とバランスを取る必要があることに注意してください。

0
sysscore