La contribution de Slack à la création d’une meilleure interface de collaboration

(Cet article est sponsorisé.) Au cours des dernières années, le mode de fonctionnement des entreprises a considérablement évolué. À mesure que de plus en plus d’entreprises deviennent indépendantes des sites, les outils de collaboration sont devenus le moyen habituel de réunion et de travail des équipes.

Cela dit, le fait que nous ayons des applications de collaboration qui intègrent nos processus et outils d’entreprise connectés ne signifie l'expérience conduit toujours à une efficacité ou une productivité optimale. Pourquoi?

C’est pourquoi, aujourd’hui, je vais parler de Block Kit la contribution de Slack à la création d’une meilleure interface de collaboration.

Pour ceux de vous qui avez créé une application Slack personnalisée (pour le répertoire de l'application ou à des fins internes), ceci sera votre introduction au nouvel outil de conception. Pour ceux d’entre vous qui ne le font pas, ça va. Il existe de précieux enseignements à tirer de ce qui constitue un espace de travail attrayant qui améliorera la collaboration.

Développeurs, savez-vous sur quoi Slack a travaillé?

Slack a a énormément progressé depuis son lancement en 2013. Ce qui a commencé à l’origine comme une application de messagerie s’est transformé en une plate-forme de collaboration puissante. plus précisément dans plus de 150 pays)

Ce ne sont pas que des individus qui utilisent Slack: près de 585 000 équipes de trois personnes ou plus collaborent au sein de la plateforme. 65 entreprises du groupe Fortune 100 sont également sur Slack.

Tout cela grâce à l’API Slack qui a ouvert la voie aux développeurs pour la création et la publication d’applications accessibles au public qui étendent les fonctionnalités des espaces de travail Slack.

Ainsi, les utilisateurs de Slack n'ont pas à rebondir entre leurs outils professionnels les plus couramment utilisés. Les processus associés peuvent tous se dérouler à l’intérieur de Slack.

Toutefois, les éléments disponibles dans le répertoire des applications Slack ne suffisent tout simplement pas aux besoins de votre organisation en interne. Vous pourrez peut-être combler certaines des divisions entre vos outils professionnels et ce qui s'y trouve, mais vous pourrez également trouver une raison de créer vos propres applications Slack personnalisées.

Présentation du kit de blocs de Slack

Voici la chose:

Jusqu'à récemment, l'API et le répertoire d'applications de Slack n'offraient qu'une flexibilité et un contrôle limités. Comme le Brian Elliott directeur général de la plate-forme, a expliqué:

«Aujourd'hui, toutes les applications sont contraintes à un ensemble limité de façons d'afficher des informations riches. Si vous avez regardé, vu et utilisé toutes les applications différentes de Slack, nombre d’entre elles se retrouvent avec la même présentation, quelle que soit la fonctionnalité qu’elles tentent de déployer. Alors qu'en réalité, vous avez besoin d'un ensemble de composants vous permettant de créer de riches affichages interactifs qui sont plus faciles à comprendre, à digérer et à utiliser. ”

Slack a donc développé Block Kit . [19659005] Block Kit est une infrastructure d’interface utilisateur qui permet aux développeurs, aux concepteurs et aux constructeurs frontaux d’afficher leurs applications de messagerie via une interface utilisateur riche, interactive et intuitive. De plus, en fournissant un ensemble d'éléments ou de blocs d'interface utilisateur empilables, Block Kit offre désormais aux développeurs davantage de contrôle et de flexibilité sur les conceptions et les dispositions de leurs applications.

Note : Si vous le souhaitez voir Block Kit en action, rejoignez la session Slack à venir, « Construire avec Block Kit », où vous pourrez assister à une démonstration en direct du produit et constater à quel point il est facile de personnaliser le design de votre application.

Le kit de blocs est livré avec deux composants clés:

1. Constructeur de kits de blocs

Notez la similitude entre cet outil de construction et de nombreux autres outils utilisés pour créer des sites Web et des applications pour les clients:

Les composants de construction sont à gauche. Il vous suffit de cliquer sur celle que vous souhaitez inclure et de la regarder s'ajouter à l'aperçu de votre application au centre.

Voulez-vous personnaliser davantage? Découvrez l'éditeur de texte à droite. Alors que Block Kit fournit des éléments prédéfinis qui respectent les meilleures pratiques en matière de conception d'applications de messagerie, vous pouvez les personnaliser si vous préférez.

2. Modèles de kit de blocs

Bien que vous puissiez certainement créer vous-même une interface de messagerie à partir du générateur, je vous conseillerais également d'explorer les modèles fournis:

L'équipe Slack a déjà été témoin de cas très utiles d'applications Slack en action. Inutile de dire qu'ils savent ce que votre organisation voudra peut-être exploiter pour améliorer la collaboration.

C'est pourquoi vous trouverez des actions communes telles que celles décrites ci-dessous:

• Examen des demandes d'approbation
• Actions sur les nouvelles notifications;
• Réalisation des sondages et suivi des résultats;
• Réalisation d'une recherche.

Guru est l'un de ces outils qui a permis à Block Kit d'améliorer son application Slack:

. Guru fournit une fonction de recherche de base de données dans Slack. Les résultats sont maintenant rapidement récupérés et plus clairement affichés sur le front-end de Slack.

Les clés pour construire une meilleure interface utilisateur de collaboration

Maintenant que nous avons vu ce qui allait arriver avec Block Kit, nous devons parler de la façon dont cela va vous aider à créer des applications permettant une collaboration plus productive.

Blocks

