2 ポイント 投稿者 GN⁺ 2024-02-05 | 1件のコメント | WhatsAppで共有
  • 今日使われている傾いたマウスカーソルは、Xerox PARC時代の低解像度画面で、より描きやすく識別しやすかった形が定着した結果だと説明されている
  • Douglas Engelbart の初期カーソルは上向き矢印で、Xerox PARC のマシンで現在に近い傾いた矢印へ変わったという回答が最も高く評価されている
  • 低解像度のピクセル画面では、0度と45度の線はアンチエイリアシングなしでも比較的滑らかに見えるため、まっすぐな上向き矢印より先端が明確なポインターを作りやすかった
  • 右手で画面を指す姿勢、水平・垂直要素の多い画面での方向コントラスト、実際のポインタ棒の使用角度も補助的な理由として挙げられている
  • カーソルの原点を左上に合わせてクリック位置の計算を減らしたという説明もあるが、コメントでは出典や Xerox Alto の事例を根拠に反論が続いている

Xerox PARCで定着した傾いたカーソル

  • 初期のマウスとカーソルはDouglas Engelbartが作り、最初の形は上向きの矢印だった
  • その後、Xerox PARCのマシンでカーソルが傾いた矢印に変わった
  • 当時の低い画面解像度では、矢印の片側を垂直線、もう片側を45度の斜線で描く方式のほうが容易で、識別性も高かった
  • この説明は Xerox PARC の光学式マウス関連文書と GUI の歴史資料を根拠としている

ピクセル格子で見やすい角度

  • 長方形ピクセルベースの画面では、アンチエイリアシングなしで鋭い矢印の先端を表現するのは難しい
  • 水平・垂直の0度線と45度線は、ピクセル格子上で比較的滑らかに見える代表的な方向である
  • 多くの矢印カーソルはこの特性を利用し、片側を垂直線、もう片側を45度線で構成している
  • このとき矢印の中心の二等分線は約22.5度傾いた形になる
  • 尾部より先端の識別性のほうが重要なため、矢印の頭の鋭さが優先される

クリック地点と原点計算をめぐる論争

  • ある回答は、カーソルビットマップの原点が左上にあるため、矢印を左に傾ければクリック位置の計算を減らせたと見ている
  • この説明は Reddit の投稿を出典としているが、コメントでは、その投稿は引用根拠のない Yahoo! Answers の文章のコピーだという反論が出ている
  • 反論コメントは、Xerox Alto にもホットスポットが (0,0) ではないカーソルがあったと指摘している
    • 円の中の十字カーソルと右向き矢印カーソルが例として挙げられている
  • 別のコメントによれば、カーソル実装には一般にホットスポットフィールドがあり、十字線のようなカーソルも可能である
  • 計算コストも、1970年代の基準でもマウス更新間隔内に十分収まるほど小さかったという推定が示されている

手の形や現実のポインターに似ているという解釈

  • いくつかの回答は、傾いた矢印が画面に向かって右手で指すときの手の形に似ていると見ている
  • この解釈は歴史的根拠というより、主観的な経験に近い説明として扱われている
  • 右利き中心の環境だという回答もあり、昔は左右クリックボタンを入れ替えると矢印が反対方向を向いたという説明も添えられている
  • 別の回答では、実際のポインタ棒も通常は画面を垂直に突くより30〜45度ほど傾けて使い、その角度が視線を先端へ導くと説明している
  • まっすぐな上向き矢印は特定の地点を狙うというより、上方向全体を指している印象を与えうるという意見もある

視覚認知と画面の隠れに関する補助説明

  • ある回答は、傾いたカーソルが低次の視覚認知の面でも有利かもしれないと見ている
  • V1 と V2 の視覚領域は、色、明るさ、大きさ、方向といった低レベルの特徴を処理する
  • 画面には水平・垂直要素が多いため、傾いた線は周囲と異なる方向を持つ popout effect により、より目立つ可能性がある
  • この回答は Treisman と Gormican の1988年の研究、および Colin Ware の Visual Thinking for Design を参考資料としている
  • コメントでは、実際の歴史的原因とは別かもしれないが、興味深い補助理由だという反応がある

まっすぐなカーソルや他の形の事例

  • あまり知られていない一部のインターフェースでは、まっすぐな矢印カーソルを使った例がある
  • コメントでは、ブラウザーのリンク用の手の指ポインターがまっすぐな形である点にも触れられている
  • 現代のアプリでも、まっすぐな矢印を使う例があるというコメントがある
  • 質問に含まれていた手の形のカーソルは、ボタン上に現れるとき矢印より角度が小さく見えるが、本文の回答は主に基本の矢印カーソルの歴史と形を扱っている

