Questo post è stato scritto per il Blog della Piattaforma Slack. Leggi l'originale qui.

L'integrazione Slack di Guru è iniziata nei primi giorni dei bot, dove l'esperienza era per lo più testuale, ed è cresciuta in funzionalità man mano che Slack ha introdotto più funzionalità — come messaggi interattivi e azioni delle app. Abbiamo subito visto i benefici di Block Kit, un'opportunità per costruire esperienze profonde e ricche che i nostri utenti si aspettano, con modelli UI/UX più familiari e contenuti interattivi. Ciò che non ci aspettavamo, tuttavia, era come Block Kit avrebbe cambiato il modo in cui i nostri team di sviluppo e design collaborano.

Costruire un'esperienza di onboarding migliore

Abbiamo applicato per la prima volta Block Kit per ristrutturare il menu di aiuto della nostra app. In precedenza, quando un utente iniziava, il menu di aiuto lo accoglieva con una parete di testo informativo. Non solo questo testo era difficile da scansionare, ma richiedeva all'utente di digitare comandi per realizzare qualcosa. L'onboarding dell'app è fondamentale per i nostri utenti, e abbiamo utilizzato Block Kit per reinventare completamente l'esperienza — in due modi chiave:

• Grazie all'uso di divisori, abbiamo stilizzato quella parete di testo informativo raggruppando contenuti simili — rendendolo più digeribile e più facile da leggere.
• Bottoni inline e menu a discesa hanno abilitato un'esperienza di onboarding interattiva e orientata all'azione. Ora gli utenti non hanno bisogno di digitare comandi chiave; possono semplicemente selezionare un pulsante e agire rapidamente.

Il menu di aiuto era solo un posto in cui Block Kit eleva l'esperienza dell'app Guru. I bottoni inline nell'interfaccia del feed delle attività avvicinano l'invito all'azione alle informazioni corrispondenti. I menu a discesa nascondono ora le azioni che vengono utilizzate meno frequentemente e aiutano l'utente a concentrarsi sulle informazioni prioritarie. Abbiamo solo graffiato la superficie — ci sono ancora innumerevoli modi in cui Block Kit può rendere le app più interattive.

Parlare la stessa lingua

In Guru, costruire esperienze coerenti attraverso tutte le interfacce (app web, estensione del browser e app Slack) può essere una sfida. Mentre design e sviluppo lavorano instancabilmente per garantire esperienze senza soluzione di continuità per i nostri utenti, è un processo collaborativo con molte interazioni. In precedenza, il nostro team di design (generalmente non abituato a lavorare su Slack) iniziava con una tela vuota e inevitabilmente si trovava di fronte a limitazioni tecniche — soprattutto mentre i loro design si trasformavano in sviluppo, richiedendo molte iterazioni prima di arrivare a un design finale.

Quanto fosse inefficiente, questo processo è uno che la maggior parte degli sviluppatori conosce. Mentre ci aspettavamo di costruire esperienze più ricche e interattive utilizzando Block Kit, non prevedevamo quanto il Block Kit Builder avrebbe trasformato la partnership tra design e sviluppo. Il Block Kit Builder è un sandbox di prototipazione visiva che consente di selezionare, impilare e personalizzare qualsiasi block disponibile.

Per Guru, il Block Kit Builder colma il divario tra design e ingegneria — consentendo ai nostri designer di prototipare facilmente la loro esperienza utente ideale, producendo al contempo il JSON esatto necessario per lo sviluppo per implementare la loro visione. Il nostro team di design non ha più bisogno di partire da una tela bianca, chiedendosi: Dove posso mettere questo pulsante? o Quale testo devo usare? Ora è facile come creare il layout, condividere l'URL e poi iterare avanti e indietro.

Il Block Kit Builder funge anche da strumento per lo sviluppo per eseguire il debug del JSON problematico. Se un messaggio dell'app non viene visualizzato correttamente, incolliamo semplicemente il codice nel builder e possiamo identificare istantaneamente il problema.

Efficienza al suo meglio

La combinazione di Block Kit e Block Kit Builder ha portato a un'esperienza più efficiente sia per gli utenti dell'app che per il team di Guru. Block Kit non solo ci fornisce un nuovo framework per costruire interfacce uniche per le app, ma ci offre anche la flessibilità e il controllo sull'ordine e il layout delle informazioni. Ora è più facile che mai utilizzare l'app Guru; inoltre il menu di aiuto aggiornato fa partire gli utenti in un batter d'occhio.

Curioso? Controlla l'app di Guru appena aggiornata e abilitata da Block Kit nel Catalogo delle App Slack a slack.com/apps.