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.
WeiterlesenAutovervollständigung
Die Autovervollständigung ist die Funktion des Browsers oder Betriebssystems, die hinterlegte Kontaktdaten des Nutzers in passende Formularfelder überträgt, sofern jedes Feld maschinenlesbar mitteilt, welche Angabe es aufnimmt.
WeiterlesenE
Eingabemodus
Der Eingabemodus ist eine Angabe am Formularfeld, die dem Browser auf dem Smartphone sagt, welche Bildschirmtastatur er für dieses Feld öffnen soll, zum Beispiel den Ziffernblock bei Postleitzahlen oder die Belegung mit dem @ bei Mailadressen.
WeiterlesenEntscheidungsarchitektur
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.
WeiterlesenFeldprüfung
Die Feldprüfung ist die Kontrolle einer Formulareingabe in dem Moment, in dem der Besucher das Feld verlässt, mit einer Meldung direkt unter dem Feld, die den Fehler beim Namen nennt und das erwartete Format zeigt.
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.
WeiterlesenFormularabbruch
Der Formularabbruch bezeichnet den Fall, dass ein Besucher ein Formular zu bearbeiten beginnt und es nicht absendet; die Abbruchquote misst den Anteil dieser Besucher und lässt sich je Feld bestimmen, um die Stelle des Ausstiegs zu finden.
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.
WeiterlesenHeatmap
Eine Heatmap ist eine farbige Auswertungsgrafik über dem Abbild einer Webseite: Sie färbt jede Stelle danach ein, wie häufig dort geklickt, bis dorthin gescrollt oder die Maus bewegt wurde; intensiv genutzte Zonen erscheinen warm, unbeachtete kalt.
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
Pflichtfeld
Ein Pflichtfeld ist ein Formularfeld, ohne dessen Eingabe das Formular nicht abgeschickt werden kann; welche Felder Pflicht sind, wird aus dem Zweck des Formulars abgeleitet, weil jede Pflichtangabe Besucher ausschließt, die sie gerade nicht machen können oder wollen.
Weiterlesenprefers-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.
WeiterlesenU
Usability
Usability beschreibt, wie einfach und effizient eine Person eine Website oder Anwendung tatsächlich nutzen kann, um ein bestimmtes Ziel zu erreichen – mess- und beobachtbar in Erfolgsquote, Bearbeitungs-Dauer, Klick-Anzahl und subjektiver Zufriedenheit.
WeiterlesenUX-Audit
Ein UX-Audit ist die systematische Prüfung der Benutzerführung einer Website anhand von Verhaltensdaten und fachlicher Durchsicht, mit festgelegtem Umfang, benannten Messgrößen und einem Bericht, der jeden Befund mit einer Maßnahme verbindet.
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