Banner

hero

Übersicht

Mit Bannern können Sie spezielle App-Erlebnisse, neue Funktionen oder wichtige Nachrichten präsentieren. Sie sind zwar funktional mit Standardzeilen vergleichbar, heben sich aber durch anpassbare Hintergrundfüllungen visuell ab und werden immer von den umgebenden Inhalten getrennt.

Komposition

Das Banner-Element ist so konzipiert, dass es schnell erfasst werden kann. Es besteht aus vier Komponenten, von denen zwei erforderlich sind:

  • Führendes Bild oder Symbol (erforderlich)
  • Primärer Text: Titel und Untertitel (erforderlich)
  • Sekundärer Text (optional)
  • Nachfolgendes Bild oder Symbol (optional)
hero

1. Führendes Bild

2. Primärer Text

3. Sekundärer Text (optional)

4. Nachfolgendes Element (optional)

UX-Anforderungen

Damit alle Apps ein einheitliches und sicheres Nutzererlebnis bieten, müssen Sie die folgenden Designanforderungen erfüllen:

Anforderungsstufe

Inhalt

MUSS

Pro Abschnitt darf nur ein Banner angezeigt werden. Banner müssen in einem eigenen Abschnitt platziert werden, der keine anderen Komponententypen enthält.

SOLLTE

Verwenden Sie benutzerdefinierte Hintergrundfüllungen, Akzentfarben für Schaltflächen und unterschiedliche Eckradien, um Banner von Standardzeilen mit Inhalten zu trennen.

SOLLTE

Platzieren Sie Bannerabschnitte nicht direkt nebeneinander, damit sie visuell hervorgehoben werden.