J'ai récemment parlé du sujet de Gutenberg et de la façon dont les concepteurs peuvent l'utiliser à leur avantage. . Bien que le nouvel éditeur WordPress ait clairement ses défauts, on ne peut s'interroger sur les raisons pour lesquelles l'équipe de WordPress a apporté ce changement:

Les constructeurs de blocs sont l'avenir de la conception Web.

Les constructeurs de blocs ont tendance à être l'outil préféré des concepteurs Web et des utilisateurs de bricolage. Les constructeurs permettent une conception visuelle frontale et incluent souvent de nombreuses options de personnalisation.

Mais Block Kit fait bien plus que cela, ce qui signifie que les concepteurs et peuvent créer facilement des applications personnalisées.

Code [19659036] Le facteur de différenciation essentiel entre un constructeur de site Web et un constructeur de blocs est l'aspect codage.

Dans la plupart des cas, les concepteurs utilisent des générateurs de page pour ne pas avoir à se soucier de code. Ils peuvent ajouter des classes CSS personnalisées ou du code HTML à leur texte, mais c’est généralement le cas.

Block Kit comprend un panneau avec JSON pré-écrit que les développeurs peuvent copier-coller dans leur propre application Slack une fois qu’elle est prête à fonctionner. Plutôt que de laisser les développeurs écrire leur propre code, Slack fournit un code qui utilise les meilleures pratiques en matière de rapidité et de conception.

Cela permet aux développeurs de se concentrer sur la personnalisation au lieu de devoir créer leurs applications à partir de la base.

Cohérence

Lorsque les utilisateurs de Slack entrent dans la plate-forme, ils savent à quoi s'attendre. Chaque interface est identique d’un espace de travail à l’autre.

Cependant, lorsqu’une API permet aux développeurs de créer des applications qui s’intègrent à ces espaces, il existe un risque d’introduction d’éléments qui ne tiennent pas bien la page. Lorsque cela se produit, l'imprévisibilité de l'interface peut créer de la confusion et de l'hésitation pour l'utilisateur final. Des choix de mise en page mal adaptés peuvent également nuire à l'expérience.

Block Kit permet aux développeurs de créer des applications avec des composants d'interface utilisateur empilables qui ont été essayés et testés. Lorsque vous personnalisez une expérience au sein d’une plate-forme déjà établie, il peut être difficile de savoir jusqu’où vous pouvez aller – ou même si cela fonctionnera. Slack a enlevé ces questions de l'équation.

Spacing

Voici à quoi ressemble l'échange Slack traditionnel:

Il s'agit en général d'un échange à une colonne et en va-et-vient. Et cela fonctionne parfaitement pour les canaux Slack où la collaboration est simple. Message des employés sur le statut d'une tâche. Un client télécharge un actif manquant. Le PDG partage un lien vers un communiqué de presse mentionnant la société. Mais tous les espaces de travail ne sont pas si simples.

Block Kit vous aide à maximiser et à optimiser l’espace occupé par les fonctionnalités de votre application. Par exemple, Block Kit permet à des sociétés comme Optimizely d'afficher des informations pertinentes au format deux colonnes pour une meilleure lisibilité.

C'est en effet un meilleur moyen de partager des détails pertinents dans l'application Slack de votre équipe.

Rich Interactions

Another Pour élever votre application, l’intégration est transformée en une intégration riche en interactions.

Les blocs ont été spécialement développés pour améliorer les éléments les plus couramment utilisés dans la collaboration Slack. Par exemple:

• Utilisez le bloc Sectionnel pour une meilleure organisation.
• Utilisez le bloc Texte pour personnaliser l'affichage des messages.
• Utilisez une taille appropriée Image bloque afin que vous puissiez cesser de vous demander si elles s'afficheront correctement.
• Utilisez des blocs Context pour afficher des signatures ou un contexte supplémentaire à propos des messages (tels que l'auteur, les commentaires, les modifications, etc.) [19659042] Utilisez des blocs Divider pour améliorer l'apparence de l'application
• Utilisez des blocs Action tels que la sélection de menus, la sélection de boutons et les dates du calendrier pour apporter de meilleures fonctionnalités à votre application et les rendre afficher plus intuitivement.
• Utilisez des blocs en deux sections pour des présentations plus propres

Doodle offre un bel exemple de ce qui peut être fait avec des interactions riches en utilisant Block Kit:

As On peut voir, les utilisateurs peuvent travailler ensemble pour planifier des réunions aussi efficacement que s’ils étaient en utilisant un calendrier tiers. La seule différence est qu'ils peuvent maintenant faire tout cela dans leur espace de travail Slack.

Enveloppant

La collaboration est un élément essentiel du succès de toute organisation, et peu importe qu'il s'agisse d'une équipe de 3 personnes ou d'une équipe. sur 300. Mais il existe une grande différence entre travailler ensemble et de manière productive en collaboration .

Grâce à l’API de Slack, les développeurs ont créé de superbes moyens d’intégrer des processus et des outils connexes à la plate-forme. Et grâce à Block Kit, ces contributions externes ne perturberont pas l'expérience si la conception des éléments est insuffisante.

Avec des capacités intuitives de création de blocs, des options de codage conviviales pour les développeurs et bien plus encore, Block Kit va aider les développeurs à expériences plus riches et meilleure collaboration avec la plate-forme Slack

Une dernière chose à mentionner:

La conférence Slack's Frontiers se prépare bientôt. Ce sera à San Francisco les 24 et 25 avril. Si vous prévoyez y assister, notez que la piste des développeurs inclura une journée complète de formation sur Block Kit y compris des ateliers, de nouvelles démonstrations de fonctionnalités et des didacticiels. , ainsi que le mentorat individuel. Si vous songez à Block Kit, c’est une occasion à ne pas manquer.

(ms, ra, il)