Die einzelnen Bestandteile von Block-Kit
Lernziele
Nachdem Sie diese Lektion abgeschlossen haben, sind Sie in der Lage, die folgenden Aufgaben auszuführen:
- Erklären des Verwendungszwecks der einzelnen Blocktypen
- Erläutern, was Blockelemente sind
- Beschreiben, was Oberflächen sind
Die einzelnen Bestandteile des Block-Kits
Sie haben eine Slack-App erstellt und möchten jetzt damit exzellente Interaktionen ermöglichen, die Ihre Benutzer gerne einsetzen, um sich ihre Aufgaben zu erleichtern. Hier kommt das Block-Kit ins Spiel.
Das Block-Kit ist ein UI-Framework für Slack-Apps, mit dem Sie ansprechendere Nachrichten mit mehr Interaktivität in Slack erstellen können. Es bietet gleichermaßen Kontrolle und Flexibilität beim Erstellen von Erfahrungen in Slack. Sie können die Reihenfolge und Darstellung von Informationen anpassen und Benutzer durch die Möglichkeiten Ihrer App leiten, indem Sie Blöcke – wiederverwendbare Komponenten, die fast überall in Slack eingesetzt werden können – zusammenstellen, aktualisieren sowie in Sequenzen oder Stapeln organisieren.
In dieser Lektion befassen wir uns mit den verschiedenen wiederverwendbaren Blöcken, mit denen Sie aussagekräftigere, umfassendere Nachrichten erstellen können. Außerdem lernen Sie, welche Blöcke zur Verfügung stehen und wo sie eingesetzt werden können.
Die verschiedenen Blocktypen
Blöcke sind Komponenten, die Sie kombinieren werden können, um visuell umfangreiche, ansprechende interaktive Nachrichten zu erstellen. Es gibt viele verschiedene Arten von Blöcken. Die folgenden Blocktypen werden meist als Layoutblöcke bezeichnet. Sie werden in der Regel zum Formatieren der visuellen Aspekte einer Block-Kit-Nachricht oder -Oberfläche verwendet. Mit dem Thema Oberflächen befassen wir uns in diesem Modul später noch eingehender.
| Blocktyp | Funktion | Verwendbar in |
|---|---|---|
|
Actions-Block |
enthält interaktive Elemente |
Modale Fenster | Nachrichten | Registerkarte "Home" |
|
Context-Block |
zeigt Nachrichtenkontext an, der sowohl Bilder als auch Text umfassen kann |
Modale Fenster | Nachrichten | Registerkarte "Home" |
|
Divider-Block |
trennt verschiedene Blöcke in einer Nachricht |
Modale Fenster | Nachrichten | Registerkarte "Home" |
|
File-Block |
zeigt eine Remote-Datei an |
Nachrichten |
|
Header-Block |
zeigt einen Klartextblock in einer größeren, fett formatierten Schriftart an |
Modale Fenster | Nachrichten | Registerkarte "Home" |
|
Image-Block |
enthält Bilder |
Modale Fenster | Nachrichten | Registerkarte "Home" |
|
Input-Block |
sammelt Informationen von Benutzern |
Modale Fenster | Nachrichten | Registerkarte "Home" |
|
Section-Block |
kombiniert Blockelemente |
Modale Fenster | Nachrichten | Registerkarte "Home" |
Nachdem Sie nun wissen, wie Sie das Layout einer Nachricht mit verschiedenen Blocktypen gestalten können, möchten wir Ihnen Möglichkeiten vorstellen, mit denen Sie die Interaktivität Ihrer Nachricht mithilfe von Blockelementen verbessern können.
Hinzufügen von Blockelementen für mehr Interaktivität
Blockelemente sind andere Arten visueller Komponenten, in Section-, Context-, Input- und Actions-Layoutblöcken. Zu ihnen zählen Komponenten wie Schaltflächen, Datumsauswahlen, Mehrfachauswahl-Menüs, Überlaufmenüs, Klartexteingaben, Optionsfelder, Kontrollkästchen, ausgewählte Menüs und Uhrzeitauswahlen. Sie können Informationen von einem Benutzer sammeln, Auslöser zum Öffnen eines Links sein oder sogar komplexe Workflows starten.
Block-Kit-Oberflächen
Stellen Sie sich Oberflächen als Orte vor, an denen Sie Ihre robusten Nachrichten posten oder platzieren können. Oberflächen sind Nachrichten, modale Fenster und die Registerkarte “Home” Ihrer App. Fast alle Layoutblöcke können in allen drei Oberflächen platziert werden. Einzige Ausnahme ist der File-Block: Er kann nur in einer Nachricht platziert werden.
Diese Oberflächen ermöglichen Ihnen, den Benutzer auf verschiedene Art und Weise zu erreichen. Nachrichten und modale Fenster können verwendet werden, um Feedback einzuholen oder einen Benutzer durch einen Workflow zu leiten. Die Registerkarte “Home” kann zur Anzeige eindeutiger Benutzerdaten oder als Dreh- und Angelpunkt für Informationen genutzt werden, auf die häufig zurückgegriffen werden muss. Alle diese Oberflächen sind Berührungspunkte, über die Benutzer mit Ihrer App interagieren können. Sie steuern, welche Informationen und Daten zwischen Ihrem Benutzer und Ihrer App ausgetauscht werden.
Sobald Sie eine interaktive Komponente zu Ihrer Slack-App hinzugefügt haben, eröffnet dies neue Möglichkeiten für die vom Benutzer ausgelöste Interaktion.
Sie können beispielsweise Genehmigungen so gestalten, dass man nur die Anfragedetails anzeigen muss und innerhalb derselben Nachricht auf eine Schaltfläche klickt.
Sie können auch eine Abstimmung für die Mittagspause aufsetzen, in der die vorgeschlagenen Restaurants, die jeweils dafür abgegebenen Stimmen und eine Schaltfläche zur Angabe einer Alternative angezeigt werden.
Sie haben jetzt die verschiedenen Layoutblöcke und Blockelemente kennengelernt. In der nächsten Lektion befassen wir uns damit, Nachrichten mit dem Block-Kit-Builder zu verfassen. Außerdem sehen wir uns an, wie diese Nachrichten in Slack kommunizieren.