Warum ist die Bildlaufleiste auf der Webseite rechts angebracht?

Warum ist die Bildlaufleiste auf der Webseite rechts angebracht?
Warum ist die Bildlaufleiste rechts? Dreifaches Tutorial
Warum befinden sich die Bildlaufleisten der Browser und Word-Dokumente, die wir täglich verwenden, auf der rechten Seite? Viele Designer denken, dass es ein besseres Design ist, die Bildlaufleiste auf der linken Seite zu platzieren. Tatsächlich ist es jedoch so, dass seit der Einführung von Xerox Star (dem ersten Computer mit grafischer Benutzeroberfläche) bei jeder grafischen interaktiven Benutzeroberfläche die Bildlaufleiste auf der rechten Seite platziert ist. Abgesehen vom Tippen ist das Ziehen der Bildlaufleiste wahrscheinlich eine der am häufigsten verwendeten Operationen in einer grafischen interaktiven Benutzeroberfläche. Überlegen Sie, wann Sie normalerweise eine Bildlaufleiste verwenden würden. Wenn Sie beispielsweise in einem Dokument oder Formular nach etwas suchen, ziehen Sie die Bildlaufleiste Stück für Stück nach unten und überfliegen gleichzeitig den Text, bis Sie das Gesuchte finden.
Welche Augenbewegungen machen Sie während dieser Abfolge von Prozessen? Generell lesen wir Texte von links nach rechts, und wichtige Orientierungsinformationen (wie Namen oder Titel) erscheinen normalerweise ganz links. Dadurch müssen die Augen ständig von der Scrollleiste rechts zum Artikelanfang links wechseln. Um diesen Vorgang persönlicher zu erleben, können Sie ein Dokument öffnen, das Fenster kürzer und breiter machen und dann versuchen, die Bildlaufleiste zu ziehen, um etwas zu finden. Möglicherweise empfinden Sie die ständige Veränderung Ihres visuellen Fokus als sehr unangenehm. Platziert man die Scrollleiste links, ist dieses Problem sofort gelöst.
Tatsächlich konnte sich die Bildlaufleiste in den frühesten WIMP-Schnittstellen entweder links oder rechts befinden, war aber standardmäßig links platziert. Bis Xerox die Bildlaufleiste rechts in Star einstellte. Diese Einstellung wurde später von Apples Lisa übernommen, dann an den berühmten Macintosh weitergegeben und schließlich von der gesamten Computerbranche akzeptiert.
Was genau hat also dazu geführt, dass die Bildlaufleiste rechtsbündig ausgerichtet ist? Wenn sich die Bildlaufleiste auf der linken Seite befände, müsste Ihre Hand den gesamten Bildschirm überqueren, um sie ziehen zu können. Natürlich ist es nicht Ihre Hand, die tatsächlich über den Bildschirm fährt, sondern Ihr Mauszeiger, aber Ihr Gehirn wird denken, dass es Ihre Hand ist, die über den Bildschirm fährt. Dieses psychologische Phänomen ähnelt einem Phantomglied: Die von Ihnen bediente Maus und der Mauszeiger auf dem Bildschirm werden in Ihrem Gehirn zu einer Verlängerung Ihres Arms, sodass die Informationen auf dem Bildschirm durch diesen virtuellen Arm blockiert werden. Obwohl Sie die Informationen auf der Seite eigentlich ohne Probleme lesen können, haben Sie unerklärlicherweise das Gefühl, dass etwas nicht stimmt.

<<:  html Option deaktivieren auswählen auswählen deaktivieren Option Beispiel

>>:  Detaillierte Erklärung des Linux-Netstat-Befehls

Artikel empfehlen

Lizenzschlüssel für VMware Workstation Pro 16 mit Nutzungs-Tutorial

VMware Workstation ist eine leistungsstarke virtu...

Reiner CSS-Beispielcode für Meteorschauer-Hintergrund

GitHub-Adresse, Sie können es mit einem Stern mar...

Installieren Sie MySQL 5.7 unter Ubuntu 18.04

Dieser Artikel wurde unter Bezugnahme auf die off...

So verpacken Sie das Uniapp-Projekt als Desktop-Anwendung

Electron installieren cnpm installiere Electron -...

Eine kurze Diskussion über die Sortierabfrage mit angegebener MySQL-Reihenfolge

Vor kurzem habe ich an einem Großbildschirmprojek...

Beispiel für eine geplante MySQL-Datenbanksicherung

Dieser Artikel beschreibt das Beispiel eines gepl...

Vorteile und Prinzipien der MySQL-Replikation im Detail erklärt

Bei der Replikation werden die DDL- und DML-Opera...

js Array fill() Füllmethode

Inhaltsverzeichnis 1. fill()-Syntax 2. Verwendung...

Implementierung einer Fuzzy-Abfrage wie %% in MySQL

1, %, steht für beliebige 0 oder mehr Zeichen. Es...

Miniprogramm Benutzerdefinierte TabBar-Komponentenkapselung

In diesem Artikelbeispiel wird der spezifische Co...

So speichern Sie Text und Bilder in MySQL

Große Textdatentypen in Oracle Clob-Langtexttyp (...

Beispielcode zur Implementierung von Follow Ads mit JavaScript

Floating Ads sind eine sehr verbreitete Form der ...

IIS und APACHE implementieren die HTTP-Umleitung auf HTTPS

IIS7 Laden Sie das HTTP Rewrite-Modul von der off...