Ce post a été écrit pour le blog de la plateforme Slack. Lisez l'entrée originale ici.

L’intégration Slack de Guru a débuté dans les premiers jours des bots, où l'expérience était principalement basée sur du texte, et a évolué en fonctionnalités à mesure que Slack a introduit plus de fonctionnalités — comme des messages interactifs et des actions d'application. Nous avons immédiatement constaté les avantages de Block Kit, une opportunité de créer des expériences profondes et riches que nos utilisateurs ont appris à attendre, avec des modèles UI/UX plus familiers et un contenu interactif. Ce à quoi nous ne nous attendions pas, cependant, c'était que Block Kit changerait la façon dont nos équipes de développement et de conception collaborent.

Créer une meilleure expérience d'intégration

Nous avons d'abord appliqué Block Kit pour refondre le menu d'aide de notre application. Auparavant, lorsque l'utilisateur commençait, le menu d'aide les accueillait avec un mur de texte informatif. Non seulement ce texte était difficile à scanner, mais il nécessitait que l'utilisateur saisisse des commandes pour accomplir quoi que ce soit. L'intégration des applications est cruciale pour nos utilisateurs, et nous avons utilisé Block Kit pour repenser complètement l'expérience — de deux manières clés :

• Grâce à l'utilisation de séparateurs, nous avons stylisé ce mur de texte informatif en regroupant du contenu similaire — le rendant plus compréhensible et plus facile à lire.
• Des boutons en ligne et des menus contextuels ont permis une expérience d'intégration interactive et orientée vers l'action. Maintenant, les utilisateurs n'ont plus besoin de taper des commandes clés; ils peuvent simplement sélectionner un bouton et agir rapidement.

Le menu d'aide n'était qu'un endroit où Block Kit élève l'expérience de l'application Guru. Les boutons en ligne dans l'interface de fil d'activité rapprochent l'appel à l'action des informations correspondantes. Les menus contextuels cachent maintenant les actions moins fréquemment utilisées et aident l'utilisateur à se concentrer sur les informations prioritaires. Nous n'avons encore gratté que la surface — il existe encore d'innombrables façons dont Block Kit peut rendre les applications plus interactives.

Parler le même langage

Chez Guru, créer des expériences cohérentes sur toutes les interfaces (application web, extension de navigateur et application Slack) peut être difficile. Alors que la conception et le développement travaillent sans relâche pour garantir des expériences fluides pour nos utilisateurs, c'est un processus collaboratif avec de nombreux allers-retours. Auparavant, notre équipe de conception (généralement peu habituée à construire sur Slack) a commencé avec une toile vierge et a inévitablement rencontré des limitations techniques — en particulier lorsque leurs conceptions sont passées au développement, nécessitant de nombreuses itérations avant d'aboutir à un design final.

Aussi inefficace soit-il, ce processus est familier à la plupart des développeurs. Alors que nous nous attendions à créer des expériences plus riches et plus interactives avec Block Kit, nous n’avions pas prévu à quel point le Block Kit Builder transformerait le partenariat entre la conception et le développement. Le Block Kit Builder est un bac à sable de prototypage visuel qui vous permet de sélectionner, empiler et personnaliser tout bloc disponible.

Pour Guru, le Block Kit Builder comble le fossé entre la conception et l'ingénierie — permettant à nos concepteurs de prototyper facilement leur expérience utilisateur idéale, tout en produisant le JSON exact nécessaire au développement pour mettre en œuvre leur vision. Notre équipe de conception n'a plus besoin de partir d'une page blanche, en demandant : Où puis-je mettre ce bouton ? ou Quel texte dois-je utiliser ? Maintenant, c'est aussi simple que de créer la mise en page, de partager l'URL, puis d'itérer des allers-retours.

Le Block Kit Builder sert également d'outil pour le développement afin de déboguer le JSON problématique. Si un message d'application ne s'affiche pas correctement, il suffit de coller le code dans le constructeur et de pouvoir identifier instantanément le problème.

Efficacité à son meilleur

La combinaison de Block Kit et du Block Kit Builder a abouti à une expérience plus efficace tant pour les utilisateurs de l'application que pour l'équipe Guru. Block Kit nous offre non seulement un nouveau cadre pour construire une interface unique d'application, mais nous donne également la flexibilité et le contrôle sur l'ordre et la mise en page des informations. Maintenant, il est plus facile que jamais d'utiliser l'application Guru; de plus, le menu d'aide mis à jour permet aux utilisateurs de se lancer rapidement.

Curieux ? Découvrez l'application mise à jour de Guru, activée par Block Kit, dans le répertoire des applications Slack à slack.com/apps.