Reichhaltiges, interaktives Messaging ersetzt Freitext-Aufforderungen durch strukturierte UI: Rich Cards und Karussells präsentieren Medien mit Aktionen, Antwortvorschläge und Schnellantwort-Buttons bieten antippbare Auswahlmöglichkeiten, und eine Listenauswahl präsentiert ein Menü. RCS (über RBM) und WhatsApp unterstützen dies beide mit unterschiedlichen Payloads und Limits, sodass Sender auf die strengeren Beschränkungen hin gestalten und Text-Fallbacks bereitstellen.
Vom Freitext zur strukturierten Interaktion
Der Wert reichhaltiger Kanäle gegenüber SMS liegt nicht nur in Medien — er liegt in strukturierter Interaktion. Statt einen Kunden aufzufordern, "1 für Verfolgen, 2 für Support" zu tippen, präsentiert eine interaktive Nachricht antippbare Elemente: Karten, die Bild, Titel, Beschreibung und Buttons kombinieren; Antwortvorschläge, die eine vordefinierte Antwort senden; und Auswahlelemente, die ein begrenztes Menü bieten. Jeder Tap liefert einen maschinenlesbaren Wert (eine Postback-Zeichenfolge, eine Button-ID) statt Freitext, sodass die Logik des Senders deterministisch verzweigt, statt natürliche Sprache zu parsen. Sowohl RCS Business Messaging als auch die WhatsApp Business Platform bieten diese Elemente, mit unterschiedlichen Namen, Payload-Formen und Limits — die Gestaltungsarbeit besteht also darin, eine Interaktion im Vokabular und in den Beschränkungen jeder Plattform auszudrücken.
| Element | RCS (RBM) | |
|---|---|---|
| Einzelne Rich Card | Eigenständige Rich-Card | Medien-Header + interaktiver Body |
| Horizontaler Kartensatz | Rich-Card-Karussell | Produktliste / Mehrfachproduktliste (Handel) |
| Schnelle Auswahl per Fingertipp | Vorgeschlagene Antwort | Interaktive Antwort-Buttons |
| Aktion (Wählen/URL/usw.) | Vorgeschlagene Aktion | URL / Call-to-Action-Schaltfläche |
| Menü mit Optionen | (Vorschläge) | Listennachricht (List Picker) |
Rich Cards und Karussells
Eine Rich Card bündelt ein Medienelement (Bild oder Video), einen Titel, eine Beschreibung und eine Reihe von Vorschlägen zu einer visuell prominenten Nachricht — ideal für eine Bestellzusammenfassung, ein Produkt oder eine Buchung mit einem klaren Call-to-Action. Ein Karussell ist eine horizontal scrollbare Reihe von Rich Cards, genutzt, um einen kleinen Katalog von Optionen (einige Produkte, eine Auswahl an Terminen) in einer einzelnen Nachricht zu präsentieren. In RBM trägt eine eigenständige Rich Card eine Medienhöhe, einen Titel, eine Beschreibung und eigene Vorschläge; ein Karussell umfasst mehrere solcher Karten mit einer Kartenbreite. WhatsApp drückt vergleichbare Reichhaltigkeit über Medien-Header mit interaktiven Bodys und, für den Handel, über Produkt- und Multi-Produkt-Nachrichten aus. Kartenanzahl, Bildgrößen und Textlängen sind je Plattform begrenzt, sodass ein Karussell auf das kleinere der beiden Limits hin gestaltet wird.
{
"contentMessage": {
"richCard": {
"standaloneCard": {
"cardOrientation": "VERTICAL",
"cardContent": {
"title": "Order #4021",
"description": "Arriving Friday. Track or change delivery.",
"media": { "height": "MEDIUM",
"contentInfo": { "fileUrl": "https://brand.example/pkg.jpg" } },
"suggestions": [
{ "reply": { "text": "Track", "postbackData": "track_4021" } },
{ "action": { "text": "Reschedule", "postbackData": "resched_4021",
"openUrlAction": { "url": "https://brand.example/r/4021" } } }
]
}
}
}
}
}Antwortvorschläge, Aktionen und Schnellantwort-Buttons
Das einfachste interaktive Element ist ein antippbarer Chip. In RCS sind dies Vorschläge zweier Arten: Ein Antwortvorschlag sendet vordefinierten Text mit seinen Postback-Daten an den Agenten zurück, und ein Aktionsvorschlag führt eine Geräteaktion aus — eine Nummer wählen, eine URL öffnen, die Karte öffnen, einen Kalendereintrag erstellen, den Standort anfordern. Das WhatsApp-Äquivalent für eine einfache Nachricht sind interaktive Antwort-Buttons: bis zu drei Schnellantwort-Buttons, deren Tap eine Button-ID zurückliefert, plus URL- und Anruf-Buttons für Aktionen. Beide Plattformen begrenzen Anzahl und Beschriftungslänge dieser Chips (RCS-Vorschläge und WhatsApps Drei-Button-Limit), sodass eine Interaktion mit mehr als wenigen Auswahlmöglichkeiten stattdessen eine Listenauswahl nutzen muss.
{
"messaging_product": "whatsapp",
"to": "15551234567",
"type": "interactive",
"interactive": {
"type": "button",
"body": { "text": "Your order #4021 has shipped. What next?" },
"action": { "buttons": [
{ "type": "reply", "reply": { "id": "track_4021", "title": "Track" } },
{ "type": "reply", "reply": { "id": "resched_4021", "title": "Reschedule" } },
{ "type": "reply", "reply": { "id": "support", "title": "Help" } }
] }
}
}Listenauswahl für größere Auswahlmengen
Wenn es mehr Optionen gibt, als einige Buttons fassen können, präsentiert eine Listenauswahl ein scrollbares Menü. Die WhatsApp-Listennachricht zeigt einen Button, der eine Liste von Zeilen öffnet, gruppiert in Abschnitte, wobei jede Zeile einen Titel, eine optionale Beschreibung und eine bei Auswahl zurückgelieferte ID trägt — geeignet für ein Menü aus Diensten, Zeitfenstern oder FAQ-Themen, das das Drei-Button-Limit übersteigen würde. RCS präsentiert größere Auswahlmengen über mehrere Vorschläge oder ein Kartenkarussell statt über ein einzelnes natives Listen-Widget, sodass ein kanalübergreifendes Design "eines aus vielen wählen" auf WhatsApp auf eine WhatsApp-Liste und auf RCS auf ein Karussell oder eine Vorschlagsmenge abbildet. Das Interaktionsergebnis ist in beiden dasselbe: eine einzelne ausgewählte ID, auf die die Logik des Senders reagiert.
{
"type": "interactive",
"interactive": {
"type": "list",
"body": { "text": "Choose an appointment time" },
"action": {
"button": "View times",
"sections": [
{ "title": "Friday", "rows": [
{ "id": "fri_0900", "title": "09:00" },
{ "id": "fri_1330", "title": "13:30" } ] },
{ "title": "Saturday", "rows": [
{ "id": "sat_1000", "title": "10:00" } ] }
]
}
}
}UX- und Barrierefreiheitshinweise
Interaktives Messaging hilft nur, wenn es graziös degradiert und für alle nutzbar bleibt. Da reichhaltiger Inhalt nicht universell erreichbar ist, sollte jede interaktive Nachricht einen aussagekräftigen Textkörper tragen, damit sie noch Sinn ergibt, wenn sie auf SMS zurückfällt oder auf einem Client rendert, der das Widget nicht anzeigen kann — die Buttons mögen verschwinden, aber die Nachricht darf nicht bedeutungslos werden. Halten Sie Button- und Zeilenbeschriftungen kurz, eindeutig und handlungsorientiert ("Verfolgen", nicht "Hier klicken"), da lange Beschriftungen abgeschnitten werden und vage Screenreader scheitern lassen. Respektieren Sie die Limits jeder Plattform (WhatsApps drei Antwort-Buttons, Listenzeilen-Limits; RCS-Vorschlagsanzahl), statt zu versuchen, sie zu überschreiten. Stellen Sie Alt-/beschreibenden Text für Medien bereit, wo die Plattform es unterstützt, verlassen Sie sich nicht allein auf Farbe oder Bild zur Bedeutungsvermittlung, und stellen Sie sicher, dass jede von einem Button ausgelöste Aktion auch anderweitig erreichbar ist — sodass die Interaktion bequem ist, nicht der einzige Weg.
| Richtlinie | Warum |
|---|---|
| Fügen Sie immer einen Textkörper hinzu | Bleibt beim Fallback auf SMS und bei Clients ohne Rich-Funktionen erhalten |
| Kurze, handlungsorientierte Beschriftungen | Kürzung und Verständlichkeit für Screenreader |
| Innerhalb der Plattform-Limits bleiben | Schaltflächen/Zeilen, die das Limit überschreiten, werden abgelehnt |
| Verlassen Sie sich nicht allein auf Farbe/Bild | Barrierefreiheit für Sehbehinderte und Fallback |
| Für jede Aktion einen alternativen Pfad bereitstellen | Interaktion ist eine Erleichterung, nicht der einzige Weg |
Häufig gestellte Fragen
Was ist eine Rich Card?
Eine Rich Card ist eine strukturierte Nachricht, die ein Medienelement (Bild oder Video), einen Titel, eine Beschreibung und eine Reihe antippbarer Vorschläge oder Buttons zu einer prominenten Nachricht bündelt — für eine Bestellzusammenfassung, ein Produkt oder eine Buchung. RCS nennt sie eine eigenständige Rich Card; WhatsApp erreicht vergleichbare Reichhaltigkeit mit einem Medien-Header und interaktivem Body.
Was ist ein Karussell?
Ein Karussell ist eine horizontal scrollbare Reihe von Rich Cards, präsentiert in einer einzelnen Nachricht, genutzt, um eine kleine Menge von Optionen wie einige Produkte oder Termine zu zeigen. In RBM umfasst es mehrere Rich Cards; WhatsApp drückt ähnliche mehrteilige Reichhaltigkeit über Produkt- und Multi-Produkt-Handelsnachrichten aus. Kartenanzahl und -größen sind je Plattform begrenzt.
Was ist der Unterschied zwischen einem Antwortvorschlag und einem Aktionsvorschlag?
In RCS sendet ein Antwortvorschlag vordefinierten Text mit Postback-Daten an den Agenten zurück, sodass der Nutzer eine vorgefertigte Antwort wählt. Ein Aktionsvorschlag führt stattdessen eine Geräteaktion aus — eine Nummer wählen, eine URL öffnen, die Karte öffnen, einen Kalendereintrag erstellen oder den Standort teilen. Die WhatsApp-Äquivalente sind Antwort-Buttons und URL-/Anruf-Buttons.
Wann sollte ich eine Listenauswahl statt Buttons nutzen?
Wenn es mehr Auswahlmöglichkeiten gibt, als einige Buttons fassen können. WhatsApp begrenzt interaktive Antwort-Buttons auf drei, sodass ein Menü aus Diensten, Zeitfenstern oder Themen eine Listennachricht nutzen sollte — einen Button, der gruppierte, scrollbare Zeilen öffnet, wobei jede bei Auswahl eine ID zurückliefert. Auf RCS bildet sich dieselbe Idee auf mehrere Vorschläge oder ein Karussell ab.
Wie viele Buttons kann eine interaktive WhatsApp-Nachricht haben?
Eine interaktive WhatsApp-Nachricht unterstützt bis zu drei Schnellantwort-Buttons, von denen jeder beim Antippen eine Button-ID zurückliefert. Für mehr Optionen nutzen Sie eine Listennachricht (Listenauswahl), die gruppierte Zeilen hinter einem einzelnen Button präsentiert. Das Überschreiten des Button-Limits führt zur Ablehnung der Nachricht, sodass größere Auswahlmengen eine Liste nutzen müssen.
Wie halte ich interaktive Nachrichten barrierefrei?
Fügen Sie stets einen aussagekräftigen Textkörper hinzu, damit die Nachricht das Fallback auf SMS und nicht-reichhaltige Clients übersteht; halten Sie Beschriftungen kurz und handlungsorientiert; bleiben Sie innerhalb der Button- und Zeilen-Limits jeder Plattform; verlassen Sie sich nicht allein auf Farbe oder Bild zur Bedeutungsvermittlung; stellen Sie Medien-Alt-Text bereit, wo unterstützt; und stellen Sie sicher, dass jede Button-Aktion auch anderweitig erreichbar ist.
Quellenspezifikationen
Diese Seite basiert auf den veröffentlichten Standards. (Wird in einem neuen Tab geöffnet.)