Web ページのスクロール バーが右側に設定されているのはなぜですか?

Web ページのスクロール バーが右側に設定されているのはなぜですか?
スクロールバーが右側にあるのはなぜですか? トリプルチュートリアル
私たちが毎日使っているブラウザや Word 文書のスクロール バーはなぜ右側にあるのでしょうか。多くのデザイナーは、スクロール バーを左側に配置する方がデザインとして優れていると考えています。しかし、実際には、Xerox が Star (グラフィカル インターフェイスを備えた最初のコンピューター) を発売して以来、すべてのグラフィカル インタラクティブ インターフェイスではスクロール バーが右側に配置されています。 入力以外では、スクロール バーのドラッグは、おそらくグラフィカル インタラクティブ インターフェイスで最もよく使用される操作の 1 つです。通常、スクロール バーをいつ使用するかを考えてみましょう。たとえば、ドキュメントやフォーム内で何かを探している場合は、スクロール バーを少しずつ下にドラッグし、同時に目的のものが見つかるまでテキストをスキャンし続けます。
この一連のプロセス中に、目はどのように動きますか? 一般的に、私たちはテキストを左から右に読み、重要なランドマーク情報 (名前やタイトルなど) は通常、一番左に表示されます。したがって、視線は常に右側のスクロール バーから左側の記事の先頭へと切り替える必要があります。このプロセスをより個人的に体験するには、ドキュメントを開き、ウィンドウを短く広くしてから、スクロール バーをドラッグして何かを見つけてみてください。視覚の焦点が絶えず変化することは非常に不快に感じるかもしれません。スクロールバーを左側に配置すると、この問題はすぐに解決されます。
実際、最も初期の WIMP インターフェイスでは、スクロール バーは左または右のどちらにも配置できましたが、デフォルトでは左に配置されていました。 Xerox が Star で右側のスクロール バーを設定するまで。この設定は後に Apple の Lisa に継承され、その後有名な Macintosh に受け継がれ、最終的にコンピュータ業界全体に受け入れられました。
では、スクロール バーを右揃えにしたデザインは、一体何から生まれたのでしょうか。スクロール バーが左側にあると、スクロール バーをドラッグするには、手で画面全体を横切らなければなりません。もちろん、実際に画面を横切るのはあなたの手ではなくマウス ポインターですが、あなたの脳は画面を横切るのはあなたの手であると認識します。この心理的現象は幻肢に似ており、操作するマウスや画面上のマウス ポインターが脳内で腕の延長となり、画面上の情報がこの仮想の腕によって遮断されることになります。実際にページ上の情報を支障なく読むことはできるものの、何となく何かがおかしいと感じるでしょう。

<<:  html オプション 無効 選択 選択 無効 オプションの例

>>:  Linux netstatコマンドの詳細な説明

推薦する

DIV の一般的なタスク (パート 1) — 一般的なタスク (スクロール バーの表示、div の非表示、イベント バブリングの無効化など)

最も一般的に使用されるレイアウト要素として、DIV は Web 開発において重要な役割を果たします。...

Dockerfile を使用して nginx イメージを構築する例

Dockerfile の紹介Docker は、Dockerfile の内容を読み取ってイメージを自動...

Nginx は動的と静的の分離を実装します 例の説明

ウェブサイトの解析を高速化するために、動的ページと静的ページを異なるサーバーで解析して、解析速度を向...

Linux で一般的なソフトウェアを設定する方法

新しいLinuxサーバーを入手する場合、通常は次の5つの構成を実行する必要があります。 HOSTAN...

優れたHTML印刷コードがページめくりをサポート

ylbtech_html_print HTML 印刷コード、ページめくりをサポートコードをコピーコー...

JavaScript モバイル H5 画像生成ソリューションの説明

現在、WeChatパブリックアカウントの運用活動が多く、写真を生成する必要があります。生成された写真...

Linux CentOS 7.7 システムの VMware インストールに関する詳細なチュートリアル

Linux CentOS 7.7 システムを Vmware にインストールする方法。最小限のインスト...

...

nginx と keepalived を組み合わせて高可用性を実現するための手順を完了する

序文システムの高可用性を満たすためには、通常、クラスターを構築する必要があります。ホストがクラッシュ...

Apache SkyWalking アラーム設定ガイドの詳細な説明

アパッチ スカイウォーキングApache SkyWalking は、マイクロサービス、クラウド ネイ...

Centos7 への mysql8.0rpm のインストール チュートリアル

まず、図をダウンロードしてください 1. まず、centos7に付属しているmariadbをアンイン...

JVMシリーズのメモリモデルの詳細な説明

目次1. メモリモデルとランタイムデータ領域2. マインドマップと凡例3. オブジェクトはJVMから...

MySQL 5.7 における基本的な JSON 操作ガイド

序文プロジェクトのニーズにより、ストレージ フィールドは JSON 形式で保存されます。プロジェクト...

MySQLクエリの基本的なクエリ操作の学習

序文MySQL は最も人気のあるリレーショナル データベース管理システムです。WEB アプリケーショ...

サーバーストレステストの概念と方法 (TPS/同時実行性)

目次1 ストレステストの指標1.1 秒あたり1.2 クォータ1.3 平均処理時間(RT) 1.4 同...