25 Begriffe im Digital Design

Dein Nachschlagewerk für die digitale Designwelt

In der Welt des digitalen Designs gibt es viele Fachbegriffe und Abkürzungen, die häufig verwendet werden. Um dir einen Überblick zu verschaffen, haben wir die 25 wichtigsten Begriffe und Abkürzungen zusammengefasst – alphabetisch geordnet und leicht verständlich erklärt. Dieses Glossar bietet dir eine schnelle Orientierung und hilft dir, dich im Digital Design besser zurechtzufinden.

‍

A/B-Test

Ein A/B-Test vergleicht zwei Versionen eines Designs oder einer Benutzeroberfläche, um herauszufinden, welche besser funktioniert. Dabei wird eine Version (A) mit einer leicht veränderten Version (B) an eine Testgruppe ausgespielt, um die effektivere Variante zu ermitteln.

API (Application Programming Interface)

Eine API ist eine Schnittstelle, die es verschiedenen Softwareanwendungen ermöglicht, miteinander zu kommunizieren. Im Digital Design wird eine API oft genutzt, um Daten vom Backend an das Frontend zu übertragen.

Animation

Eine Animation ist eine visuelle Bewegung oder Transformation, die in einem digitalen Design verwendet wird, um Benutzeraktionen oder Systemereignisse darzustellen. Sie verbessert das Nutzererlebnis, indem sie Interaktionen verständlicher macht.

Backend

Das Backend bezeichnet den Teil einer Website oder Anwendung, der für die Datenverarbeitung, Geschäftslogik und Serverkommunikation zuständig ist. Nutzer haben keinen direkten Zugriff darauf; es läuft hinter den Kulissen.

Breakpoint

Ein Breakpoint ist ein Punkt in einem Responsive Design, bei dem sich das Layout der Seite basierend auf der Bildschirmgröße des Geräts ändert. Typische Breakpoints sind 320px (Smartphone), 768px (Tablet) und 1024px (Desktop).

Branding

Branding bezieht sich auf die visuelle und kommunikative Identität einer Marke. Es umfasst Logos, Farben, Schriftarten und den allgemeinen Stil, der eine Marke für die Nutzer erkennbar und einzigartig macht

CMS (Content Management System)

Ein Content Management System ermöglicht es, Inhalte einer Website zu erstellen, zu verwalten und zu ändern, ohne dass umfassende Programmierkenntnisse erforderlich sind. Beliebte CMS sind WordPress, Drupal und Webflow.

CTA (Call to Action)

Ein CTA ist eine Schaltfläche oder ein Text, der den Benutzer dazu auffordert, eine bestimmte Aktion durchzuführen, z.B. „Jetzt kaufen“, „Anmelden“ oder „Mehr erfahren“. CTAs sind entscheidend für die Conversion Rate einer Website.

Conversion Rate

Die Conversion Rate gibt an, wie viele Nutzer auf einer Website eine gewünschte Aktion (z.B. einen Kauf oder eine Anmeldung) durchführen, im Verhältnis zur Gesamtzahl der Besucher. Eine hohe Conversion Rate ist das Ziel jeder Website.

CSS (Cascading Style Sheets)

CSS ist eine Stylesheet-Sprache, die verwendet wird, um das Layout und Design von Websites zu gestalten. Es steuert die Farben, Schriftarten, Abstände und die Anordnung der Elemente auf einer Seite.

Design System

Ein Design System ist eine Sammlung von Richtlinien, Komponenten und Vorlagen, die bei der Entwicklung eines einheitlichen digitalen Produkts verwendet werden. Es sorgt für Konsistenz im Design und erleichtert die Zusammenarbeit zwischen Designern und Entwicklern.

Double Diamond

Das Double Diamond Modell ist eine Methode im Designprozess, die sich in zwei Phasen teilt: Problemerkennung und Problemlösung. Jede Phase besteht aus einer Divergenz (Ideen sammeln) und einer Konvergenz (Ideen fokussieren).

Figma

Figma ist ein webbasiertes Design- und Prototyping-Tool, das für die Erstellung von Benutzeroberflächen und interaktiven Prototypen verwendet wird. Es ermöglicht die Zusammenarbeit in Echtzeit und wird häufig in UX/UI-Teams genutzt.

Flat Design

Flat Design ist ein minimalistischer Designstil, der auf dreidimensionale Effekte wie Schatten und Verläufe verzichtet. Es setzt auf klare Linien, einfache Formen und kräftige Farben, um eine saubere und benutzerfreundliche Oberfläche zu schaffen.

Frontend

