# Fitts’ Gesetz: Wichtiges größer und näher platzieren. Das Bremspedal ist größer und näher, weil Sie es schnell brauchen. Dasselbe Gesetz macht Ihre Buttons leicht oder schwer erreichbar. https://laithjunaidy.com/de/writing/fitts-law-bigger-and-closer Von Laith Aljunaidy. Veröffentlicht: 2026-05-28. Zuletzt aktualisiert: 2026-09-22. --- Setzen Sie sich in ein Auto und schauen Sie nach unten. Das Bremspedal ist größer als das Gaspedal und liegt etwas näher und tiefer, damit Ihr Fuß es schnell findet. Das ist keine Stilfrage. Es ist Fitts’ Gesetz, das der Psychologe Paul Fitts [1954 beschrieb](https://doi.org/10.1037/h0055392). Es bestimmt auch unauffällig, wie sich Ihre Oberfläche anfühlt. Das Gesetz ist einfach. Wie lange Sie brauchen, um ein Ziel zu erreichen, hängt von Entfernung und Größe ab. Näher und größer ist schneller und leichter zu treffen. Weiter weg und kleiner dauert länger und führt zu mehr Fehlern. Ich nutze diese Regel bei Oberflächen für mehr als zwei Millionen Menschen. Sie macht aus einem vagen Gefühl von Leichtigkeit etwas, das sich platzieren und messen lässt. So wenden Sie sie an. ## Das Wichtigste - Die Zeit zum Erreichen eines Ziels steigt mit der Entfernung und sinkt mit der Größe (Fitts, 1954). Wichtige Aktionen sollten groß und nah sein. - Ein Finger braucht ein Ziel von mindestens 1 by 1 cm (Nielsen Norman Group). Planen Sie 44pt auf Apple-Plattformen, 48dp bei Material und 44 CSS-Pixel für WCAG 2.5.5. - Platzieren Sie die Hauptaktion dort, wo die Hand bereits ruht. Am Handy ist das die Daumenzone unten statt eines Links in der oberen Ecke. - Seltene und destruktive Aktionen sollten kleiner und abgesetzt sein, damit ein unachtsames Tippen keine Reue auslöst. - Der Bildschirmrand stoppt den Cursor. Ein Ziel daran wirkt in dieser Richtung unendlich groß. Ein durchgehender Button am unteren Rand lässt sich leicht treffen. ## Was ist Fitts’ Gesetz? Es ist eine Vorhersage von 1954 darüber, wie lange es dauert, auf etwas zu zeigen. Paul Fitts fand zwei Faktoren: die Entfernung zum Ziel und seine Größe. Verdoppeln Sie die Entfernung, dauert es länger. Verdoppeln Sie die Größe, geht es schneller. Näher und größer erleichtert den Vorgang jedes Mal. Das Bremspedal setzt Fitts’ Gesetz in Stahl um. Es ist größer als das Gaspedal und liegt etwas näher und tiefer, weil es im entscheidenden Moment sofort erreichbar sein muss. Für Ihre Bildschirme gilt dasselbe. Die gewünschte Aktion sollte leicht zu treffen sein. Das Layout unterstützt die Hand oder arbeitet gegen sie. ## Wie groß sollte ein Berührungsziel sein? Groß genug für einen Finger. Das ist größer, als viele Designer zeichnen. Die [Nielsen Norman Group](https://www.nngroup.com/articles/touch-target-size/) empfiehlt interaktive Elemente von mindestens 1 by 1 cm, um Fehlberührungen zu vermeiden. Kleinere Ziele verlangen genaues Zielen. Dabei gehen Berührungen daneben. Die Plattformen stimmen zu und liefern konkrete Werte. | Plattform | Zielgröße | Quelle | | :- | :- | :- | | iOS und iPadOS | 44 × 44 pt, Standardgröße für Bedienelemente | [Apple-Richtlinien für Benutzeroberflächen](https://developer.apple.com/design/human-interface-guidelines/accessibility) | | Android, Material Design | 48 × 48 dp, Abstand von 8 dp | [Barrierefreiheit bei Material Design](https://m2.material.io/design/usability/accessibility.html) | | Web, WCAG 2.5.5 (AAA) | 44 × 44 CSS px | [WCAG 2.1, Zielgröße](https://www.w3.org/WAI/WCAG21/Understanding/target-size.html) | Im Zweifel ist 44 die Untergrenze. Machen Sie die wichtigste Aktion größer. ## Wohin gehört die Hauptaktion? Dorthin, wo die Hand bereits ruht. Bei einem einhändig gehaltenen Handy ist das die Daumenzone am unteren Bildschirmrand. Ein kleiner Link oben verlangt Strecken und genaues Hinsehen. Liegt die Hauptaktion unter dem Daumen, entfällt diese Anstrengung. Deshalb haben sich untere Navigationsleisten, durchgehende Buttons und von unten geöffnete Bereiche im mobilen Design durchgesetzt. Sie wenden Fitts’ Gesetz auf den Daumen an. Je näher das Ziel an der ruhenden Hand und je größer es ist, desto mehr kommt die Oberfläche den Nutzern entgegen. ## Was gilt für gefährliche Aktionen? Machen Sie sie bewusst schwerer erreichbar. Die Regel wirkt in beide Richtungen. Gerade darin zeigt sich gute Gestaltung. Löschen, bezahlen, endgültig bestätigen: Halten Sie diese Aktionen kleiner und getrennt, mit etwas Abstand. So wird ein unachtsames Tippen seltener zum Problem, das jemand rückgängig machen muss. Reibung ist meist unerwünscht, hier hat sie ihren Platz. Ein etwas kleinerer und weiter entfernter destruktiver Button oder ein zusätzlicher Bestätigungsschritt kostet einen Sekundenbruchteil und verhindert gelegentlich ein Desaster. Größe und Abstand zeigen, was wichtig ist und wo ein Mensch kurz innehalten sollte. ## Warum funktionieren Ränder und Ecken so gut? Der Bildschirmrand stoppt Cursor oder Daumen. Sie können nicht darüber hinausschießen. Nach Fitts verhält sich ein Ziel am Rand in dieser Richtung wie ein unendlich großes Ziel. Es lässt sich selbst ohne Hinsehen leicht treffen. Darauf beruhen der durchgehende Button unten und das Menü direkt in der Ecke eines Desktopbildschirms. Nutzen Sie die Ränder. Eine Hauptaktion über die gesamte Breite am unteren Handyrand gehört zu den leichtesten Zielen. Der Bildschirmrahmen übernimmt die halbe Arbeit. ## Die Prüfung in zwei Minuten Dafür ist keine Neugestaltung nötig. Öffnen Sie Ihr Produkt und suchen Sie die Hauptaktion. Ist sie die größte, nächste und leichteste zu treffen? Suchen Sie dann die destruktivste Aktion und prüfen Sie, ob sie es nicht ist. Wenn es umgekehrt ist, wissen Sie, was Sie am Nachmittag tun können. Größe und Entfernung sagen der Hand, was wichtig ist. Stimmen sie, wirkt ein Produkt mühelos, ohne dass jemand den Grund benennen kann. Wenn Sie das auf Ihr Vorhaben anwenden möchten, erzählen Sie mir davon. ## Häufige Fragen ### Was ist Fitts’ Gesetz? Fitts’ Gesetz besagt, dass die Zeit zum Erreichen eines Ziels von Entfernung und Größe abhängt. Nahe, große Ziele sind schneller und leichter zu treffen. Wichtige Aktionen sollten deshalb groß und gut erreichbar sein. ### Wie wende ich Fitts’ Gesetz auf Oberflächen an? Machen Sie die Hauptaktion groß und platzieren Sie sie dort, wo die Hand bereits ist, etwa in der Daumenzone unten am Handy. Seltene oder destruktive Aktionen sollten kleiner und getrennt sein, damit sie nicht versehentlich ausgelöst werden. ### Warum eignen sich Bildschirmränder für Buttons? Der Rand stoppt Cursor oder Daumen. Ein Ziel dort wirkt in dieser Richtung unendlich groß. Ein Button über den gesamten unteren Rand lässt sich leicht treffen. Hier arbeitet Fitts’ Gesetz für Sie.