Warum ist der Mauszeiger leicht geneigt und nicht gerade?

 (ux.stackexchange.com)
2 Punkte von GN⁺ 2024-02-05 | 1 Kommentare | Auf WhatsApp teilen
  • Der heute geneigte Mauszeiger gilt als Form, die sich seit der Zeit von Xerox PARC etabliert hat, weil sie auf Bildschirmen mit niedriger Auflösung leichter zu zeichnen und besser zu erkennen war
  • Die am höchsten bewertete Antwort besagt, dass Douglas Engelbarts früher Cursor ein nach oben zeigender Pfeil war und auf Xerox-PARC-Maschinen in den heute bekannten geneigten Pfeil geändert wurde
  • Auf Pixelbildschirmen mit niedriger Auflösung wirkten 0-Grad- und 45-Grad-Linien auch ohne Antialiasing relativ glatt, wodurch sich leichter ein Pointer mit klarer Spitze als ein gerader Aufwärtspfeil gestalten ließ
  • Als weitere Gründe werden die Haltung beim Zeigen mit der rechten Hand auf den Bildschirm, der Richtungskontrast in Oberflächen mit vielen horizontalen und vertikalen Elementen sowie der Einsatzwinkel realer Zeigestäbe genannt
  • Es gibt zwar die Erklärung, dass der Cursor-Ursprung links oben lag und so die Berechnung der Klickposition vereinfacht wurde, in den Kommentaren wird dies jedoch unter Verweis auf Quellenlage und Beispiele vom Xerox Alto bestritten

Der geneigte Cursor, der sich bei Xerox PARC etablierte

  • Die frühe Maus und der Cursor wurden von Douglas Engelbart entwickelt, und die erste Form war ein nach oben gerichteter Pfeil
  • Später wurde der Cursor auf Maschinen von Xerox PARC in einen geneigten Pfeil geändert
  • Bei der damals niedrigen Bildschirmauflösung war es einfacher und besser erkennbar, eine Seite des Pfeils als vertikale Linie und die andere als 45-Grad-Diagonale zu zeichnen
  • Diese Erklärung stützt sich auf Dokumente zur optischen Maus von Xerox PARC und Materialien zur Geschichte grafischer Benutzeroberflächen

Winkel, die im Pixelraster gut sichtbar sind

  • Auf Bildschirmen mit rechteckigen Pixeln ist es ohne Antialiasing schwierig, eine scharfe Pfeilspitze darzustellen
  • Horizontale und vertikale 0-Grad-Linien sowie 45-Grad-Linien sind typische Richtungen, die auf dem Pixelraster vergleichsweise glatt erscheinen
  • Viele Pfeilcursor nutzen diese Eigenschaft und bestehen auf einer Seite aus einer vertikalen Linie und auf der anderen aus einer 45-Grad-Linie
  • Die mittlere Winkelhalbierende des Pfeils ist dadurch um etwa 22,5 Grad geneigt
  • Da die Erkennbarkeit der Spitze wichtiger ist als die des Schafts, hat die Schärfe des Pfeilkopfs Vorrang

Die Debatte um Klickpunkt und Ursprung

  • Eine Antwort vertritt die Ansicht, dass der Ursprung der Cursor-Bitmap links oben lag und ein nach links geneigter Pfeil daher die Berechnung der Klickposition verringern konnte
  • Diese Erklärung beruft sich auf einen Reddit-Beitrag, in den Kommentaren wird jedoch eingewandt, dass dieser lediglich einen Yahoo! Answers-Beitrag ohne belastbare Quellen kopiere
  • Kritische Kommentare weisen darauf hin, dass es auch beim Xerox Alto Cursor mit einem Hotspot ungleich (0,0) gab
    • Als Beispiele werden ein Fadenkreuz-Cursor in einem Kreis und ein nach rechts gerichteter Pfeilcursor genannt
  • Laut anderen Kommentaren gibt es bei Cursor-Implementierungen üblicherweise ein Hotspot-Feld, sodass auch Cursor wie Fadenkreuze möglich sind
  • Zudem wird vermutet, dass der Rechenaufwand selbst nach Maßstäben der 1970er Jahre klein genug war, um problemlos in das Aktualisierungsintervall der Maus zu passen

