Bewegung und Animationen
Beim ersten Besuch nett, beim zweiten lästig. Es gibt drei Stellen, an denen Bewegung etwas erklärt — und viele, an denen sie nur Ladezeit kostet.
DIE EINE FRAGE
Erklärt sie etwas?
Eine Frage entscheidet über jede Animation — und die meisten bestehen sie nicht.
01
Bewegung, die etwas erklärt
Ein Aufklappbereich, der sich öffnet und dabei zeigt, woher der Inhalt kommt. Ein Menü, das aus dem Symbol herausfährt. Ein Formularfeld, das seinen Fehler anzeigt. In diesen drei Fällen macht die Bewegung verständlich, was gerade passiert — sie ersetzt eine Erklärung.
02
Bewegung, die nur auffällt
Text, der beim Scrollen einfährt. Zahlen, die hochzählen. Bilder, die langsam heranzoomen. Beim ersten Besuch fällt es auf, beim zweiten stört es — und wer eine Rufnummer sucht, wartet nicht, bis ein Absatz fertig eingeflogen ist.
Hinweis aus der Praxis
Ein Bereich, der drei Monate nach Veröffentlichung keine Zugriffe bekommt, hat meist kein Textproblem, sondern ein Nachfrageproblem: Nach dem Thema wird in dieser Region nicht gesucht. Deshalb steht bei uns die Recherche vor dem ersten Satz.
„Wir haben zwei Jahre eine schöne Seite gehabt und nicht einen einzigen Anruf darüber bekommen. Niemand hat uns gesagt, dass die Struktur fehlt.“
Inhaber eines Sanitärbetriebs, 14 Mitarbeiter, Rhein-Kreis Neuss
Zusammengefasst: Sichtbarkeit entsteht nicht aus Gestaltung, sondern aus Abdeckung. Wer viele Fragen vollständig beantwortet, wird oft gefunden — wer eine Seite hat, einmal.
Gewerk, Ort, Nummer, ein Bild von echter Arbeit. Kein Karussell, kein Ladebalken, keine Suche nach dem Anrufknopf.
Preise, Urlaubszeiten, Stellenanzeige, neue Referenz. Vier Felder, ein Knopf, kein Handbuch. Alles andere übernehmen wir.
WAS ES KOSTET
Ladezeit und Geräte
Bewegung ist nicht gratis — sie kostet an zwei Stellen, die man beim Bauen nicht sieht.
2
Kosten, die niemand sieht
Erstens Ladezeit: Effekte brauchen zusätzliche Skripte, die geladen werden, bevor etwas zu sehen ist. Zweitens Rechenleistung: Auf einem fünf Jahre alten Telefon ruckelt, was auf einem neuen Rechner flüssig aussieht — und Ihre Kunden haben ältere Geräte als Sie.
Dazu kommt ein dritter Punkt, der selten bedacht wird: Manche Menschen reagieren auf Bewegung mit Unwohlsein oder Schwindel. Betriebssysteme bieten dafür eine Einstellung, mit der Animationen abgeschaltet werden — eine sauber gebaute Seite hält sich daran. Das kostet nichts außer daran zu denken.
Daumen am Displayrand — auf älteren Geräten ruckelt, was hier flüssig aussieht.
VIER EFFEKTE
Was bleibt und was geht
Vier verbreitete Effekte, eingeordnet nach der Frage von oben.
| Effekt | Urteil | Warum |
|---|---|---|
| Aufklappen von Fragen | Bleibt | Zeigt, dass sich etwas geöffnet hat und woher es kommt. Ohne Bewegung wirkt es wie ein Sprung. |
| Menü auf dem Telefon | Bleibt | Macht sichtbar, dass die Liste aus dem Symbol kommt — sonst erscheint sie unvermittelt. |
| Text fährt beim Scrollen ein | Geht | Erklärt nichts, verzögert das Lesen und ruckelt auf älteren Geräten. Der häufigste Effekt in Vorlagen. |
| Zahlen zählen hoch | Geht | Wer die Zahl lesen will, muss warten. Und beim zweiten Besuch wartet er wieder. |
Zwei bleiben, zwei gehen. Die beiden, die bleiben, erklären etwas — die anderen fallen auf.
DIE FRAGE DAVOR
Bewegung soll erklären, nicht beeindrucken
Ein Aufklappen, das zeigt, was darunter liegt, hilft. Ein Text, der beim Scrollen einschwebt, kostet nur Zeit — und auf einem älteren Gerät ruckelt er.
Enthalten, wo es dem Verständnis dient.
Für wen
Der Aufbau ist derselbe. Was sich unterscheidet, sind die Fragen, die Ihre Kunden stellen.
WAS SCHIEFGEHT
Vier Fehler mit Bewegung
Die ersten drei kosten Leser, der vierte kostet mehr.
01
Bewegung im Einstiegsbereich
Dort, wo Gewerk, Ort und Rufnummer stehen sollten, fährt Text ein. Der Besucher wartet auf die Angabe, die er sucht — das ist die teuerste Stelle für einen Effekt.
02
Automatisch wechselnde Bilder
Ein Bereich, in dem drei Motive durchwechseln. Der Leser hat gerade angefangen zu lesen, dann springt es weiter. Wenn mehrere Bilder nötig sind, gehören sie untereinander — dort entscheidet der Leser das Tempo.
03
Aufspringende Fenster
Ein Kasten, der sich über den Text legt. Stört genau den Leser, der gerade liest — und auf dem Telefon nimmt er die ganze Fläche ein.
04
Einstellung des Geräts ignoriert
Wer im Betriebssystem weniger Bewegung eingestellt hat, hat einen Grund dafür. Eine Seite, die trotzdem animiert, ist für diese Menschen unangenehm zu benutzen — und das lässt sich mit zwei Zeilen vermeiden.
Was erklärt, bleibt. Was auffällt, geht.
Was erklärt, bleibt. Was auffällt, geht.
Werkbank im Abendlicht — auch ein ruhiges Motiv trägt einen Einstieg.
DER SONDERFALL
Video im Einstieg
Die aufwendigste Form von Bewegung — und die einzige, bei der sich der Aufwand manchmal lohnt.
WANN ES PASST
Wenn es etwas zeigt, das ein Foto nicht kann: eine Bewegung im Handwerk, ein Ablauf, eine Maschine bei der Arbeit. Kurz, ohne Ton, in Schleife. Dann ist es kein Effekt, sondern ein Motiv, das sich bewegt.
WAS ES KOSTET
Ladezeit und Datenvolumen — deutlich mehr als ein Bild. Ein Standbild als Rückfallebene gehört dazu, damit der Einstieg sofort steht. Und auf dem Telefon spielt es je nach Einstellung gar nicht ab.
WAS NICHT PASST
Ein gekauftes Video mit fremden Menschen. Dasselbe Problem wie beim gekauften Motiv, nur teurer — und bewegte Bilder von Fremden fallen stärker auf als unbewegte.
Drei Schritte, die in dieser Reihenfolge passieren müssen. Wer beim ersten scheitert, erlebt die anderen beiden nie.
Schritt eins besprechen
WAS BLEIBT
Zwei Bewegungen, die sich lohnen
Das Aufklappen häufiger Fragen und ein ruhiger Wechsel beim Überfahren eines Knopfes. Beides sagt dem Besucher, dass etwas passiert — alles Weitere ist Zierde.
Wer Bewegung abgestellt hat, sieht die Seite vollständig.
WENN SIE BEWEGUNG WOLLEN
Drei Regeln für den Fall
Es gibt Betriebe, bei denen ein bisschen Bewegung passt. Dann gelten drei Regeln.
KURZ
Unter einer Viertelsekunde
So schnell, dass man sie spürt, aber nicht abwartet. Alles, was länger dauert, wird beim zweiten Mal als Verzögerung wahrgenommen — und beim dritten als Fehler.
SPARSAM
Höchstens an zwei Stellen
Wenn sich auf einer Seite an fünf Stellen etwas bewegt, hebt sich keine davon mehr ab. Zwei genügen — und meist sind es die beiden, die etwas erklären.
ABSCHALTBAR
Die Geräteeinstellung achten
Wer weniger Bewegung eingestellt hat, bekommt keine. Das ist eine Abfrage im Stilblatt, kostet nichts und gehört zur Grundausstattung.
Ab Monat 6 · Laufender Zustand
Die Struktur wächst weiter
Jeden Monat entstehen neue Bereiche entlang des Bauplans: weitere Leistungen, weitere Städte, weitere Antworten. Jeder neue Bereich stärkt die vorhandenen, weil er zusätzliche Verbindungen in dieselbe Struktur bringt.
Zusammengefasst: Vier bis sechs Wochen bis zur fertigen Seite, drei bis sechs Monate bis zur ersten messbaren Bewegung, etwa ein Jahr bis zu einem belastbaren Zustand.
HALTUNG
Wie ich es baue
Vier Festlegungen zu Bewegung.
×
Keine Bewegung als Standard
Ich baue Effekte nur ein, wo sie etwas erklären. Eine durchanimierte Seite ist im Angebot nicht enthalten — und ich würde davon abraten.
×
Keine automatisch wechselnden Bilder
Bildwechsler baue ich nicht. Sie nehmen dem Leser das Tempo aus der Hand und werden auf dem Telefon regelmäßig übersprungen.
×
Keine aufspringenden Fenster
Auch nicht für Angebote oder Newsletter. Sie stören genau den Leser, der gerade liest.
×
Keine Seite ohne Abschaltmöglichkeit
Wo Bewegung eingebaut ist, achtet die Seite auf die Geräteeinstellung. Das ist keine Zusatzleistung, es gehört dazu.
Immer dasselbe Grundgerüst, immer eine andere Sprache. Ein Gerüstbauer verkauft Termintreue, ein Tischler verkauft Handschrift. Das gehört auf die erste Seite.
HÄUFIGE FRAGEN
Was Betriebe an dieser Stelle fragen
Wirkt eine Seite ohne Bewegung nicht langweilig?
–
Sie wirkt ruhig — und das ist bei einer Betriebswebsite ein Vorteil. Wer eine Rufnummer sucht, will nicht unterhalten werden. Was eine Seite lebendig macht, sind eigene Bilder und konkrete Angaben, nicht Effekte.
Meine Vorlage bringt Animationen mit. Muss ich sie abschalten?
+
Was ist mit einem Video im Einstieg?
+
Bremst Bewegung meine Seite wirklich?
+
Was ist die Einstellung für weniger Bewegung?
+
AUTOR UND QUELLEN
Christof Oppermann
Inhaber 12web, Neuss · Über mich
Baut seit 15 Jahren Websites, seit 2018 mit Schwerpunkt auf Handwerks- und Mittelstandsbetrieben in Nordrhein-Westfalen. Die Einordnung stammt aus gebauten Seiten, nicht aus Gestaltungslehre.
Geprüft am 26.08.2026
01
Eigene Suchbegriff-Recherche 12web
35 dokumentierte Bausteine mit 471 benannten Feldern — Grundlage der Aussagen zum Seitenaufbau
02
Bauteil-Bibliothek 12web
Offen einsehbar unter /kalkulator/ — Grundlage der genannten Preise und Umfänge
03
Handwerkskammer Düsseldorf — Konjunkturbericht Handwerk
Preisrechner auf 12web.de
Nicht auffallen. Nicht gefällig sein. Gefunden werden, verstanden werden, angerufen werden. Alles andere an einer Website ist Verzierung.
OHNE ANFRAGE
Was Ihre Website kosten würde
Wenn Sie beim Lesen an den eigenen Betrieb denken: Fünf Entscheidungen, ein Preis. Sie sehen die Zahl, bevor Sie Ihre Adresse angeben.
Feste Preise
Keine Anfrage nötig
Kein Newsletter
Dauert etwa drei Minuten. Vorher nachlesen: Leitfaden
Struktur entsteht
/leitfaden/
/leitfaden/aufbau/
/leitfaden/betreiben/
/leitfaden/bilder/
/leitfaden/gefunden-werden/
Websites, die Ihr Telefon klingeln lassen.
Ein Ansprechpartner, ein Festpreis, ein Termin. Gebaut, damit man Sie findet — nicht, damit es hübsch aussieht.
Erst reden,
dann rechnen.
Das erste Gespräch kostet nichts und verpflichtet zu nichts. Wenn wir die Falschen sind, sagen wir es im Telefonat.
Sie schicken das Formular oder rufen an.
Antwort am selben Werktag, bis 18 Uhr.
Telefonat, eine Stunde, zum Wunschtermin.
Festpreisangebot auf einer Seite, schriftlich.
In zwei Minuten ausgefüllt
Ihre Angaben gehen verschlüsselt direkt an uns und werden nicht weitergegeben.
