Mikrointeraktion

Was ist eine Mikrointeraktion?

Eine Mikrointeraktion ist ein kleiner Ablauf innerhalb eines Produkts, der genau einen Zweck hat: einen Schalter umlegen, einen Artikel merken, ein Passwort einblenden oder sehen, dass eine Datei hochgeladen wird. Sie dauert oft nur einen Augenblick, ist aber bewusst gestaltet.

Bekannt wurde der Begriff durch das Buch „Microinteractions“ von Dan Saffer aus dem Jahr 2013. Er beschreibt vier Bestandteile: einen Auslöser, Regeln, die festlegen, was passiert, Feedback, das den Zustand sichtbar macht, und Schleifen bzw. Modi, die das Verhalten über die Zeit bestimmen.

Warum Mikrointeraktionen wichtig sind

Mikrointeraktionen geben Rückmeldung. Sie zeigen, dass eine Eingabe angekommen ist, dass etwas lädt oder dass eine Aktion erfolgreich war. Fehlt dieses Feedback, klicken Nutzer doppelt, warten verunsichert oder brechen ab. Gut gemacht, wirkt ein Produkt dadurch schneller, verlässlicher und hochwertiger, ohne dass sich an den Kernfunktionen etwas ändert.

So setzt du Mikrointeraktionen in der Praxis ein

• Feedback zuerst: Jede wichtige Aktion braucht eine sichtbare Reaktion innerhalb eines Augenblicks.
• Zustände definieren: Plane für jedes Element Standard, Hover, Aktiv, Laden, Erfolg und Fehler.
• Kurz halten: Animationen sollen erklären, nicht unterhalten. Was nervt, wird beim zehnten Mal zum Problem.
• Bewegung reduzierbar machen: Respektiere Systemeinstellungen für reduzierte Bewegung.
• Im Kontext testen: Prüfe Mikrointeraktionen im echten Ablauf, nicht nur isoliert im Designtool.

Beispiel

In einem Modeshop springt man nach „In den Warenkorb“ direkt auf die Warenkorbseite. Im Test empfinden Nutzer das als Unterbrechung beim Stöbern. Neu verwandelt sich der Button kurz in ein Häkchen, die Zahl am Warenkorb-Icon zählt hoch, und man bleibt auf der Produktseite. Die Rückmeldung ist eindeutig, der Einkauf läuft ohne Bruch weiter.