Die Deutung als Handform oder realer Zeigestab

  • Mehrere Antworten sehen im geneigten Pfeil eine Ähnlichkeit zur Form einer rechten Hand, die auf den Bildschirm zeigt
  • Diese Deutung wird eher als Erklärung aus subjektiver Erfahrung denn als historisch belegter Grund behandelt
  • Es gibt auch die Antwort, dass die Umgebung auf Rechtshänder ausgerichtet war; ergänzt wird dies durch die Behauptung, dass der Pfeil früher in die andere Richtung zeigte, wenn linke und rechte Maustaste vertauscht wurden
  • Eine weitere Antwort erklärt, dass auch reale Zeigestäbe meist nicht senkrecht auf den Bildschirm gerichtet, sondern in einem Winkel von 30 bis 45 Grad verwendet werden und dass dieser Winkel den Blick zur Spitze führt
  • Ein gerader Aufwärtspfeil könne zudem eher den Eindruck vermitteln, allgemein nach oben zu zeigen, statt einen bestimmten Punkt präzise anzuvisieren

Ergänzende Erklärungen zu visueller Wahrnehmung und Bildschirmabdeckung

  • Eine Antwort geht davon aus, dass der geneigte Cursor auch aus Sicht der niedrigstufigen visuellen Wahrnehmung Vorteile haben könnte
  • Die visuellen Areale V1 und V2 verarbeiten Merkmale auf niedriger Ebene wie Farbe, Helligkeit, Größe und Richtung
  • Da Bildschirme viele horizontale und vertikale Elemente enthalten, kann eine geneigte Linie mit anderer Ausrichtung durch einen Pop-out-Effekt stärker auffallen
  • Als Referenzen nennt diese Antwort die Studie von Treisman und Gormican aus dem Jahr 1988 sowie Colin Wares Visual Thinking for Design
  • In den Kommentaren heißt es, dies müsse nicht die tatsächliche historische Ursache sein, sei aber ein interessanter zusätzlicher Erklärungsansatz

Beispiele für gerade Cursor und andere Formen

  • In einigen weniger bekannten Oberflächen gab es Beispiele für gerade Pfeilcursor
  • In den Kommentaren wird auch erwähnt, dass der Finger-Pointer für Links im Browser eine gerade Form hat
  • Es gibt zudem Kommentare, die moderne Apps mit geradem Pfeil erwähnen
  • Der in der Frage enthaltene handförmige Cursor wirkt über Schaltflächen zwar weniger stark geneigt als ein Pfeil, die Antworten im Hauptteil behandeln jedoch vor allem die Geschichte und Form des Standard-Pfeilcursors

Verwandte Beiträge

