web-dev-qa-db-ja.com

カーソルの種類が異なるのはなぜですか?

Mac OSのすべてのアプリケーションとiCloudのWebインターフェイスは、カーソルタイプによって異なります。私の質問は同じアプリですが、カーソルの種類がOSとWebで異なるのはなぜですか?

Pages-OSおよびPages-Webから取得したスクリーンショットを参照してください。

enter image description here

enter image description here

19
Pradeep

通常、デスクトップUIでは、クリック可能な要素は特別なカーソルを取得しません。ホバーすると他の方法で状態を変更する可能性がありますが、カーソルは通常は残ります同じ(デフォルト、「矢印」カーソル)。

ただし、Webでは、リンク、ボタン、その他のインタラクティブなコントロールなどのクリック可能な要素にcursor: pointer(拡張された人差し指の付いた手)を使用することがますます一般的になっています。私の推定では、ハイパーリンクがcursor: pointerにデフォルト設定されたため、この傾向は進化しました。おそらくa(アンカー/リンク)要素がボタンに偽装されているため、ボタンにもcursor: pointerそのため、それらは区別できません。

一部の人々 ポインタは、視覚的なUIデザインが悪いことの症状であると信じているようです:

適切に設計されたボタンは、ユーザーが何かを実行していることをユーザーが理解するのに役立つハンドカーソルを必要としません。

ただし、ブラウザーベースのアプリで作業するときは、クリック可能な要素にポインターカーソルを使用することを好みます。私は、インターフェースが明確なしでなければならないことに同意しませんが、私にとっては、クリック可能な要素でcursor: pointerを使用することはconfirmationクリックすると何かが反応するという事実。

45
Nate Green