Das Frontend ist der sichtbare Teil einer Website oder App, mit dem die Nutzer direkt interagieren. Es umfasst das Layout, die Benutzeroberfläche und die Interaktionslogik und wird hauptsächlich mit HTML, CSS und JavaScript erstellt.

Grid System

Ein Grid System ist ein Layout-Raster, das in der Webentwicklung verwendet wird, um Inhalte auf einer Seite geordnet anzuordnen. Es hilft dabei, ein symmetrisches und ausgewogenes Design zu erstellen.

HTML (Hypertext Markup Language)

HTML ist die grundlegende Auszeichnungssprache, die verwendet wird, um den Inhalt und die Struktur von Webseiten zu erstellen. Es beschreibt Elemente wie Überschriften, Absätze, Links und Bilder.

IA (Informationsarchitektur)

Die Informationsarchitektur beschreibt, wie Inhalte auf einer Website oder in einer Anwendung organisiert und strukturiert werden. Ziel ist es, dass Nutzer die benötigten Informationen schnell und einfach finden können.

Interaction Design (IX)

Interaction Design konzentriert sich auf die Gestaltung der Interaktionen zwischen Nutzern und digitalen Produkten. Ziel ist es, die Bedienung so intuitiv und benutzerfreundlich wie möglich zu gestalten

Landing Page

Eine Landing Page ist eine speziell gestaltete Webseite, die auf eine bestimmte Conversion abzielt, wie z.B. das Anmelden zu einem Newsletter oder den Kauf eines Produkts. Sie ist oft das erste, was ein Nutzer sieht, nachdem er auf eine Anzeige oder einen Link geklickt hat.

Microcopy

Microcopy bezieht sich auf kurze Textfragmente, die den Nutzern helfen, bestimmte Aufgaben zu erledigen, wie Fehlermeldungen, Button-Texte oder Anweisungen in Formularen. Gute Microcopy kann die Benutzererfahrung erheblich verbessern.

Mobile First Design

Mobile First Design ist eine Designstrategie, bei der Websites und Apps zunächst für mobile Geräte entwickelt werden und anschließend für größere Bildschirme erweitert werden. Diese Methode stellt sicher, dass das Design auf Smartphones und Tablets optimal funktioniert

Prototyping

Prototyping ist der Prozess des Erstellens von funktionalen Modellen oder Entwürfen, die es ermöglichen, eine Idee oder ein Design zu testen und zu verbessern, bevor es vollständig entwickelt wird.

Persona

Eine Persona ist ein fiktives, aber repräsentatives Profil eines typischen Nutzers. Sie hilft Designern, sich besser in die Bedürfnisse und Verhaltensweisen der Nutzer hineinzudenken und dementsprechend das Produkt zu gestalten.

Pixel Perfect

Pixel Perfect Design bedeutet, dass jedes Designelement auf einer Website oder App exakt und präzise auf den Bildschirm abgestimmt ist, sodass es unabhängig von der Bildschirmgröße oder dem Gerät optimal angezeigt wird.

Responsive Design

Responsive Design bedeutet, dass sich das Layout und Design einer Website an verschiedene Bildschirmgrößen und Geräte anpasst, um eine optimale Nutzererfahrung zu gewährleisten.

UI (User Interface)

User Interface bezeichnet die visuelle Gestaltung und Anordnung der Bedienelemente einer Website oder App. Es umfasst Buttons, Icons, Textfelder und alle anderen Elemente, die zur Interaktion verwendet werden.

UX (User Experience)

User Experience beschreibt das Gesamterlebnis eines Nutzers bei der Interaktion mit einem digitalen Produkt. Es geht darum, wie intuitiv, effektiv und angenehm die Nutzung des Produkts ist.

Wireframe

Ein Wireframe ist eine einfache visuelle Darstellung des Layouts einer Webseite oder App. Es zeigt die grundlegende Struktur und Anordnung der Elemente, ohne sich auf das visuelle Design zu konzentrieren.

WCAG (Web Content Accessibility Guidelines)

Die WCAG sind Richtlinien, die sicherstellen, dass Websites und digitale Produkte barrierefrei für alle Nutzer sind, einschließlich Menschen mit Behinderungen. Sie legen Standards für Zugänglichkeit fest.

‍

Fazit

Dieses Glossar bietet dir einen umfassenden Überblick über die wichtigsten Begriffe und Abkürzungen im Digital Design. Von API über Conversion Rate bis zu Wireframes – mit diesen Begriffen bist du bestens gerüstet, um in der digitalen Welt mitreden zu können.