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.
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.
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
Self-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.
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
Vertrauenssignale
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