Design & UX
Gestaltung, Nutzerführung und Interface-Design – was gute digitale Erlebnisse ausmacht.
A
Above the Fold
Above the Fold bezeichnet den Bereich einer Webseite, der ohne Scrollen sofort sichtbar ist – jener Bildschirm-Ausschnitt, den ein Besucher in den ersten Sekundenbruchteilen wahrnimmt und auf dessen Grundlage die Entscheidung fällt, ob weiter gelesen oder die Seite verlassen wird.
WeiterlesenAnkündigungsbanner
Ein Ankündigungsbanner ist ein schmaler, seitenweiter Hinweisstreifen am oberen Rand einer Website, der eine zeitlich begrenzte Information anzeigt – etwa einen Betriebsurlaub, geänderte Öffnungszeiten oder eine wichtige Mitteilung. Er ist auf jeder Seite sichtbar, ohne den eigentlichen Inhalt zu verdrängen, und wird nach Ablauf wieder entfernt.
WeiterlesenAuswahlparadox
Das Auswahlparadox beschreibt den Effekt, dass eine wachsende Zahl an Optionen die Entscheidung erschwert: Ab einem gewissen Umfang steigt der Vergleichsaufwand so weit, dass Menschen die Wahl aufschieben oder ganz verzichten. Auf Websites zeigt sich das als Absprung ohne Anfrage.
WeiterlesenE
Entscheidungsarchitektur
Entscheidungsarchitektur bezeichnet die bewusste Gestaltung der Situation, in der Menschen zwischen Optionen wählen – auf Websites also Reihenfolge, Gruppierung, Benennung und Hervorhebung von Angeboten. Wie eine Auswahl dargestellt wird, beeinflusst, ob und wie entschieden wird.
WeiterlesenErster Eindruck (Website)
Der erste Eindruck einer Website entsteht in Sekundenbruchteilen und entscheidet darüber, ob ein Besucher bleibt oder abspringt – noch bevor ein einziger Satz gelesen ist. Dieses schnelle Urteil wird unbewusst auf den gesamten Betrieb übertragen.
WeiterlesenF
Farbwahrnehmung
Farbwahrnehmung beschreibt, wie unterschiedlich Menschen Farben sehen. Etwa acht Prozent aller Männer und weniger als ein Prozent aller Frauen haben eine Form der Farbsehschwäche – meist eine Rot-Grün-Verwechslung.
WeiterlesenFokus-Indikator
Der Fokus-Indikator ist das visuelle Signal, das anzeigt, welches Element gerade Tastatur-Fokus hat – meist ein farbiger Outline-Ring um Schaltfläche, Verweis oder Formular-Feld. Er ist verbindliche Grundlage einer barrierefrei bedienbaren Website.
WeiterlesenH
Hauptnavigation
Die Hauptnavigation ist das auf allen Seiten präsente zentrale Menü einer Website. Sie macht die wichtigsten Bereiche mit einem Klick erreichbar, bildet die Struktur des Angebots nach außen ab und gibt Besuchern wie Suchmaschinen ein verlässliches Ordnungssystem.
WeiterlesenHero-Sektion
Die Hero-Sektion ist der oberste Inhaltsbereich einer Webseite, der beim Aufruf als Erstes ins Blickfeld fällt. Sie bündelt Kernbotschaft, Nutzenversprechen und die primäre Handlungsaufforderung – und entscheidet damit wesentlich mit, ob Besucher weiterscrollen oder abspringen.
WeiterlesenK
Kognitive Last
Kognitive Last bezeichnet die mentale Verarbeitungsarbeit, die eine Aufgabe beansprucht – auf Websites also alles, was Besucher lesen, einordnen und im Kopf behalten müssen, um eine Seite zu verstehen. Hohe Last verlangsamt das Verstehen und erhöht die Abbruchwahrscheinlichkeit.
WeiterlesenKontrast-Ratio
Die Kontrast-Ratio ist das Helligkeits-Verhältnis zwischen Vorder- und Hintergrund-Farbe – die zentrale Messgröße für visuelle Lesbarkeit nach den Web Content Accessibility Guidelines (WCAG).
WeiterlesenM
Mediengestaltung
Mediengestaltung ist das gestalterische Handwerk der Medienproduktion – Layout, Satz, Bildbearbeitung und Reinzeichnung – und führt aus, was zuvor konzipiert wurde, als druck- oder webfertige Vorlage.
WeiterlesenMotion-Design
Motion-Design bezeichnet die gezielte Animation von Bedien-Elementen, Übergängen und kleinen Interaktionen innerhalb einer Benutzeroberfläche – mit dem Ziel, Aufmerksamkeit zu lenken, Zustände zu verdeutlichen und die Marken-Tonalität zu transportieren.
WeiterlesenMotion-Graphics
Motion-Graphics sind animierte 2D-Grafiken, in denen Typografie, Formen, Icons und Diagramme bewegt erzählen – die Standard-Form für Erklärvideos, Service-Prozess-Filme und animierte Infografiken.
WeiterlesenP
prefers-color-scheme
prefers-color-scheme ist eine CSS-Media-Query, die das vom Betriebs-System gesetzte Farb-Schema (hell oder dunkel) erkennt. Sie ist die Grundlage für einen automatisch passenden Dunkel-Modus auf Websites – ohne dass Besucher einen Umschalt-Knopf bedienen müssen.
Weiterlesenprefers-reduced-motion
prefers-reduced-motion ist eine CSS-Media-Query, mit der Besucher mit Gleichgewichts-Sensitivität oder Migräne-Veranlagung dem Browser signalisieren können, dass sie weniger Animation wünschen. Websites respektieren diese Einstellung, indem sie aufwändige Bewegung durch flache Übergänge ersetzen.
WeiterlesenS
Scannbarkeit
Scannbarkeit beschreibt die Eigenschaft einer Seite, ihre Kernaussagen beim überfliegenden Lesen preiszugeben – über aussagekräftige Überschriften, kurze Absätze, Listen und sparsame Hervorhebungen. Besucher erfassen den Inhalt, bevor sie sich für das gründliche Lesen entscheiden.
WeiterlesenSelf-Service-Bereich
Ein Self-Service-Bereich ist der Teil einer Website, in dem Besucher Antworten selbst finden – über häufige Fragen, Anleitungen oder Downloads –, ohne persönlich Kontakt aufnehmen zu müssen. Er beantwortet Standardanliegen rund um die Uhr und entlastet damit den persönlichen Kontakt, gerade in Zeiten der Abwesenheit.
WeiterlesenStartseite
Die Startseite ist die zentrale Einstiegs- und Verteilerseite einer Website. Sie beantwortet innerhalb weniger Sekunden, wer hier anbietet, was angeboten wird und für wen es gedacht ist – und führt jeden Besucher zum passenden nächsten Schritt auf einer vertiefenden Unterseite.
WeiterlesenStoryboard
Ein Storyboard ist eine skizzenartige Bild-Sequenz, die jede Szene eines Videos vor der eigentlichen Produktion bildgenau festlegt – Layout, Komposition, Übergänge, Stil und Sprecher-Timing in einer einzigen Ansicht.
WeiterlesenV
Vergleichstabelle
Eine Vergleichstabelle stellt mehrere Leistungen oder Varianten anhand einheitlicher Kriterien nebeneinander – je Spalte ein Angebot, je Zeile ein Merkmal. Unterschiede werden dadurch an einer Stelle prüfbar, ohne dass Besucher mehrere Seiten gegeneinander halten müssen.
WeiterlesenVertrauenssignale
Vertrauenssignale sind sichtbare Elemente einer Website, die Seriosität und Verlässlichkeit belegen – etwa Bewertungen, Referenzen, Zertifikate, echte Ansprechpartner und eine sichere Verbindung. Sie senken die Hürde, mit einem unbekannten Betrieb in Kontakt zu treten.
WeiterlesenVisuelle Hierarchie
Visuelle Hierarchie ist die gestalterische Anordnung von Elementen, die dem Auge eine klare Reihenfolge vorgibt – sodass die wichtigste Botschaft zuerst wahrgenommen wird und untergeordnete Inhalte erkennbar nachgelagert sind.
WeiterlesenVorher-Nachher-Vergleich
Ein Vorher-Nachher-Vergleich stellt den Ausgangszustand und das Ergebnis desselben Motivs einander gegenüber und macht eine erbrachte Leistung unmittelbar sichtbar. Die Wirkung entsteht durch den direkten visuellen Vergleich — vorausgesetzt, beide Aufnahmen zeigen denselben Blickwinkel.
Weiterlesen