Zum Gedenken an das quadratische Kontrollkästchen

• Schöne Erinnerungen an das Kontrollkästchen
  • Ein Kontrollkästchen ist quadratisch, enthält innen ein Häkchen und zeichnet sich dadurch aus, dass mehrere Optionen gleichzeitig ausgewählt werden können.
  • Verschiedene Betriebssysteme haben Kontrollkästchen im Lauf der Zeit unterschiedlich dargestellt.
  • Ein Häkchen war nicht immer vorhanden, aber dass ein Kontrollkästchen quadratisch ist, blieb unverändert.
• Warum quadratisch?
  • Um Kontrollkästchen von Radiobuttons zu unterscheiden.
  • Radiobuttons erlauben nur eine einzelne Auswahl; wenn man eine Option wählt, werden alle anderen abgewählt.
  • Schon in den 90ern gab es die Unterscheidung zwischen quadratisch und rund.
• Das Aufkommen des Webs
  • Mit dem Aufkommen des Webs, insbesondere von CSS, Flash und JavaScript, wurden bestehende Konventionen neu erfunden und neu gestaltet.
  • Im Web sieht man häufig Radiobuttons mit Häkchen oder quadratische Radiobuttons.
  • Auch native Apps übernahmen unter dem Einfluss des Webs runde Kontrollkästchen.
• Die Tradition der Betriebssystemanbieter
  • Betriebssystemanbieter hielten an der Konvention fest: Kontrollkästchen sind quadratisch, Radiobuttons sind rund.
• Das Ende einer Tradition
  • Apple hat in visionOS die Tradition quadratischer Kontrollkästchen aufgegeben und runde Kontrollkästchen eingeführt.
  • Damit, so die Erklärung, ist die Hoffnung verschwunden, dass die Tradition des quadratischen Kontrollkästchens fortbesteht.
  • 2024 wird offiziell zum Jahr erklärt, in dem das quadratische Kontrollkästchen endgültig verschwand.

Meinung von GN⁺:

• Das Design von Kontrollkästchen und Radiobuttons spielt in Benutzeroberflächen eine wichtige Rolle, weil ihre Form den Nutzern intuitiv vermittelt, wie Auswahl funktioniert.
• Dass Apple mit der Tradition bricht und runde Kontrollkästchen einführt, ist bemerkenswert, weil damit ein neuer Wandel im Nutzererlebnis versucht wird.
• Der Text bietet interessante Einblicke in die Geschichte von Design und Benutzeroberflächen und zeigt, wie die Entwicklung von Technik die Interaktion der Nutzer beeinflusst.

[kuroneko]

Ruhe in Frieden ...

[bbulbum]

Meine .. User Experience .. bitte nicht kaputtmachen ...

[GN⁺]

Hacker-News-Kommentare

• Ich war überrascht zu erfahren, dass iOS schon lange runde Checkboxen verwendet. Auch in der Einstellungen-App von macOS werden statt Checkboxen zunehmend Ein/Aus-Toggles verwendet. Unklare Toggle-Buttons bleiben jedoch weiterhin ein Problem. Zum Beispiel ist verwirrend, ob ein Mikrofon-Symbol eingeschaltet oder ausgeschaltet ist, wenn es weiß ist, und ob ein durchgestrichenes Symbol stummgeschaltet bedeutet oder ob es beim Antippen stummschaltet.
• Apple hat die Designregeln möglicherweise nicht ignoriert, sondern versucht, die Zuverlässigkeit der Blickverfolgung beim Umgang mit Checkboxen in visionOS zu verbessern. Da die Blicke von Menschen zu Ecken gezogen werden, erhalten rundere Buttons mehr Aufmerksamkeit, und wenn ein Button allein dargestellt wird, werden Kapsel-Formen bevorzugt.
• Webnutzer finden bestehende Controls langweilig und glauben, dass Standard-Controls neu erfunden und redesigniert werden müssen. Deshalb wird die Position des "OK"-Buttons in Dialogfenstern je nach Vorliebe des Designers links, rechts oder in der Titelleiste des Fensters platziert.
• Flat Design entfernt inhärente Funktionen unseres visuellen Systems. Farbe, Rahmen, Transparenz, Textur, Schattierung und sanfte Bewegung helfen uns, visuelle Informationen schnell zu interpretieren. Diese Elemente sind wichtig für die Vermittlung visueller Informationen, sollten aber nicht übermäßig verwendet werden.
• Viele Webdesigner verstehen den Unterschied zwischen einschließenden und gegenseitig ausschließenden Optionen nicht. Es gibt Verwirrung über die Verwendung von Checkboxen und Radio-Buttons.
• Es ist schwer, älteren Menschen mit alternder Technikkompetenz im Material Design zu erklären, welche Bereiche auf dem Bildschirm anklickbare Buttons sind. Nur frühere Nutzungserfahrungen verraten, welche Elemente aktivierbar sind.
• Apple-Designer haben seit 2013 viele Konventionen aufgegeben, die sie über Jahrzehnte selbst etabliert hatten. Steve Jobs legte Wert auf "wie es funktioniert", und Apple wandelte sich vom Designführer zum Nachläufer des kleinsten gemeinsamen Nenners. Schlechtes Design ist ein moralisches Problem und kann im schlimmsten Fall Menschen verletzen oder töten. Das ist ein Problem, das im Design/Engineering mit kleinen Dingen beginnt. Hoffentlich erkennt die Zoomer-Generation das, und Alan Coopers "About Face" ist ein guter Einstiegspunkt.
• Motif (verwendet in X11) nutzte für Checkboxen kleine abgeschrägte Quadrate und für Radio-Buttons abgeschrägte Rautenformen. Der aktive Zustand war nach innen abgeschrägt, der inaktive nach außen.
• Die Radio-Buttons in echten Autos waren meist rechteckig. Es gibt eine gute Erklärung dafür, wie sie funktionieren.
• Apple hat quadratische Checkboxen in Apple Notes schon vor langer Zeit abgeschafft. Ich glaube, seit der Einführung von iOS 7 im Jahr 2014 ist das so.