Warum „gefällt mir“ die falsche Frage ist
Bei kaum einem Thema wird so viel diskutiert wie beim Design — und kaum eine Diskussion führt so selten zu einem besseren Ergebnis. Der Grund: Sie wird über Geschmack geführt. Ob jemand das Blau mag, ist aber keine brauchbare Grundlage für eine Entscheidung.
Die nützlichere Frage lautet: Findet ein Besucher ohne Nachdenken, was er sucht — und tut er anschließend, was er tun soll?
Das lässt sich beurteilen, auch ohne Designausbildung. Dieser Beitrag erklärt, woran.
Niemand liest. Alle scannen.
Die wichtigste Erkenntnis vorweg: Besucher lesen Ihre Seite nicht. Sie überfliegen sie in Sprüngen und bleiben an dem hängen, was heraussticht — große Schrift, Bilder, Hervorhebungen, farbige Flächen. Fließtext wird erst gelesen, wenn einer dieser Ankerpunkte überzeugt hat.
Die Reihenfolge, in der wahrgenommen wird:
- Große Überschrift, Bild, farbiger Knopf
- Zwischenüberschriften, fett gesetzte Wörter, Listen
- Zusammenhängender Fließtext — zuletzt, wenn überhaupt
Daraus folgt eine unbequeme Konsequenz: Nicht die Textmenge entscheidet, sondern was groß genug ist, um beim Überfliegen aufzufallen. Der wichtigste Satz Ihrer Seite muss die größte Schrift bekommen. Nicht der Firmenname, nicht „Willkommen“.
Hierarchie ist die eigentliche Disziplin
Wenn alles gleich wichtig aussieht, muss der Besucher selbst sortieren. Das tut er nicht — er geht.
Es gibt einen einfachen Test, den Sie sofort auf Ihre eigene Seite anwenden können: Kneifen Sie die Augen zusammen, bis alles unscharf ist. Was jetzt noch heraussticht, ist die tatsächliche Hierarchie Ihrer Seite. Bei den meisten ist es das Logo — obwohl es das Angebot sein sollte.
Fünf Mittel stellen Hierarchie her, nach Wirkung sortiert:
| Mittel | Wirkung |
|---|---|
| Größe | Das stärkste Mittel. Drei bis vier Stufen genügen, mehr wirkt beliebig |
| Weißraum | Wird am meisten unterschätzt. Zu wenig Abstand lässt alles gleich wichtig wirken |
| Position | Oben und links wird zuerst gesehen |
| Kontrast | Zieht den Blick — aber nur, wenn sparsam eingesetzt |
| Farbe | Allein das schwächste Mittel und nie der einzige Bedeutungsträger |
Ein Detail, das häufig falsch gemacht wird: Abstand gruppiert. Elemente, die näher beieinanderstehen, werden als zusammengehörig gelesen. Eine Beschriftung, die weiter von ihrem Eingabefeld entfernt ist als vom nächsten, gehört optisch zum falschen Feld. Das ist der häufigste Layoutfehler in Formularen.
Der eine nächste Schritt
Der wirtschaftlich wichtigste Teil jeder Seite — und die Stelle, an der die meisten Anfragen verloren gehen.
Der typische Fehler: Kontakt, Newsletter, Katalog und Rückruf stehen gleichberechtigt nebeneinander, weil alles wichtig ist. Das Ergebnis ist, dass nichts wichtig wird. Wer die Wahl zwischen fünf gleichwertigen Optionen hat, entscheidet sich oft für keine.
Was stattdessen funktioniert:
- Ein Hauptknopf pro Bildschirmabschnitt. Nebenwege optisch leiser — ein Textlink statt eines zweiten Knopfes.
- Mit der Handlung beschriften, nicht mit dem Vorgang. „Termin anfragen“ statt „Absenden“. „Preise ansehen“ statt „Weiter“.
- Wie ein Knopf aussehen. Gefüllte Fläche, ausreichende Höhe, klarer Rand zum Hintergrund. Ein unterstrichener Text ist kein Knopf.
- Wiederholen. Nach jedem größeren Abschnitt, spätestens am Seitenende.
- Die letzte Sorge daneben ausräumen. „Unverbindlich“, „Antwort innerhalb eines Werktages“ — direkt neben dem Knopf, nicht im Kleingedruckten.
Wenn Sie sich nicht entscheiden können, hilft eine Frage: Wenn ein Besucher heute nur eine einzige Sache tut — welche soll es sein? Diese Sache wird der Knopf. Alles andere wandert ins Menü oder in die Fußzeile.
Formulare: jedes Feld kostet Anfragen
Ein Formular ist eine Hürde. Je höher sie ist, desto weniger Menschen springen darüber. Für eine Erstanfrage reichen fast immer drei Angaben: Name, ein Kontaktweg, das Anliegen. Alles Weitere klärt das anschließende Gespräch — dafür ist es da.
Der häufigste Einwand dagegen: „Ich brauche aber die Adresse und die Telefonnummer.“ Die Gegenrechnung lautet: Lieber zehn Anfragen mit einer E-Mail-Adresse als drei mit vollständigem Datensatz.
Vier Details, die den Unterschied machen:
- Beschriftung über dem Feld, nicht als grauer Text darin. Platzhaltertext verschwindet beim Tippen, und dann weiß niemand mehr, was gefragt war.
- Fehler direkt am Feld und in verständlicher Sprache, im Moment des Verlassens — nicht als Sammelmeldung nach dem Absenden.
- Passende Tastatur am Handy. Wer eine Telefonnummer eingeben soll, bekommt Ziffern. Das kostet nichts und spart sichtbar Arbeit.
- Sagen, was danach passiert. „Wir melden uns innerhalb eines Werktages“ ist der billigste Vertrauensgewinn überhaupt — und wird ständig vergessen.
Zuerst das Handy
Bei örtlichen Suchen ist das Telefon der Normalfall, nicht die Ausnahme. Oft unterwegs, oft in Eile, oft bei schlechter Verbindung und hellem Sonnenlicht. Was dort nicht funktioniert, funktioniert nicht.
- Große Antippflächen. Knöpfe müssen mit dem Daumen sicher zu treffen sein, nicht mit einer Mauszeigerspitze.
- Lesbare Schrift ohne Zoomen. Wer die Seite auseinanderziehen muss, um den Preis zu lesen, liest ihn nicht.
- Telefonnummer zum Antippen. Ein Tipp wählt.
- Wichtiges nach oben. Am Handy steht alles untereinander. Was auf dem Bildschirm rechts stand, landet ganz unten.
Bedienbar für alle
Ein Teil guter Gestaltung, der oft übersehen wird — und der inzwischen auch rechtlich gefordert sein kann. Betroffen sind mehr Menschen als gedacht: schlechtes Sehen, Farbfehlsichtigkeit, zittrige Hände, laute Umgebung, ein gebrochener Arm.
Das meiste davon ist keine Zusatzarbeit, sondern einfach saubere Umsetzung:
- Ausreichender Kontrast. Hellgrauer Text auf hellem Grund sieht im Entwurf edel aus und ist auf einem Handy in der Sonne unlesbar. Das ist der häufigste Fehler überhaupt.
- Bedienbar mit der Tastatur, nicht nur mit der Maus — und der Fokus muss dabei sichtbar sein.
- Bildbeschreibungen, damit Vorlesesoftware etwas ausgeben kann.
- Information nie nur über Farbe. Ein rot markiertes Feld allein reicht als Hinweis nicht.
Was rechtlich für Ihren Betrieb gilt, behandelt der Beitrag zu Recht und Pflichten. Unabhängig davon ist es einfach besseres Handwerk, und nachträglich ist es deutlich teurer.
Bewegung: sparsam und mit Grund
Animationen sollen Zusammenhänge zeigen, nicht beeindrucken. Ein aufklappender Bereich, der sichtbar wächst, hilft beim Verstehen. Ein Menü, das aus der Richtung kommt, in die es gehört, ebenfalls.
Was dagegen nichts bringt: jeder Abschnitt fährt beim Scrollen ein. Das ist der verbreitetste Reflex und macht die Seite im Gefühl langsamer, weil man auf Inhalte wartet, die längst da sein könnten.
Gutes Design fällt nicht auf. Es sorgt nur dafür, dass niemand überlegen muss, was er als Nächstes tun soll.
Das ist auch die Antwort auf „das sieht aber schlicht aus“: Schlichtheit ist hier das Ergebnis, nicht der Sparmodus.
Was regelmäßig Anfragen kostet
| Fehler | Was passiert |
|---|---|
| Hellgrauer Text | Wirkt in der Vorschau elegant, ist unterwegs unlesbar |
| Der Knopf sieht aus wie Deko | Was nicht als anklickbar erkennbar ist, wird nicht geklickt |
| Preise und Kontakt ganz unten | Bis dahin ist der Besucher weg |
| Alles bewegt sich | Nichts leitet mehr, die Seite wirkt unruhig |
| Zu viele Formularfelder | Anfragen brechen ab, bevor sie abgeschickt werden |
Häufige Fragen
Woran erkenne ich, ob ein Entwurf gut ist?
Nicht daran, ob er Ihnen gefällt, sondern daran, wo Sie beim Überfliegen zuerst hinschauen. Wenn das Ihr Angebot ist und nicht Ihr Logo, stimmt die Hierarchie. Der Augen-zusammenkneifen-Test funktioniert dafür erstaunlich zuverlässig.
Muss das Wichtigste über die Falz, also ohne Scrollen sichtbar sein?
Nein, das ist ein hartnäckiger Mythos aus der Anfangszeit des Web. Menschen scrollen selbstverständlich. Wichtig ist, dass oben sofort klar wird, worum es geht — nicht, dass alles dort hineingequetscht wird.
Ist mehr Auswahl nicht kundenfreundlich?
Bei gleichwertigen Optionen nicht. Mehr Auswahl führt zu weniger Entscheidungen. Ein klarer Hauptweg mit einem leiseren Nebenweg bringt verlässlich mehr Anfragen als fünf gleichberechtigte Knöpfe.
Muss der Knopf knallig sein?
Er muss sich vom Umfeld abheben. Bei einer ruhigen Gestaltung reicht dafür wenig. Entscheidend ist nicht die Signalfarbe, sondern dass er als Knopf erkennbar ist und als einziges Element auf diesem Bildschirmabschnitt heraussticht.
Wie viele Felder darf ein Kontaktformular haben?
So wenige wie möglich. Name, ein Kontaktweg und das Anliegen decken die meisten Erstanfragen ab. Jedes zusätzliche Pflichtfeld senkt die Zahl der abgeschickten Anfragen messbar.
Brauche ich Animationen, damit die Seite modern wirkt?
Animationen wirken modern, wenn sie etwas erklären. Sonst wirken sie unruhig. Wir setzen Bewegung bewusst sparsam ein — dort, wo sie einen Zusammenhang zeigt, und mit einer Alternative für Menschen, die reduzierte Bewegung eingestellt haben.