Fitts Gesetz
Was ist Fitts Gesetz?
Fitts Gesetz beschreibt den Zusammenhang zwischen der benötigten Bewegungszeit, der Entfernung zu einem Ziel und dessen Größe. Je größer und näher ein Bedienelement ist, desto schneller und sicherer lässt es sich auswählen. Das Modell wird vor allem in der Ergonomie, Usability und Gestaltung digitaler Benutzeroberflächen eingesetzt.
Fitts Gesetz wurde 1954 vom Psychologen Paul Fitts formuliert. Das Modell überträgt menschliche Bewegungsabläufe auf messbare Größen und hilft heute dabei, Schaltflächen, Menüs, Links und andere interaktive Elemente nutzerfreundlich zu gestalten.
So funktioniert Fitts Gesetz
Die Auswahl eines Ziels wird schwieriger, wenn der Nutzer eine längere Strecke zurücklegen oder eine kleinere Fläche treffen muss. Auf einer Website betrifft das beispielsweise die Bewegung des Mauszeigers zu einem Button. Auf einem Smartphone entspricht die Bewegung meist dem Weg des Fingers bis zur gewünschten Schaltfläche.
Fitts Gesetz wird häufig mit folgender Formel dargestellt:
MT = a + b × log2(1 + D / W). MT bezeichnet die Bewegungszeit, D die Entfernung zum Ziel und W die effektive Breite des Ziels in Bewegungsrichtung. Die Werte a und b werden durch Tests für das jeweilige Eingabegerät und Nutzungsszenario ermittelt. Der logarithmische Teil der Formel wird als Schwierigkeitsindex bezeichnet. Bei einer Entfernung von 400 Pixeln und einer Zielbreite von 50 Pixeln beträgt der Index etwa 3,17 Bit. Wird das Ziel bei gleicher Entfernung auf 100 Pixel verbreitert, sinkt er auf etwa 2,32 Bit. Das größere Ziel ist damit leichter erreichbar.
Entfernung und Zielgröße
Die Entfernung D wird vom Ausgangspunkt der Bewegung bis zur Mitte des Ziels gemessen. Eine häufig genutzte Funktion sollte deshalb möglichst nah an der aktuellen Position oder dem erwartbaren Blickbereich des Nutzers liegen. Das verkürzt den Bewegungsweg und erleichtert wiederkehrende Aktionen.
Die Zielbreite W beschreibt nicht immer die sichtbare Breite eines Elements. Maßgeblich ist die tatsächlich anklickbare Fläche entlang der Bewegungsrichtung. Ein kleiner Link kann durch ausreichend Innenabstand eine größere Klickfläche erhalten, ohne dass Schrift oder Symbol optisch überdimensioniert werden müssen.
Fitts Gesetz im Webdesign
Im Webdesign unterstützt Fitts Gesetz die Gestaltung klarer Interaktionen. Primäre Aktionen wie „In den Warenkorb“, „Angebot anfordern“ oder „Formular absenden“ benötigen eine ausreichend große Klickfläche und eine Position, die zum vorherigen Handlungsschritt passt. Die Optimierung von UX und Usability verbindet diese ergonomischen Grundlagen mit realen Nutzerdaten.
Folgende Gestaltungsregeln lassen sich aus dem Modell ableiten:
Bildschirmränder besitzen einen besonderen Vorteil: Der Mauszeiger kann nicht über den sichtbaren Rand hinausbewegt werden. Ein Ziel am Rand lässt sich deshalb leichter treffen als ein gleich großes Element in der Mitte des Bildschirms. Bei Touchscreens gilt dieser Vorteil nur eingeschränkt, weil der Finger nicht durch einen technischen Bildschirmrand gestoppt wird.
Mobile Klickflächen richtig planen
Auf mobilen Geräten muss eine Klickfläche zur Fingerbedienung passen. Kleine Symbole, eng gesetzte Textlinks oder dicht angeordnete Filteroptionen erhöhen das Risiko einer falschen Auswahl. Eine größere aktive Fläche und ausreichender Abstand verbessern die Treffgenauigkeit, ohne dass das gesamte Layout größer wirken muss.
Responsive Design allein erfüllt Fitts Gesetz noch nicht. Eine Website kann sich technisch an kleine Bildschirme anpassen und trotzdem schwer bedienbare Schaltflächen enthalten. Bei einer Website-Entwicklung mit SEO- und Usability-Fokus sollten deshalb die sichtbare Darstellung und die tatsächlichen Klickbereiche getrennt geprüft werden.
Relevanz für SEO und SEA
Fitts Gesetz ist kein direkter Google-Ranking-Faktor. Eine verständliche Bedienung kann jedoch dazu beitragen, dass Nutzer gewünschte Inhalte erreichen, Formulare abschließen oder Produkte auswählen. Deshalb sollte die Wirkung über Kennzahlen wie Conversion-Rate, Abbruchrate, Fehlklicks und Abschlusszeit gemessen werden.
Für SEO-Landingpages bedeutet das: Ein gutes organisches Ranking erzeugt zunächst Besuche, während eine klare Nutzerführung den nächsten Schritt erleichtert. Fachlich hilfreiche Inhalte, schnelle Ladezeiten und gut erreichbare Aktionen ergänzen sich. Weitere technische und inhaltliche Ansatzpunkte zeigt der Ratgeber zur SEO-Optimierung für Google und KI-Suchen.
Bei SEA beeinflusst die Zielseite, wie effizient bezahlter Traffic in Anfragen oder Verkäufe überführt wird. Ein schwer erreichbarer Kaufbutton kann die Conversion-Rate belasten, obwohl Anzeige und Keyword-Auswahl funktionieren. Deshalb gehören Klickflächen und mobile Bedienbarkeit zu den Technik-Checks für Google-Ads-Zielseiten.
Für GEO, also Generative Engine Optimization, wirkt das Gesetz nur indirekt. GEO verbessert die Auffindbarkeit und Zitierfähigkeit von Inhalten in KI-Antworten. Fitts Gesetz optimiert dagegen die Interaktion auf der Website, nachdem ein Nutzer über ChatGPT, Perplexity, Gemini, Grok oder eine klassische Suchmaschine auf die Seite gelangt ist.
Unterschied zu ähnlichen UX-Regeln
Der Unterschied zwischen Fitts Gesetz und Hicks Gesetz liegt im untersuchten Teil der Interaktion. Fitts Gesetz beschreibt die körperliche Bewegung zu einem Ziel. Hicks Gesetz beschreibt die Zeit, die ein Nutzer für eine Entscheidung zwischen mehreren Optionen benötigt. Ein großes Menü kann daher gut anklickbar sein und trotzdem durch zu viele Auswahlmöglichkeiten überfordern.
Der Unterschied zwischen Fitts Gesetz und den Core Web Vitals liegt in der Messgröße. Fitts Gesetz bewertet Entfernung und Zielgröße bei einer Bewegung. Die Core Web Vitals erfassen technische Aspekte der Nutzererfahrung, darunter Ladegeschwindigkeit, Reaktionsfähigkeit und visuelle Stabilität. Beide Bereiche können die Bedienung beeinflussen, messen aber unterschiedliche Ursachen.
| Konzept | Zentrale Frage | Typische Anwendung |
|---|---|---|
| Fitts Gesetz | Wie leicht lässt sich ein Ziel erreichen? | Buttons, Links, Menüs und Touchflächen |
| Hicks Gesetz | Wie lange dauert die Auswahl zwischen Optionen? | Navigation, Produktfilter und Formulare |
| Core Web Vitals | Wie stabil und reaktionsfähig lädt die Seite? | Technische Website-Performance |
Fitts Gesetz praktisch anwenden
Die Umsetzung beginnt mit den wichtigsten Nutzeraktionen einer Seite. Du prüfst, welche Elemente häufig verwendet werden, wie weit sie vom vorherigen Interaktionspunkt entfernt sind und wie groß ihre aktive Fläche ist. Priorität erhalten Aktionen, die unmittelbar zu einer Anfrage, Registrierung oder Bestellung führen.
Ein A/B-Test kann zwei Varianten einer Schaltfläche vergleichen. Verändert werden sollten jeweils nur klar definierte Merkmale wie Größe, Position oder Abstand. Klickrate, Conversion-Rate, Fehlklicks und Bearbeitungszeit zeigen anschließend, ob die veränderte Gestaltung die Bedienung tatsächlich verbessert.
In der Projektpraxis entstehen Bedienungsprobleme häufig nicht durch den sichtbaren Button selbst, sondern durch zu kleine aktive Flächen rund um Symbole und Textlinks. Eine Erweiterung des klickbaren Bereichs kann die Bedienung verbessern, ohne das visuelle Design wesentlich zu verändern.
Wenn du zentrale Klickpfade und Landingpages fachlich prüfen lassen möchtest, bietet ein Potenzialcheck eine strukturierte Grundlage für die nächsten Schritte.
Häufige Fragen zu Fitts Gesetz
Wo wird Fitts Gesetz angewendet?
Fitts Gesetz wird in der Ergonomie, im Produktdesign, bei Maschinensteuerungen und in digitalen Benutzeroberflächen eingesetzt. Im Webdesign hilft es vor allem bei der Gestaltung von Buttons, Navigationen, Formularen und mobilen Klickflächen.
Gilt Fitts Gesetz auch für Smartphones?
Ja, das Modell lässt sich grundsätzlich auf Touchscreens übertragen. Dabei müssen die Größe eines Fingers, verdeckte Bildbereiche während der Berührung und der Abstand zwischen benachbarten Elementen berücksichtigt werden.
Warum sind große Buttons leichter zu bedienen?
Ein großer Button bietet mehr Fläche für Mauszeiger oder Finger und toleriert stärkere Abweichungen bei der Bewegung. Dadurch sinkt der erforderliche Präzisionsgrad und das Ziel lässt sich meist schneller auswählen.
Müssen alle Schaltflächen möglichst groß sein?
Nein, die Größe sollte die Bedeutung und Nutzungshäufigkeit einer Aktion abbilden. Werden alle Elemente gleich stark hervorgehoben, fehlen visuelle Prioritäten und der Nutzer benötigt mehr Zeit für die Auswahl.
Wie lässt sich die Wirkung größerer Klickflächen messen?
Geeignete Messgrößen sind Klickrate, Conversion-Rate, Fehlklickrate, Abbruchrate und die benötigte Zeit bis zum Abschluss einer Aufgabe. A/B-Tests oder moderierte Usability-Tests machen Unterschiede zwischen Gestaltungsvarianten sichtbar.
Verbessert Fitts Gesetz automatisch das Google-Ranking?
Nein, aus Fitts Gesetz ergibt sich keine Ranking-Garantie und es ist kein direkter Ranking-Faktor. Das Modell kann die Bedienbarkeit und Conversion unterstützen, wenn die Gestaltung anhand realer Nutzerdaten geprüft und mit technischen sowie inhaltlichen Maßnahmen kombiniert wird.
Sie haben noch Fragen?
