四角いチェックボックスを偲んで

• チェックボックスの愛すべき思い出
  • チェックボックスは四角形で、内部にチェックマークがあり、同時に複数を選択できるのが特徴。
  • さまざまなオペレーティングシステムで、時間の経過とともにチェックボックスのレンダリングは変化してきた。
  • チェックマークが常にあったわけではないが、チェックボックスが四角形である点は変わらなかった。
• なぜ四角形なのか？
  • チェックボックスをラジオボタンと区別するため。
  • ラジオボタンは単一選択しかできず、1つを選ぶと他の選択はすべて解除される。
  • 90年代にはすでに四角形と円形の区別が存在していた。
• Webの到来
  • Web、特にCSS、Flash、JavaScriptの登場によって、従来の慣習は再発明され、再デザインされた。
  • Webでは、チェックマーク付きのラジオボタンや四角いラジオボタンをよく見かける。
  • ネイティブアプリでもWebの影響を受け、円形のチェックボックスが導入された。
• オペレーティングシステムベンダーたちの伝統
  • オペレーティングシステムベンダーは、チェックボックスは四角形、ラジオボタンは円形という慣習を守ってきた。
• 伝統の終焉
  • AppleがvisionOSで四角いチェックボックスの伝統を捨て、円形のチェックボックスを導入した。
  • これにより、四角いチェックボックスの伝統が続く希望は失われたと宣言している。
  • 2024年を、四角いチェックボックスがついに消えた年として公式に発表している。

GN⁺の意見:

• チェックボックスとラジオボタンのデザインは、ユーザーインターフェースにおいて重要な役割を果たす。形状がユーザーの選択方法を直感的に導くためだ。
• Appleが伝統を破って円形のチェックボックスを導入したことは、ユーザー体験において新たな変化を試みている点で注目に値する。
• この記事は、デザインとユーザーインターフェースの歴史に関する興味深い洞察を提供し、技術の進化がどのようにユーザーの相互作用に影響を与えるかを示している。

[kuroneko]

四角いチェックボックスを偲んで

RIP...

[bbulbum]

私の…ユーザー体験を…壊さないで…

[GN⁺]

Hacker Newsの意見

• iOSが長い間丸いチェックボックスを使ってきたという事実に驚いた。macOSの設定アプリでも、チェックボックスの代わりにオン／オフのトグルスイッチの使用が増えている。しかし、不明瞭なトグルボタンは依然として問題である。たとえば、マイクのアイコンが白いときにオンなのかオフなのか、斜線が入っているとミュート状態なのか、それともタップするとミュートになるのかが紛らわしい。
• Appleがデザイン規則を無視したのではなく、VisionOSでチェックボックスを扱う際の視線追跡の信頼性を向上させるための取り組みかもしれない。人の視線は角に引き寄せられるため、丸い形のボタンのほうが注目されやすく、単独でボタンを表示するときはカプセル形が好まれる。
• Webユーザーは既存のコントロールを退屈だと考え、標準コントロールは再発明・再設計されるべきだと信じている。そのため、ダイアログの「OK」ボタンの位置が、デザイナーの好みによって左、右、あるいはウィンドウのタイトルバーに置かれる。
• フラットデザインは、私たちの視覚システムに備わっている機能を取り除いてしまう。色、境界線、半透明、質感、陰影、滑らかな動きなどは、視覚情報をすばやく解釈する助けになる。こうした要素は視覚情報を伝えるうえで重要だが、使いすぎてはならない。
• 多くのWebデザイナーは、包含的な選択肢と相互排他的な選択肢の違いを理解していない。チェックボックスとラジオボタンの使い分けに混乱がある。
• 低下した技術適応力しか持たない高齢者に対して、マテリアルデザインの画面上でどの領域が押せるボタンなのかを説明するのは難しい。どれがアクティブな要素かは、過去の使用経験だけが手がかりになる。
• Appleのデザイナーは2013年以降、何十年にもわたって自ら確立してきた多くの慣例を捨てた。スティーブ・ジョブズは「どう動くか」を重視していたが、Appleはデザインリーダーから最小公約数の追随者へと変わった。悪いデザインは道徳的な問題であり、最悪の場合は人を傷つけたり死に至らせたりすることさえある。これはデザイン／エンジニアリングにおいて小さなことから始まる問題だ。Zoom世代がそれに気づくことを願うし、アラン・クーパーの『About Face』は良い出発点である。
• Motif（X11で使われていた）は、チェックボックスに小さな傾斜した正方形を、ラジオボタンに傾斜したひし形を使っていた。有効状態では内側に傾斜し、無効状態では外側に傾斜していた。
• 実際の自動車のラジオボタンは、たいてい長方形だった。その動作方式についての良い説明がある。
• Appleはかなり前にApple Notesで四角いチェックボックスをやめていた。iOS 7が2014年に導入されて以降、ずっとこの方式だったのだと思う.