1件のコメント

 
GN⁺ 2024-02-05
Hacker News の意見
  • この質問の高得点回答の一つ(188点)が完全に間違っているのは、少し怖い。その回答は、(0,0) のホットスポットだとカーソル位置更新の計算が単純になり、(X,Y) オフセットを加える必要がなかった、と説明している
    https://ux.stackexchange.com/a/52349/43259
    しかし、矢印ポインタが唯一のカーソルだったことはない。初代 Macintosh にもテキストの I ビーム、複数種類の十字線など多くのカーソルがあり、ビットマップ・透明マスク・ホットスポット位置を与えれば任意のカーソルを定義できた
    オリジナルの Inside Macintosh Volume I や、PARC のそれ以前の研究にも、こうしたカーソルを見ることができる
    https://web.archive.org/web/20230114223619/https://vintageap...
    PDF 50ページ(文書 I-38ページ)にはサンプルカーソルがあり、PDF 158ページ(文書 I-146ページ)には複数のカーソルのピクセルの詳細とホットスポット位置がある。面白い事実として、矢印カーソルのホットスポットは (0,0) ではなく (1,1) だった
    なぜそうなのか説明できる人がいるのか気になる。昔は知っていた気がするが、時間がたって記憶が消えてしまった
    このページには Cursor 構造体の定義もある。datamaskhotSpot を持つレコードで、Point は I-139ページで定義されているとおり、縦・横座標のペアに近い
    怖いのは、誰かが (0,0) なら命令をいくつか節約できるというアイデアを出したことではない。複数のカーソル形状にはそれぞれ異なるホットスポットが必要だと気づくまでは、かなりもっともらしい仮説だ。本当に怖いのは、188人がその回答に賛成票を入れたことだ
    • 最初だけ怖くて、そのうち慣れる。HN を含むあらゆるソーシャルメディアには、もっともらしく聞こえる答えが正しいと同意する、よく分かっていない人たちがいる
      税理士の友人は、税金が実際にどう機能するのかを正そうとして反対票を受けるし、言語学者の妻も「言語はそういうふうには機能しない」と説明して反対票を受ける。怖いことではなく、よくあることだ
    • Apple Lisa のソースコードにも似たものが見られる: https://info.computerhistory.org/apple-lisa-code
      リンク先の Stack Overflow ページは、実質的に純粋な推測に近い
      歴史は論理パズルの集合ではなく、文書と証拠を組み合わせる作業だ。当時の文書で意図性を主張する根拠を見たことがないので、この質問にはまだ答えがない
      決定的な証拠になるのは、1988年以前ごろの主要な出典(Microsoft/Xerox/Apple)に cursor.bitmap のようなファイル名や declare cursor_default = [ [ 1, 0 ... ] ]; のようなコードがあり、その上に、なぜそのカーソルスタイルを選んだのかを説明するコメントがある場合だろう。Acorn、Digital Research、Quarterdeck、NeWS、VisiOn、MIT Athena(X) のようなより小さな出典でも受け入れられる
      ライトペンの話を見つけた後で、その方式でマウスカーソルのスタイルを擁護するのは、仮説から逆算しているので弱く、他の可能性を排除できない。厳密に合わせる必要がある
    • 矢印には白いアウトラインがあるので、ホットスポットは黒い矢印の先端である (1,1) にある
    • Posy にはマウスカーソルの歴史を扱った素晴らしい動画があり、自作のカーソルパックも提供している
      https://www.youtube.com/watch?v=YThelfB2fvg
      http://www.michieldb.nl/other/cursors/
    • 10年前にも同じことを言っていた: https://news.ycombinator.com/item?id=7253841
      おそらく10年後にもまた同じことを言う可能性が高い
  • このテーマに関する資料をすべて読んだわけではないが、カーソルが傾いている理由は、左に傾いている理由と同じだと推測している
    人間は道具を作って使う存在なので、時間がたつと道具は身体の延長のようになる。道具の先端が手から機械的に、あるいは仮想的に離れていてもそうで、この道具は右手に持って画面の中に入ってくる右利き用の道具のように設計されているように見える
    傾いている向きの理由がこれでないなら、逆向きに傾いてはいけない理由はない。右利きなら、右側が前に出るカーソルを使ってみればいい。単に奇妙に見えるだけでなく、左手に持った道具のように見えて感覚もおかしい
    左利きに影響があるのかは分からない。左利きなのにマウスを左手で使うのはいつも変に感じていたが、それが傾きのせいなのかは分からない
    • 左利きで、いつもマウスを左手で使ってきたが、カーソルの傾きが奇妙だとか間違っていると感じたことはまったくない
      30年以上にわたりさまざまな方法でコンピュータマウスを使ってきたので、すっかり慣れて違和感が消えただけかもしれない。新しくマウスを使い始める左利きの人たちは、カーソルの傾きを奇妙に感じるかもしれない
    • 重要なのは、どちらの手でマウスを使うかだ。書くことや大半の作業は左手でするが、マウスは右手で使っており、違和感はない
    • 「このテーマについてすべて読まずに」というより、この場合はリンク先ページの2番目の回答を読むだけでいい。それでも、どちらも何かを突いている気はする
    • なぜ上を向いているのかは誰も尋ねないが、理由は同じだ。普通、手は目の高さより下にある
      理論上もっとも直感的なカーソルは十字線かもしれないが、実際に使ってみると気に入らなかった
    • 左手に持った道具のように見えてなじみがないと感じるのは、ほんの一瞬だけだ。右利きだが、右手でマウスを使っていて手首に反復使用損傷(RSI)が出たため、10年以上左手で使っており、問題はない
      脳の適応力は非常に大きい。たとえば私たちは、世界を逆さまに見ることにも非常にすばやく適応する

