Warum diese Interaktion funktioniert

DokumentiertAls Steve Jobs im Januar 2007 das iPhone vorstellte, war die erste Geste, die er zeigte, das Wischen mit dem Finger über den Bildschirm, um es zu entsperren. Das Bedienelement war eine Leiste mit einem pfeilförmigen Knopf, und darüber schimmerten die Worte „Zum Entsperren wischen“.

Unsere EinschätzungEs löste zwei Probleme auf einmal: Es verhinderte versehentliches Entsperren in der Hosentasche, und es lehrte eine ganze Bevölkerungsgruppe, dass sich Glas verschieben lässt. In Don Normans Sprache waren der Knopf und der schimmernde Text Signifiers, also Hinweisreize, die ankündigen, welche Handlung möglich ist. Die Geste erklärte sich selbst.

DokumentiertEntwickler Loren Brichter führte Pull-to-Refresh um 2008–2009 in Tweetie ein, seiner Twitter-App für das iPhone. Ziehen Sie den oberen Rand einer Liste nach unten, spüren Sie den Widerstand, lassen Sie los, und neue Beiträge werden geladen. Twitter übernahm später Tweetie, und das Muster verbreitete sich in fast jeder feedbasierten App.

Unsere LesartEs leiht sich die Physik einer Feder. Sie sind bereits ganz nach oben gescrollt, Ihr Daumen möchte weitermachen, und die Oberfläche verwandelt diese übrige Bewegung in eine Anfrage. Brichter hat seither gesagt, dass er gemischte Gefühle hat, wie zwanghaft sie werden kann.

DokumentiertGmail bot „Senden rückgängig machen“ 2009 zunächst als experimentelle Labs-Funktion an und machte sie 2015 zur Standardeinstellung. Die Nachricht wird nicht vom Empfänger zurückgeholt; Gmail wartet lediglich einige Sekunden (bis zu 30, einstellbar), bevor sie tatsächlich versendet wird.

Unsere LesartDas ist unsere Lieblingsart von Cleverness: ehrlich. Die Oberfläche gibt zu, dass eine Verzögerung besteht, und gibt ihr einen Zweck. Außerdem verkörpert sie in einem kleinen Link zwei von Jakob Nielsens Usability-Heuristiken aus dem Jahr 1994: „Sichtbarkeit des Systemstatus“ und „Benutzerkontrolle und Freiheit“.

DokumentiertAza Raskin gilt weithin als Urheber des endlosen Scrollens um 2006: Inhalte, die kontinuierlich nachladen, sobald Sie sich dem Seitenende nähern, ganz ohne Schaltfläche „Nächste Seite“. Er hat seither öffentlich bedauert, wie es genutzt wird, um Aufmerksamkeit zu binden.

Unsere LesartMit dem Entfernen des Buttons verschwand eine Pause. Ein Link „Nächste Seite“ ist ein winziger Moment der Entscheidung; ohne ihn wird das Aufhören Ihre Aufgabe. Außerdem machen es Fußzeilen und die rechtlichen Links darin notorisch schwer, sie zu erreichen.

Clevere Oberflächen stützen sich auf Prinzipien, die älter sind als das Web:

• Fitts’sches Gesetz (1954)

  Der Psychologe Paul Fitts zeigte, dass die Zeit, um ein Ziel zu erreichen, von dessen Entfernung und Größe abhängt. Große, nahe Schaltflächen sind schneller; Bildschirmecken und -ränder sind leicht zu treffen.

• Affordanzen und Signifikanten

  Don Normans The Design of Everyday Things (1988, überarbeitet 2013) erklärt, warum ein Türgriff Ihnen sagt, dass Sie ziehen sollen, und warum eine flache Beschriftung selten sagt, dass Sie drücken sollen.

• WCAG 2.2 Zielgröße

  Die Web Content Accessibility Guidelines 2.2 (2023) des W3C enthalten das Erfolgskriterium 2.5.8, das für Zeigerziele mindestens 24 × 24 CSS-Pixel verlangt oder ausreichend Abstand um kleinere Ziele.

• Dark Patterns

  Im Jahr 2010 prägte der Designer Harry Brignull den Begriff „Dark Patterns“ für Oberflächen, die Menschen täuschen: vorab angekreuzte Kästchen, versteckte Abbrechen-Schaltflächen, schuldbeladene Links wie „Nein danke“. Seine Sammlung findet sich heute unter deceptive.design.