web-dev-qa-db-ja.com

ラジオボタンが丸になっているのはなぜですか?

チェックボックスとの混同を避けるために四角形であってはならないことと、今日では一貫性を保つために円形にする必要があることを理解していますが、元々円形に選ばれたのはなぜですか?円形のボタン、常に長方形のポップボタン(そのラジオボタンはその名前が付けられています)のあるラジオを見たことがありません。円が提供する別の形状または指定に欠けているアフォーダンスはありますか?

このメタファーを呼び出す場合、ボタンは長方形である必要があるように思えます。 Car radio with mutually exclusive buttons

131
thunderblaster

正方形は簡単でした

私が見つけることができる円形のラジオボタンの最も初期の外観は Apple Macintosh System 4 (1987)にあります。その前は、Mac OSは 角が斜めになっている四角形 を使用していました。これはおそらく、当時のアンチエイリアス処理されていない低解像度の画面で計算するのが簡単で、見栄えが良かっただけです。直線的な形状の一般的な支持は、プリミティブグラフィックスによって決定されました。

正方形でない場合…

円形を採用する理由を提供しているソースは知りませんが、紙のフォームでは四角で表示されることが多いため、チェックボックスには四角である可能性が明らかでした。そのため、デザイナーは四角ではない最も明白な形状を選択しました。

長方形はコマンドボタンのように見える可能性があります。コマンドボタンは何かをすぐに(場合によっては不可逆的に)アクティブにするため、コマンドボタンをラジオボタンと間違えないことが重要です。ユーザーが一種の約束をしていることをユーザーに知らせたいとします。ラジオボタンは通常、ユーザーがダイアログの[OK]コマンドボタンをクリックするまで有効になりません。

それで、正方形でも長方形でもないのなら、何ですか?三角?六角? Motif および [〜#〜] irix [〜#〜] 使用されたダイヤモンド形のラジオボタン。これは、次に目立たない非正方形の形としてランク付けされます。 。

無線機は異なる場合があります

円形はラジオボタンのメタファーと互換性がないとおっしゃっていますが、必ずしもそうではありません。 円形のボタンが付いた一部のカーラジオ がありました。個人的には疑問です。そのような無線は、これらのGUIが設計された1980年代ではなく、主に1950年代から1960年代にさかのぼると思います。長方形の GUIのボタンの切り替え があります。これは、そのメタファーを呼び出すことに興味がある場合は、1980年代の一般的なカーラジオをより正確に模倣しています。

本当の答え:ユーザーはそれをラジオとして見ることを期待されていませんでした

実際には、ラジオボタンのメタファーはマニアックなものであり、ユーザーのものではありません。ユーザーはカーラジオに接続することを想定されていませんでした。 Apple Publications Style Guideは、開発者向けドキュメントではラジオボタンのみを使用し、ユーザー向けドキュメントではボタンを使用することを推奨しています(p127)。WindowsXPまで、MSはラジオボタンを「オプションボタン」。someソートのボタンのように見えることが重要です。これは、多くの場合円形であり、ほとんどひし形または三角形ではありません。

紙の形のメタファー?

「ボタン」の存在にもかかわらず、ダイアログボックスを含むGUIは、そのビジュアルデザインのほとんどが、コントロールパネルのメタファーではなく、ペーパーとデスクトップのメタファーによるものです。それらは基本的に記入する仮想フォームです。テキストボックスとチェックボックスは、明らかに紙のフォームから作成されます。おそらく、円形のラジオボタンは 光学スキャンシート に触発されたもので、人が小さな円または楕円を2番の鉛筆で塗りつぶしています。このようなシート(SATテストに使用されるシートなど)では、ユーザーはセットから1つの選択肢のみを選択する必要があるため、これは適切な比喩です。これは、ラジオボタンが小さい(コマンドボタンよりも小さい)理由と、選択すると黒(ほとんどのUIの場合)になる理由も説明します。とにかく、それをニーモニックとしてユーザーに伝えます。

124

これは非常に興味深い質問です。ラジオボタンはXerox Star 8010で最初に導入され、以下のスクリーンショットの長方形のセレクターのように見えましたbelieve

これについては言及できませんが、ラジオボタンなどのコンポーネントと、タブやチェックボックスなどの他のセレクターとの間には、元々視覚的な違いはなかったと想定しています。ラジオボタンの実装に沿ったどこかに(それがApple Lisa、Apple Macintosh、Atari ST、またはCommodore Amiga)にあったかどうか)、この視覚的な区別はおそらくUXを改善する理由:それらが循環的である理由については、それはおそらく単純に流行したかなり恣意的な設計の選択でした。

69

どうやら、丸いラジオボタンは当時の私の父のラジオでそのままだったので、それが自然だと思っているのは私だけです...

それは、ドイツのメーカー、グルンディッヒとおそらく数人からの人気のあるデザインでした。いくつかの例:

これらの写真では、一部のボタンは通常のオン/オフボタンであるだけでなく、実際の「ラジオボタン」です​​(2番目の写真のFM/AMボタンなど)。お父さんのラジオの写真は見つかりませんが、いくつかの丸い「ラジオボタン」が付いているのをはっきりと覚えています。

33
jcaron