https://theguardian.com/education/2012/nov/12/improbable-res...

  • Stack Overflow の回答で Alan Kay に触れていないのは抜け落ちている。PARC で傾いたマウスカーソルを作ったのは Alan Kay で、この質問を受けたとき、こう答えている。
    「PARC のマウスカーソルの形は私が作った。PARC の Alto がカーソルに使っていた 16x16 の1ビット・ピクセル格子では、矢印の片側を垂直にし、もう片側を傾けると、まともな矢じりになったからだ。私は初期のビットマップフォントも数多く設計し、作った。そしてコンピューティングの多くのものと同じように、そのまま定着した。」
    ¹ https://jameshk.com/mouse-cursor

  • Posy(Michiel de Boer)の私のお気に入りの YouTube 動画、Mouse cursor history (and why I made my own) を見るべきタイミングだ
    https://www.youtube.com/watch?v=YThelfB2fvg
    マウスカーソルの歴史と標準カーソルの一部の問題を概観し、傾いていない歴史的なカーソルも見せている
    インターネットに価値があると感じさせてくれる素晴らしい短い動画であり、Posy’s Cursor Pack の作者による動画でもある: http://www.michieldb.nl/other/cursors/

    • 正確かどうかはよく分からない。たとえば IIGS のカーソルを Lisa の「Color mode」カーソルとして見せている
      NeXT 環境、DPS、DPI の違い、独自の白黒矢印カーソル、そして System 1 以降のカーソルではなく、そのカーソルが実際に Mac OS X に入った経緯もまったく扱っていない
    • Windows ではこのセットを使っている。見た目がよく、Ubuntu ではここにある Linux ポートを使っている
      https://github.com/simtrami/posy-improved-cursor-linux
  • 本当の疑問は、なぜ Windows のカーソルが不完全に見えるのかだ
    https://mspoweruser.com/wp-content/uploads/2020/04/windows-c...

    • その画像の出典であるウェブページ[0]と、さらにその出典である Reddit ページ[1]は、光学的バランスという実際の現象[2]をそれらしく持ち出しているが、なぜこの特定のケースに適用されるのかは説得力をもって説明できていない
      別の説明としては、この意図的な不完全さは、元のカーソルグラフィックが非常に小さな低解像度の1ビット・ピクセルアートとして描かれたときに生じた避けられない不完全さに合わせるために残された、というものだ。私たちは少し歪んだ見た目に慣れているので、それが正しく見える。通常のサイズで見れば、違いはどのみちほとんど感知できない
      [0] https://mspoweruser.com/why-windows-10s-asymmetrical-cursor-...
      [1] https://old.reddit.com/r/TIHI/comments/fwnep0/thanks_i_hate_...
      [2] 編集済み、jusuhi に感謝
    • 現在の高解像度カーソルは、元のカーソルを拡大した版のように見える。まだ 100% スケールを使うモニターが多いので、互換性のためかもしれない
    • 小さなツールチップがカーソルの下に隠れて読めず、カーソルをどかすとツールチップが消える問題がずっと気になっている。いつかは実際に直せる問題だ
    • Windows はディテールへの注意が不足していて、美的感覚なしに作られているからだと思う。たとえば Windows XP が出たとき、既定アイコンの一部が同じ基準線にきちんと揃っていなかったのをはっきり覚えている。後のサービスパックで修正された
    • どこかで見た説明では、そうするとカーソルがよりバランスよく見えるからだと言っていた
  • 妥当だと思う理由、つまり指している対象を隠さないことと、指で指す動作をまねることに、もう一つ加えるなら、画面に表示されるほとんどすべてのものは x 軸か y 軸に対して垂直だ。だから傾いたカーソルは他のコンテンツの中で目立つ
    ついでに Amiga らしい風変わりさとして、初期の Amiga のマウスカーソルは、他の人気 GUI のより鋭角なカーソルとは違い、x 軸に対して 45° 傾いていた。カスタムマウスカーソルを作る内蔵ツールもあり、個人的にはとても気に入っていた。例は http://toastytech.com/guis/amiga12.html で見られる

    • 元の Amiga の矢印ポインターの短くずんぐりしたスタイルは、ハードウェアスプライトが低解像度でしか使えず、2:1 の階段状の線があまり見栄えしなかったためかもしれない
      Amiga OS 2.0 ではより尖ったスタイルに変わったが、それでも 45° 傾いていた。Amiga 1200/4000 の AGA になって初めて高解像度のマウスポインターを使えるようになった
    • ホットスポットの設定も含まれていた
      Macintosh のマウスポインターと同様、クリック地点は (0,0) ではなく (1,1) だった。リンク先ページのエディターで、肌色の領域内にあるオレンジ色の点がそれだ
  • 説得力のある理由の一つは、カーソルで何かを指すとき、指している対象を隠さないためだ。カーソルが反転していたり中央揃えだったりしたら、ボタンに乗せたときにボタンの一部を隠してしまっただろう
    これはユーザーが右下から近づくと仮定しているが、それ自体がカーソルの形のせいかもしれない。それでも右下から近づきたくなる理由としては、読む方向に関する説の方が強いと思う

  • 最初は自分もそう思ったが、実際のマウスの使い方を確認してみると、あまり当てはまらない気がする。自分だけなのかは気になる
    まず、一般的なデスクトップ利用の95%以上では、クリックしようとしている対象はまだマウスの下にないので、隠すものがない。マウスを対象へ移動し、到達する頃にはすでにクリックする判断をしているので、下に何があるかは重要ではない
    第二に、マウスが読むべきものの上にある場合はカーソルをどかすほうだ。テキスト上でIビームカーソルに変わっても同じだ。どんなカーソルでも、線の太さや高さは、下にレンダリングされた文字のストロークよりたいていカーソル側のほうが大きいので、常に何かを隠してしまう。つまり、カーソルが傾いていなくても同じ面積を少し違う位置で隠すだけで、実際の使用ではほとんど差がない
    接近方向は、カーソルがどこにあり、対象がどこにあるかに依存する。日常使用データをヒートマップにしたら興味深いだろうが、下部のタスクバーや上部のブラウザのタブバーのようなよく使うものをざっと見ても、クリック対象は画面の左右どちらにもあり、カーソルはどこにでもあり得る。ある接近方向が少し多いことはあるかもしれないが、差は大きくないと思う
    最後に、CADのように遮蔽が実際に重要になり得るソフトウェアでは、普通は1ピクセルの十字線のようなカスタムカーソルを使い、傾いたカーソルは使わない

  • 万年筆をまねたものではないだろうか? 万年筆で書くときはそのように持つし、カーソルは仮想のペン先なのだから
    https://youtu.be/U9mWKwXfF6s?t=155s

    • それなら、左利き用マウスを使う人は逆向きに傾いたカーソルを使うべきではないだろうか?
  • またXerox PARCだ。今日われわれが持っているものはすべてここで発明されたような気がする。どうしてそこまで成功し、影響力を持つことができたのだろうか?

  • ポインターの要点は、自分が指している対象と視覚的に区別できなければならないということだ
    一般的なGUIはおおむね直線的なエッジと一定の対称性を持っている。似たように対称的なカーソルは、背景により溶け込みやすく、視覚的に見失いやすい
    どちらの方向に傾いているかは二次的で、インターフェースの残りと対比される傾きの不規則性こそが重要だ

    • 自分が年を取ったせいなのか、新しいHDR/5120解像度/極端な白・黒レベルのモニターのせいなのかは分からないが、最近は白い画面でカーソルをしょっちゅう見失うので、カーソルの色を白から緑色に変えなければならなかった