Présentation de Block Kit

Objectifs de formation

Une fois cette unité terminée, vous pourrez :

Présenter l’utilité de chaque type de bloc
Décrire ce que sont les éléments de bloc
Expliquer ce que sont les surfaces

Composition du Block Kit

Vous avez créé une application Slack et vous souhaitez maintenant qu’elle propose des interactions incroyables, qui sont attrayantes pour vos utilisateurs et les aident à réaliser leurs tâches. C’est à ce niveau qu’intervient Block Kit.

Block Kit est une infrastructure d’interface utilisateur pour les applications Slack qui peut vous aider à créer des messages plus interactifs et captivants dans Slack. Il offre un équilibre entre contrôle et flexibilité lors de la création d’expériences dans Slack. Vous pouvez personnaliser l’ordre et le rendu des informations et guider les utilisateurs à travers les fonctionnalités de votre application en élaborant, en mettant à jour, en ordonnant et en associant des blocs, qui sont des composants réutilisables fonctionnant presque partout dans Slack.

Dans cette unité, nous vous décrirons les différents blocs réutilisables pouvant vous aider à créer des messages plus pertinents et riches. Nous vous présenterons également les blocs à votre disposition et les emplacements où ils peuvent être employés.

Présentation des types de blocs

Les blocs sont des composants qui peuvent être combinés pour créer des messages interactifs riches et attrayants. Ils se déclinent en de nombreux types différents. Les types de blocs suivants sont généralement appelés blocs de présentation. Ils sont souvent utilisés pour mettre en forme les aspects visuels d’un message ou d’une surface Block Kit. Nous nous intéresserons davantage aux surfaces plus loin dans ce module.

Type de bloc	Fonction	Emplacements où il est disponible
Actions	Contient des éléments interactifs.	Boîtes de dialogue \| Messages \| Onglet Accueil
Contexte	Affiche le contexte d’un message, qui peut comporter à la fois des images et du texte.	Boîtes de dialogue \| Messages \| Onglet Accueil
Séparateur	Sépare différents blocs à l’intérieur d’un message.	Boîtes de dialogue \| Messages \| Onglet Accueil
Fichier	Affiche un fichier distant.	Messages
En-tête	Affiche un bloc de texte brut dans une police plus grande et en gras.	Boîtes de dialogue \| Messages \| Onglet Accueil
Image	Contient des images.	Boîtes de dialogue \| Messages \| Onglet Accueil
Entrée	Collecte des informations auprès des utilisateurs.	Boîtes de dialogue \| Messages \| Onglet Accueil
Section	Combine des éléments de bloc.	Boîtes de dialogue \| Messages \| Onglet Accueil

Maintenant que vous avez compris comment mettre en forme votre message à l’aide de différents types de blocs, vous pouvez faire en sorte que celui-ci propose davantage d’interactivité en employant des éléments de bloc.

Ajout d’éléments de bloc pour renforcer l’interactivité

Les éléments de bloc sont d’autres types de composants visuels qui sont présents dans les blocs de présentation de section, de contexte, de saisie et d’actions. Il s’agit notamment de composants tels que des boutons, des sélecteurs de date, des menus à sélection multiple, des menus de dépassement, des saisies de texte brut, des boutons radio, des cases à cocher, des menus de sélection et des sélecteurs d’heure. Ils peuvent collecter des informations auprès d’un utilisateur, agir comme déclencheurs pour ouvrir un lien ou même lancer un flux de travail complexe.

Surfaces du Block Kit

Considérez les surfaces comme des endroits où vos messages élaborés avec soin peuvent être publiés ou consignés. Parmi les surfaces, on compte les messages, les boîtes de dialogue et l’onglet Accueil de votre application. Presque tous les blocs de présentation peuvent figurer dans ces trois surfaces, à l’exception du bloc de fichier, qui ne peut être présent que dans un message.

Ces différentes surfaces vous permettent d’atteindre les utilisateurs de diverses manières. Les messages et les boîtes de dialogue peuvent être utilisés pour recueillir des commentaires ou assister un utilisateur par le biais d’un flux de travail. L’onglet Accueil peut afficher des données utilisateur uniques ou regrouper des informations auxquelles il est souvent nécessaire de se référer. Toutes ces surfaces constituent des points de contact qui permettent aux utilisateurs d’interagir avec votre application. C’est vous qui déterminez quelles informations et données sont échangées entre vos utilisateurs et votre application.

Une fois que vous avez ajouté un composant interactif à votre application Slack, une toute nouvelle dimension d’interactions déclenchées par l’utilisateur s’ouvre à vous.

Par exemple, vous pouvez rendre très simples les processus d’approbation en faisant en sorte qu’ils ne consistent qu’à examiner les détails d’une demande et à appuyer sur un bouton figurant dans le même message.

Exemple de message d’une application d’approbation affichant la demande, les détails et les options sous forme de bouton permettant de l’approuver ou de la refuser

Vous pouvez également lancer un sondage pour planifier un déjeuner qui répertorie les différents restaurants proposés, le nombre de votes émis pour chacun d’entre eux et qui donne la possibilité d’en suggérer un autre.

Exemple de message d’une application de sondages, proposant de voter pour un restaurant de sushis, de hamburgers ou de nouilles, ou d’ajouter une suggestion.

Vous venez de découvrir les différents blocs de présentation et éléments de bloc. Dans l’unité suivante, vous apprendrez à élaborer des messages à l’aide de Block Kit Builder. Nous vous présenterons également un aperçu de la manière dont ces messages communiquent entre eux au sein de Slack.