1 Kommentare

 
GN⁺ 2024-02-05
Meinungen auf Hacker News
  • Es ist etwas beunruhigend, dass eine der am höchsten bewerteten Antworten auf diese Frage (188 Punkte) völlig falsch ist. Diese Antwort erklärt, der (0,0)-Hotspot habe die Berechnung zur Aktualisierung der Cursorposition vereinfacht, weil man keinen (X,Y)-Offset addieren musste.
    https://ux.stackexchange.com/a/52349/43259
    Aber der Pfeilzeiger war nie der einzige Cursor. Schon der erste Macintosh hatte viele Cursor, etwa den Text-I-Beam, verschiedene Arten von Fadenkreuzen usw.; und wenn man Bitmap, Transparenzmaske und Hotspot-Position bereitstellte, konnte man beliebige Cursor definieren.
    Solche Cursor sieht man auch im ursprünglichen Inside Macintosh Volume I und in früheren Arbeiten von PARC.
    https://web.archive.org/web/20230114223619/https://vintageap...
    Auf PDF-Seite 50 (Dokumentseite I-38) gibt es Beispiel-Cursor, und auf PDF-Seite 158 (Dokumentseite I-146) stehen die Pixeldetails und Hotspot-Positionen mehrerer Cursor. Interessant ist, dass der Hotspot des Pfeil-Cursors nicht (0,0), sondern (1,1) war.
    Ich frage mich, ob jemand erklären kann, warum das so ist. Früher wusste ich es vermutlich, aber es ist so lange her, dass die Erinnerung verblasst ist.
    Auf dieser Seite steht auch die Definition der Cursor-Struktur: ein Record mit data, mask und hotSpot; Point ist, wie auf Seite I-139 definiert, im Wesentlichen ein Koordinatenpaar aus vertikaler und horizontaler Koordinate.
    Beunruhigend ist nicht, dass jemand auf die Idee kam, (0,0) spare ein paar Befehle. Bis man weiß, dass verschiedene Cursorformen unterschiedliche Hotspots brauchen, ist das eine ziemlich plausible Hypothese. Wirklich beunruhigend ist, dass 188 Leute diese Antwort hochgevotet haben.
    • Anfangs ist es beunruhigend, später gewöhnt man sich daran. Auf allen Social Media, HN eingeschlossen, gibt es Leute, die sich nicht besonders auskennen und zustimmen, wenn eine plausibel klingende Antwort richtig wirkt.
      Ein Freund von mir ist Steuerberater und bekommt Downvotes, wenn er richtigstellt, wie Steuern tatsächlich funktionieren; meine Frau ist Linguistin und bekommt ebenfalls Downvotes, wenn sie erklärt: „So funktioniert Sprache nicht.“ Das ist nicht beunruhigend, sondern ganz normal.
    • Im Quellcode der Apple Lisa sieht man Ähnliches: https://info.computerhistory.org/apple-lisa-code
      Die verlinkte Stack-Overflow-Seite ist im Grunde reine Spekulation.
      Geschichte ist keine Sammlung von Logikrätseln, sondern das Zusammensetzen von Dokumenten und Belegen. Da ich in den damaligen Dokumenten keinen Beleg für eine solche Absicht gesehen habe, ist die Frage noch unbeantwortet.
      Ein entscheidender Beleg wäre etwa eine Primärquelle von vor ungefähr 1988 (Microsoft/Xerox/Apple) mit einem Dateinamen wie cursor.bitmap oder Code wie declare cursor_default = [ [ 1, 0 ... ] ]; und einem Kommentar darüber, warum genau dieser Cursorstil gewählt wurde. Kleinere Quellen wie Acorn, Digital Research, Quarterdeck, NeWS, VisiOn oder MIT Athena (X) wären ebenfalls akzeptabel.
      Erst die Light-Pen-Geschichte herauszusuchen und damit dann rückwirkend den Maus-Cursor-Stil zu verteidigen, heißt von der Hypothese aus rückwärts zu arbeiten; das ist schwach und schließt andere Möglichkeiten nicht aus. Man muss hier sauber bleiben.
    • Der Pfeil hat eine weiße Kontur, deshalb liegt der Hotspot an der Spitze des schwarzen Pfeils, also bei (1,1).
    • Posy hat ein erstaunliches Video zur Geschichte des Maus-Cursors gemacht und stellt auch ein selbst erstelltes Cursor-Pack bereit.
      https://www.youtube.com/watch?v=YThelfB2fvg
      http://www.michieldb.nl/other/cursors/
    • Dasselbe habe ich schon vor 10 Jahren gesagt: https://news.ycombinator.com/item?id=7253841
      Wahrscheinlich werde ich in 10 Jahren wieder dasselbe sagen.
  • Ich habe nicht alles zu dem Thema gelesen, vermute aber, dass der Grund, warum der Cursor geneigt ist, derselbe ist wie der Grund, warum er nach links geneigt ist.
    Menschen erschaffen und benutzen Werkzeuge; mit der Zeit werden Werkzeuge zu einer Art Verlängerung des Körpers. Das gilt auch dann, wenn die Spitze des Werkzeugs mechanisch oder virtuell von der Hand getrennt ist. Dieses Werkzeug wirkt so gestaltet, als wäre es ein rechtshändiges Werkzeug, das man in der rechten Hand hält und das in den Bildschirm hineinragt.
    Wenn das nicht der Grund für die Neigungsrichtung ist, gibt es keinen Grund, warum er nicht in die andere Richtung geneigt sein sollte. Als Rechtshänder kann man einfach einmal einen Cursor ausprobieren, bei dem die rechte Seite nach vorn zeigt. Er sieht nicht nur seltsam aus, sondern fühlt sich auch seltsam an, weil er wie ein Werkzeug in der linken Hand wirkt.
    Ich weiß nicht, ob das Auswirkungen auf Linkshänder hat. Ich bin Linkshänder, fand es aber immer seltsam, die Maus mit der linken Hand zu benutzen; ob das an der Neigung liegt, weiß ich nicht.
    • Ich bin Linkshänder und habe die Maus immer mit der linken Hand benutzt, aber ich hatte nie das Gefühl, dass die Neigung des Cursors seltsam oder falsch wäre.
      Da ich seit über 30 Jahren Computermäuse auf verschiedene Weise benutze, kann es auch sein, dass ich mich so sehr daran gewöhnt habe, dass die Seltsamkeit verschwunden ist. Linkshänder, die gerade erst anfangen, eine Maus zu benutzen, empfinden die Cursorneigung vielleicht als seltsam.
    • Entscheidend ist, mit welcher Hand man die Maus benutzt. Ich schreibe und erledige die meisten Dinge mit links, benutze die Maus aber mit rechts, und es fühlt sich nicht seltsam an.
    • Statt „nicht alles zu dem Thema gelesen“ reicht in diesem Fall schon die zweite Antwort auf der verlinkten Seite. Trotzdem scheinen beide etwas Richtiges zu treffen.
    • Niemand fragt, warum er nach oben zeigt, aber der Grund ist derselbe. Normalerweise befindet sich die Hand unterhalb der Augenhöhe.
      Theoretisch könnte der intuitivste Cursor ein Fadenkreuz sein, aber als ich es selbst ausprobiert habe, gefiel es mir nicht.
    • Dass es wie ein Werkzeug in der linken Hand aussieht und deshalb fremd wirkt, hält nur kurz an. Ich bin Rechtshänder, habe aber durch die Benutzung der Maus mit der rechten Hand eine repetitive strain injury (RSI) im Handgelenk bekommen und benutze sie seit über 10 Jahren mit links, ohne Probleme.
      Das Gehirn ist extrem anpassungsfähig. Zum Beispiel gewöhnen wir uns sehr schnell daran, die Welt auf dem Kopf stehend zu sehen.

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

  • Dass in den Stack-Overflow-Antworten Alan Kay nicht erwähnt wird, fehlt. Alan Kay war derjenige, der bei PARC den geneigten Mauszeiger entwarf, und als ihm diese Frage gestellt wurde, antwortete er so:
    „Die Form des PARC-Mauszeigers habe ich gemacht. Der Alto von PARC verwendete für den Cursor ein 16x16-1-Bit-Pixelraster; wenn man eine Seite des Pfeils vertikal und die andere geneigt machte, ergab das eine brauchbare Pfeilspitze. Ich habe auch viele der frühen Bitmap-Schriften entworfen und erstellt. Und dann hat es sich, wie so vieles in der Informatik, einfach verfestigt.“
    ¹ https://jameshk.com/mouse-cursor

  • Es ist Zeit, mein liebstes YouTube-Video von Posy (Michiel de Boer) anzusehen: Mouse cursor history (and why I made my own)
    https://www.youtube.com/watch?v=YThelfB2fvg
    Es geht die Geschichte des Mauszeigers und einige Probleme mit Standard-Cursorn durch und zeigt auch historische, nicht geneigte Cursor
    Ein hervorragendes kurzes Video, das einem das Gefühl gibt, dass das Internet wertvoll ist, und außerdem ein Video des Machers von Posy’s Cursor Pack: http://www.michieldb.nl/other/cursors/

    • Ich bin mir nicht sicher, ob es korrekt ist. Zum Beispiel wird der IIGS-Cursor als Lisas „Color mode“-Cursor gezeigt
      NeXT-Umgebung, DPS, DPI-Unterschiede, der eigene schwarzweiße Pfeilcursor und auch, wie genau dieser Cursor in Mac OS X gelangte, statt nur die Cursor nach System 1 zu behandeln, werden überhaupt nicht abgedeckt
    • Unter Windows verwende ich dieses Set. Es sieht gut aus, und unter Ubuntu nutze ich den Linux-Port hier
      https://github.com/simtrami/posy-improved-cursor-linux

  • Die eigentliche Frage ist, warum der Windows-Cursor unvollkommen aussieht
    https://mspoweruser.com/wp-content/uploads/2020/04/windows-c...

    • Die Webseite[0], von der dieses Bild stammt, und wiederum die Reddit-Seite[1] als deren Quelle spielen zwar andeutungsweise auf das reale Phänomen[2] des optischen Gleichgewichts an, erklären aber nicht überzeugend, warum es auf genau diesen Fall zutrifft
      Eine andere Erklärung wäre, dass diese absichtliche Unvollkommenheit beibehalten wurde, um zu der unvermeidlichen Unvollkommenheit zu passen, die entstand, als die ursprüngliche Cursor-Grafik als sehr kleine, niedrig aufgelöste 1-Bit-Pixel-Art gezeichnet wurde. Wir sind an das leicht schiefe Aussehen gewöhnt, deshalb wirkt es richtig. Bei normaler Größe ist der Unterschied ohnehin kaum wahrnehmbar
      [0] https://mspoweruser.com/why-windows-10s-asymmetrical-cursor-...
      [1] https://old.reddit.com/r/TIHI/comments/fwnep0/thanks_i_hate_...
      [2] Bearbeitet, danke an jusuhi
    • Der aktuelle hochauflösende Cursor sieht aus wie eine vergrößerte Version des ursprünglichen Cursors. Vielleicht ist das aus Kompatibilitätsgründen so, weil es noch viele Monitore mit 100% Skalierung gibt
    • Mich stört weiterhin das Problem, dass kleine Tooltips unter dem Cursor verdeckt und dadurch unlesbar werden, und dass der Tooltip verschwindet, wenn man den Cursor wegbewegt. Das ist ein Problem, das man irgendwann tatsächlich beheben könnte
    • Ich denke, es liegt daran, dass Windows mit zu wenig Liebe zum Detail und ohne ästhetisches Gespür gebaut ist. Ich erinnere mich zum Beispiel noch deutlich daran, dass beim Erscheinen von Windows XP einige der Standard-Icons nicht sauber an derselben Grundlinie ausgerichtet waren. In einem späteren Service Pack wurde das korrigiert
    • Eine Erklärung, die ich irgendwo gesehen habe, war, dass der Cursor dadurch ausgewogener aussieht

  • Zu den plausiblen Gründen – das Ziel nicht zu verdecken und die Geste des Zeigens mit dem Finger nachzuahmen – würde ich noch einen hinzufügen: Fast alles, was auf dem Bildschirm angezeigt wird, steht rechtwinklig zur x- oder y-Achse. Deshalb hebt sich ein geneigter Cursor vom übrigen Inhalt ab
    Außerdem, als eine typisch Amiga-mäßige Eigenheit: Der frühe Amiga-Mauszeiger war im Gegensatz zu den spitzeren Cursorn anderer populärer GUIs um 45° zur x-Achse geneigt. Es gab auch ein eingebautes Werkzeug zum Erstellen eigener Mauszeiger, das ich persönlich sehr mochte. Beispiele sieht man unter http://toastytech.com/guis/amiga12.html

    • Der kurze, stumpfe Stil des ursprünglichen Amiga-Pfeilzeigers könnte daran gelegen haben, dass Hardware-Sprites nur in niedriger Auflösung möglich waren und 2:1-Treppenlinien nicht besonders gut aussahen
      In Amiga OS 2.0 wechselte man zu einem spitzeren Stil, der aber weiterhin um 45° geneigt war. Erst mit AGA beim Amiga 1200/4000 konnten hochauflösende Mauszeiger verwendet werden
    • Die Hotspot-Einstellung war ebenfalls enthalten
      Ähnlich wie beim Macintosh-Mauszeiger lag der Klickpunkt nicht bei (0,0), sondern bei (1,1). Im Editor auf der verlinkten Seite ist das der orange Punkt im hautfarbenen Bereich

  • Ein überzeugender Grund ist, dass der Cursor, wenn man damit auf etwas zeigt, das Ziel nicht verdecken soll. Wäre der Cursor umgekehrt oder zentriert gewesen, hätte er beim Darüberfahren einen Teil des Buttons verdeckt
    Das setzt voraus, dass der Nutzer von rechts unten heranführt, was wiederum an der Cursorform selbst liegen könnte. Dennoch halte ich als Grund dafür, warum man von rechts unten heranführen möchte, die Theorie der Leserichtung für stärker

  • Anfangs dachte ich das auch, aber als ich mir angesehen habe, wie die Maus tatsächlich benutzt wird, scheint es nicht so recht zu passen. Ich frage mich, ob das nur bei mir so ist.
    Zunächst einmal befindet sich bei über 95 % der normalen Desktop-Nutzung das Ziel, auf das man klicken will, noch gar nicht unter der Maus, also gibt es nichts zu verdecken. Man bewegt die Maus zum Ziel, und wenn sie dort ankommt, hat man die Klickentscheidung bereits getroffen; was darunter ist, spielt dann keine Rolle.
    Zweitens schiebe ich den Cursor weg, wenn die Maus über etwas steht, das ich lesen muss. Das gilt auch, wenn er über Text zum I-Beam-Cursor wird. Bei jedem Cursor sind Strichstärke und Höhe in der Regel größer als die Striche der darunter gerenderten Buchstaben, daher verdeckt er immer etwas. Mit anderen Worten: Auch wenn der Cursor nicht geneigt wäre, würde er nur dieselbe Fläche an einer etwas anderen Stelle verdecken, und in der Praxis macht das kaum einen Unterschied.
    Die Annäherungsrichtung hängt davon ab, wo der Cursor ist und wo sich das Ziel befindet. Es wäre interessant, Alltagsnutzungsdaten als Heatmap darzustellen, aber ein schneller Blick auf häufig genutzte Elemente wie die untere Taskleiste und die obere Browser-Tableiste zeigt: Klickziele gibt es links und rechts auf dem Bildschirm, und der Cursor kann überall sein. Eine bestimmte Annäherungsrichtung mag etwas häufiger vorkommen, aber der Unterschied dürfte nicht groß sein.
    Schließlich verwenden Programme, bei denen Verdecken tatsächlich wichtig sein kann, etwa CAD-Software, in der Regel benutzerdefinierte Cursor wie ein 1-Pixel-Fadenkreuz und keinen geneigten Cursor.

  • Könnte es nicht eine Nachahmung eines Füllfederhalters sein? Beim Schreiben mit einem Füller hält man ihn so, und der Cursor ist ja eine virtuelle Federspitze.
    https://youtu.be/U9mWKwXfF6s?t=155s

    • Dann müssten Leute, die eine Linkshändermaus benutzen, doch einen in die andere Richtung geneigten Cursor verwenden, oder?

  • Schon wieder Xerox PARC. Es fühlt sich an, als sei alles, was wir heute haben, dort erfunden worden. Wie konnten sie nur so erfolgreich und einflussreich sein?

  • Der Kern eines Pointers ist, dass er sich visuell von dem unterscheidet, worauf er zeigt.
    Eine typische GUI hat meist gerade Kanten und eine gewisse Symmetrie. Ein ähnlich symmetrischer Cursor verschmilzt leichter mit dem Hintergrund und geht visuell leichter verloren.
    In welche Richtung er geneigt ist, ist zweitrangig; entscheidend ist die unregelmäßige Neigung, die im Kontrast zum Rest der Oberfläche steht.

    • Ich weiß nicht, ob es daran liegt, dass ich älter werde, oder an meinem neuen Monitor mit HDR/5120er-Auflösung/extremen Weiß- und Schwarzwerten, aber in letzter Zeit verliere ich den Cursor auf weißen Bildschirmen ständig aus den Augen, sodass ich die Cursorfarbe von Weiß auf Grün ändern musste.