Themes

Der Nutzer ist unser Maßstab. Wir personalisieren Services, um jedem Kunden ein optimales Nutzererlebnis zu bieten, das auf seine Bedürfnisse angepasst ist. Um auch Interfaces entlang des Nutzerverhaltens zu gestalten, werden Themes verwendet. Themes sind eine Kombination von Designelementen, wie Farben oder Typografie, die die Visualität von Interfaces bestimmen. Audi nutzt ein Dark und ein Light Theme.

Einsatz der Themes

In der Steuerung der Audi Themes wird zwischen Markenkommunikation und Funktion unterschieden.

Markenkommunikation

In der direkten Kommunikation mit Nutzern, beispielsweise über Audi Produkte, wird die Marke in den Fokus gesetzt. Hier steuert Audi den Einsatz der Themes und damit das Erscheinungsbild.

Es wird primär das Light Theme verwendet. Es können jedoch auch Elemente im Dark Theme eingebunden werden, um gezielt Kontraste und Emotionen durch ein Zusammenspiel von hell und dunkel zu schaffen.

Funktion

Wird das Medium zum Tool, und die Funktionalität steht im Fokus (wie beispielsweise bei der myAudi App), rückt die Marke in den Hintergrund, um jedem Kunden ein angepasstes Nutzererlebnis zu bieten. So kann der Nutzer individuell nach seinen Präferenzen, Gewohnheiten und Bedürfnissen zwischen Light und Dark Theme wechseln. Als Standardeinstellung wird das Audi Light Theme verwendet.

Elevations

Elevations geben dem Interface ein Gefühl von Dreidimensionalität und Tiefe. Sie schaffen klare Hierarchien und helfen dem Nutzer bei der Orientierung. Durch sie wird bei beiden Themes ein kontrastreiches Erscheinungsbild erzeugt. Sowohl das Dark Theme als auch das Light Theme zeichnen sich durch eine reduzierte Farbpalette aus.

Farben

Um ein barrierefreies Nutzererlebnis zu schaffen, sind für Signal- und Ladefarben die Farbwerte auf das jeweilige Theme optimiert. Das progressive Rot kommt innerhalb der UI-Komponenten nicht zum Einsatz und bleibt bei einem Themingwechsel unverändert.

Illustrationen

Illustrationen werden in zwei unterschiedlichen Versionen in den Themes verwendet. Innerhalb des Dark Themes erscheinen Illustrationen mit geringerem Weißanteil als im Light Theme, um sich harmonisch ihrer Umgebung anzupassen.