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

CSS zum Implementieren von QQ-Browserfunktionen

Code Wissenspunkte 1. Kombinieren Sie fullpage.js...

Beispieloperation MySQL Kurzlink

So richten Sie einen MySQL-Kurzlink ein 1. Überpr...

Docker startet den Implementierungsprozess der MySQL-Konfiguration

Inhaltsverzeichnis Tatsächlicher Kampfprozess Beg...

Tutorial zur Installation und Konfiguration der Version MySQL 5.7.23

Ich habe drei Stunden gebraucht, um MySQL selbst ...

MySQL Community Server 5.6 Installations- und Konfigurations-Tutorial unter Windows 8

Dieser Artikel zeichnet das Installations- und Ko...

RGB-Farbtabellensammlung

RGB-Farbtabelle Farbe Englischer Name RGB 16 Farb...

Die Lösung für das Problem, dass die Webtabelle oder die Div-Ebene in der Webseite gestreckt ist

<br />Beim Gestalten von Webseiten stoßen wi...

Tutorial zum Erstellen eines Kommentarfelds mit Emoticons mithilfe von HTML und CSS

HTML-Kommentarfeld mit Emoticons. Die Emoticons w...

So unterstreichen Sie das A-Tag und ändern die Farbe vor und nach dem Klicken

Code kopieren Der Code lautet wie folgt: ein:link...

Beispiel für HTML-Abschirmung des Rechtsklickmenüs und der Linksklick-Eingabefunktion

Rechtsklickmenü deaktivieren <body oncontextme...

Implementierung der Nginx-Domänennamenweiterleitung für den HTTPS-Zugriff

Ein Wort vorab: Plötzlich erhielt ich die Aufgabe...

Beispiel für eine Nginx-Cache-Konfiguration

Beim Entwickeln und Debuggen einer Webanwendung s...

Beispielanalyse des Prinzips der MySQL-Transaktionsisolationsebene

Einführung Dies ist Ihnen sicherlich schon einmal...

Einführung in die Verwendung von window.open, einem Sprungmenü, das in einem neuen Fenster geöffnet wird

Code kopieren Der Code lautet wie folgt: <vor&...

Lösung für die Ausnahmen 1449 und 1045 bei der Verbindung mit MySQL

Lösung für die Ausnahmen 1449 und 1045 bei der Ve...