Was gutes Webdesign ausmacht: Begriffe von UX bis Core Web Vitals

Warum Fachbegriffe wichtig sind

Wer eine Website in Auftrag gibt oder selbst pflegt, stößt schnell auf Kürzel und Anglizismen: UX, CTA, Above the Fold, LCP. Das Vokabular ist nützlich, weil es hilft, Anforderungen präzise zu formulieren und Angebote zu verstehen. Dieses Lexikon erklärt die wichtigsten Begriffe in alltagstauglicher Sprache.

Gestaltung und Nutzererlebnis

UX (User Experience)

Beschreibt das Gesamterlebnis eines Besuchers: Findet er, was er sucht? Versteht er den Aufbau? Fühlt sich die Bedienung stimmig an? Gute UX entsteht nicht durch Dekoration, sondern durch klare Struktur, verständliche Sprache und kurze Wege zum Ziel.

UI (User Interface)

Meint die sichtbare Oberfläche mit Buttons, Menüs, Formularen und Typografie. UI ist das Werkzeug, UX das Ergebnis aus Sicht der Nutzer.

Responsive Design

Das Layout passt sich automatisch an die Bildschirmgröße an, vom Smartphone bis zum Großbildschirm. Statt getrennter Mobilseiten existiert eine Seite, deren Elemente sich neu anordnen. Der Begriff wird ausführlich im Wikipedia-Artikel zum Responsive Webdesign erklärt.

Above the Fold

Der Bereich, der ohne Scrollen sichtbar ist. Dort sollte erkennbar sein, worum es geht und was der nächste Schritt ist.

Call to Action (CTA)

Eine konkrete Handlungsaufforderung wie „Angebot anfragen“ oder „Termin vereinbaren“. Je eindeutiger und seltener sie auftaucht, desto wirksamer ist sie.

Technik und Geschwindigkeit

Core Web Vitals

Eine Gruppe von Messwerten, mit denen Google die Nutzungsqualität einer Seite beschreibt. Dazu zählen unter anderem die Zeit bis zur Darstellung des größten sichtbaren Elements (Largest Contentful Paint, LCP), die Reaktionsfähigkeit auf Eingaben und die visuelle Stabilität während des Ladens (Cumulative Layout Shift, CLS). Schlechte Werte entstehen häufig durch große Bilder, schwere Skripte oder Werbeeinbindungen.

Caching

Zwischenspeichern bereits berechneter Seiten oder Dateien, damit sie bei wiederholten Aufrufen schneller ausgeliefert werden.

CMS (Content-Management-System)

Software, mit der Inhalte ohne Programmierkenntnisse gepflegt werden. Verbreitet ist WordPress; es gibt zahlreiche Alternativen, die je nach Projektgröße sinnvoll sein können.

SSL/TLS

Verschlüsselt die Verbindung zwischen Browser und Server. Erkennbar am „https“ in der Adresszeile. Heute gilt es als Standard, ohne Verschlüsselung warnen Browser.

Sichtbarkeit und Inhalte

SEO (Suchmaschinenoptimierung)

Alle Maßnahmen, die eine Seite bei passenden Suchanfragen besser auffindbar machen: technische Sauberkeit, hilfreiche Inhalte und Verweise von anderen Seiten. Garantien für bestimmte Plätze gibt es nicht, da Suchmaschinen ihre Bewertung laufend anpassen.

Meta-Beschreibung

Der kurze Text, der in Suchergebnissen unter dem Seitentitel erscheint. Er beeinflusst vor allem, ob Nutzer auf das Ergebnis klicken.

Copywriting

Das Schreiben von Texten mit einem klaren Zweck, etwa Leistungen verständlich zu beschreiben oder zu einer Kontaktaufnahme einzuladen. Gute Webtexte sind kurz gegliedert, konkret und frei von Floskeln.

Zugänglichkeit und Recht

Barrierefreiheit

Eine Website ist barrierefrei, wenn sie auch von Menschen mit Einschränkungen genutzt werden kann, etwa mit Screenreader oder ohne Maus. Wichtige Punkte sind Kontraste, Alternativtexte für Bilder, logische Überschriftenhierarchie und beschriftete Formularfelder.

Impressum und Datenschutzerklärung

Geschäftsmäßige Websites müssen Anbieterkennzeichnung und Informationen zum Umgang mit personenbezogenen Daten bereitstellen. Fehlen sie oder sind sie veraltet, drohen Abmahnungen.

Gestaltung im Zusammenspiel

Die Begriffe stehen nicht für sich. Eine Seite mit hübschem Design, aber langer Ladezeit enttäuscht ebenso wie ein technisch perfektes Gerüst ohne verständliche Texte. In der Praxis kommen Konzeption, Gestaltung, Text, Bild und Technik zusammen. Agenturen decken diese Bereiche unterschiedlich breit ab; ein Beispiel aus der Region ist Webdesign Frankfurt von Webdesign Doerrer, das neben Webdesign auch SEO, Copywriting, Businessfotografie und Videoproduktion nennt.

Kurze Übersicht

Begriff Kurz erklärt
UX Gesamterlebnis der Nutzer
Responsive Layout passt sich dem Gerät an
LCP Ladezeit des größten sichtbaren Elements
CLS Springende Elemente beim Laden
CTA Klare Handlungsaufforderung

Wer diese Grundbegriffe kennt, kann Gespräche mit Dienstleistern sicherer führen und die Qualität der eigenen Website besser einschätzen.

Weiterführende Orientierung

Die Qualität einer Website lässt sich mit frei verfügbaren Werkzeugen grob selbst prüfen. Browser bieten eingebaute Analysen für Geschwindigkeit und Zugänglichkeit, und mit einem Blick auf die mobile Ansicht werden grobe Schwächen sofort sichtbar. Wichtig ist, nicht nur Zahlen zu betrachten, sondern auch echte Menschen testen zu lassen: Bitten Sie Kollegen oder Kunden, eine konkrete Aufgabe auf der Seite zu lösen, etwa die Telefonnummer zu finden, und beobachten Sie, wo sie zögern. Diese einfachen Tests liefern oft mehr Erkenntnisse als umfangreiche Berichte.

Lostippen und erste Vorschläge sehen