円形のラジオボタンは、実際の自動車のラジオボタンに視覚的に類似するものではありませんでした。

名前は外観ではなく動作への参照であり、これらのボタンは1990年代半ば以前に一般的な自動車用ラジオボタンと非常によく似た動作をします。 (新しい選択を行うとき、以前の選択は目に見えて取り消されます。)

視覚的な観点から見ると、これらはおそらく、鉛筆と紙のフォームのチェックボックスの隣に意味を持たせることを意図していたと思われます。

光学解答用紙 Scantronテクノロジーを使用しているものなど、使用されている 1970年代中頃以降 に触発されている可能性があります。これらのフォームでは、ユーザーは通常、鉛筆で円を塗りつぶすことが想定されており、同じセットでの複数の回答は禁止されています。

26
Kevin Laity

子供の頃、私はこの(当時はすでに)ラジオ受信機を持っていました。 5つの小さいボタンはプリセットボタンです。ボタンは単なるボタンではなく、ノブです。それぞれがそのプリセットを調整するための小さなチューナーです。

Philips 702 receiver preset buttons

1つのボタンを押すと、他のボタンが再びポップアップし、一度に1つのステーションしか聴くことができないため、一度に1つのボタンしか押すことができません。

このタイプのボタンに基づいたラジオボタンが想像できます。

12
SQB

私の知る限り、この特定の決定はWindows 1.0(1985年後半)にさかのぼります。

enter image description here

私はそれが視覚的に特定のラジオやそのようなものに特に似ていることを意図していたのではないかと思います。

2つの異なる種類の「もの」を表示するのは簡単なことでした。1つはグループから1つの項目のみを選択でき、もう1つはグループから複数の項目を選択できました。彼らは両者の視覚的な区別を望んでいた。

その日の低解像度画面では、次のように指示されていました。

  1. 彼らは多くのスペースを取ることができませんでした
  2. 違いは微妙ではありません
  3. 十分な数の人がモノクロモニターを使用していて、色に基づくことはできなかった

これにより、Microsoftは一方を円に、もう一方を(およびApple コピーした 数年後に彼らのリードに従いました)。私の知る限り、whichの選択は円を使用し、正方形はかなり任意でした。

他のウィンドウシステムが以前にこれを実行した可能性がありますが、その証拠を見つけることができませんでした。

XはもともとWindowsより少し前にリリースされました(1985年6月、Windowsでは11月)が、「メカニズムではなくポリシー」の哲学のもとでは、実際の制御は提供されていないと思います。このようなことをする開発者。 Xは、Wという名前の以前のシステムに基づいていましたが、Xとほぼ同じ考えに従っているようです(UXに関しては、実装はまったく異なりました)。

DR GEMはWindowsよりも古いものですが、私がそれから見つけた初期の例はすべて、通常のボタンのように見えるXeroxの慣例に従って(おおざっぱに)続いているようですが、選択されていることを示すために網掛けされたままです。

7
Jerry Coffin

これが私の意見に過ぎないので、これが答えとして数えられるかどうかわかりません。

先ほど同じ質問について考えましたが、ボックスとは対照的に、円を重ねることはできないことに気付きました。したがって、選択できるのは1つだけです。つまり、ラジオボタンはスタックできないチェックボックスです(それが理にかなっている場合でも)。

6
Fernando Toigo

私の意見:

  1. Macは円形のラジオボタンを普及させました。
  2. チェックボックスは明らかにボックスでなければなりません。
  3. QuickDrawが描画できるもう1つの形状は円だったため、他のタイプのコントロール(ラジオボタン)は円形になりました。
3
Dithermaster

WinFormsでは、ラジオボタンコントロールを長方形としてスタイル設定し、小さな円の横ではなく、テキストをその中に含めることができます。そして、それらは基本的に通常のボタンのように見えます。ご覧のとおり、これらは非常によく似ています。

これは単なるデモですが、ボタンのように見える非ボタンを使用すると混乱が生じる可能性があるシナリオを想像できます(特に、「ボタンは常にウィンドウを変更する」など、ユーザーが誤った考えをするため)自分で発明した可能性があります)。

現実には物理的な制限がありますが、デジタルGUIでは、これらのラジオボタンをテキスト付きの円としてスタイリングすることにより、これらのラジオボタンをより見栄えよくし、通常のボタンとは異なる機能にすることができます。

少なくとも、それがこのデザインの背後にある理由を理解する方法です。

2
user1306322

コントロールをクリックしても、チェックマーク(またはX)をコントロール自体に追加または削除する以外の効果がない場合は、コントロールを「ボックス」[チェックボックス]として記述するのが妥当です。対照的に、コントロールがフォーム上の他の要素の状態に影響を与える可能性がある場合(排他選択コントロールの場合など)、それを「ボタン」と呼ぶ方が理にかなっています。どちらのスタイルのコントロールも最初は四角であったかもしれませんが、それらを異なる形状にすることで、視覚的に区別できるようになりました。 「ボックス」は一般にボックス形状(つまり、長方形)ですが、「ボタン」は円形であることがよくあります。したがって、1つのタイプのコントロールの形状を変更する必要がある場合、「チェックボックス」をボックス型以外のものにするよりも、選択ボタンを丸くする方が理にかなっています。

2
supercat