The Expected (and Unexpected) Benefits of Building with Block Kit
Block Kit baru Slack telah menghasilkan pengalaman yang lebih efisien bagi pengguna aplikasi Guru dan tim Guru. Sekarang, lebih mudah dari sebelumnya untuk menggunakan aplikasi Guru untuk Slack. Cari tahu bagaimana tim kami di Guru memanfaatkan penawaran Block Kit dari Slack.
Postingan ini ditulis untuk Blog Platform Slack. Baca entri asli di sini.
Integrasi Slack Guru dimulai pada masa-masa awal bot, di mana pengalaman sebagian besar berbasis teks, dan telah berkembang dalam fungsionalitas seiring dengan diperkenalkannya lebih banyak fitur oleh Slack — seperti pesan interaktif dan tindakan aplikasi. Kami segera melihat manfaat dari Block Kit, sebuah kesempatan untuk membangun pengalaman yang dalam dan kaya yang diharapkan pengguna kami, dengan pola UI/UX yang lebih familiar dan konten interaktif. Namun, yang tidak kami ekspektasikan adalah bagaimana Block Kit akan mengubah cara kolaborasi tim pengembangan dan desain kami.
Membangun pengalaman onboarding yang lebih baik
Kami pertama kali menerapkan Block Kit untuk merombak menu bantuan aplikasi kami. Sebelumnya, ketika pengguna memulai, menu bantuan akan menyambut mereka dengan dinding teks informasi. Tidak hanya teks ini sulit untuk dipindai, tetapi juga membutuhkan pengguna untuk mengetik perintah untuk melakukan apapun. Onboarding aplikasi sangat penting bagi pengguna kami, dan kami menggunakan Block Kit untuk sepenuhnya membayangkan kembali pengalaman — dalam dua cara kunci:
Melalui penggunaan pemisah, kami menata dinding teks informasi itu dengan mengelompokkan konten yang serupa — membuatnya lebih mudah dicerna dan lebih mudah dibaca.
Tombol inline dan menu overflow memungkinkan pengalaman onboarding yang interaktif dan berorientasi pada tindakan. Sekarang pengguna tidak perlu lagi mengetik perintah kunci; mereka cukup memilih tombol dan mengambil tindakan dengan cepat.
Menu bantuan hanyalah satu tempat di mana Block Kit meningkatkan pengalaman aplikasi Guru. Tombol inline di antarmuka kegiatan membawa ajakan bertindak lebih dekat ke informasi terkait. Menu overflow sekarang menyembunyikan tindakan yang kurang sering digunakan, dan membantu pengguna fokus pada informasi prioritas. Kami baru saja menggores permukaan — masih ada banyak cara di mana Block Kit dapat membuat aplikasi lebih interaktif.
Berbicara dalam bahasa yang sama
Di Guru, membangun pengalaman yang konsisten di semua antarmuka (aplikasi web, ekstensi browser, dan aplikasi Slack) bisa jadi menantang. Sementara tim desain dan pengembangan bekerja tanpa lelah untuk memastikan pengalaman yang mulus bagi pengguna kami, itu adalah proses kolaboratif dengan banyak bolak-balik. Sebelumnya, tim desain kami (umumnya tidak terbiasa membangun di Slack) mulai dari kanvas kosong dan akhirnya menghadapi batasan teknis — terutama saat desain mereka beralih ke pengembangan, yang membutuhkan banyak iterasi sebelum sampai pada desain akhir.
Namun, betapa tidak efisiennya, proses ini adalah sesuatu yang paling banyak pengembang kenal. Sementara kami mengharapkan untuk membangun pengalaman yang lebih kaya dan interaktif menggunakan Block Kit, kami tidak mengantisipasi seberapa banyak Block Kit Builder akan mengubah kemitraan antara desain dan pengembangan. Block Kit Builder adalah ruang prototyping visual yang memungkinkan Anda memilih, menumpuk, dan menyesuaikan blok yang tersedia.
Bagi Guru, Block Kit Builder menjembatani kesenjangan desain dan rekayasa — memungkinkan desainer kami untuk dengan mudah membuat prototipe pengalaman pengguna ideal mereka, sementara juga menghasilkan JSON yang tepat yang dibutuhkan untuk pengembangan agar dapat mengimplementasikan visi mereka. Tim desain kami tidak lagi perlu mulai dari nol, bertanya: Di mana saya bisa meletakkan tombol ini? atau Teks apa yang saya gunakan? Sekarang semudah membuat tata letak, membagikan URL, lalu beriterasi bolak-balik.
Block Kit Builder juga berfungsi sebagai alat bagi pengembangan untuk melakukan debug pada JSON yang bermasalah. Jika pesan aplikasi tidak dirender dengan benar, kami cukup menempelkan kode tersebut ke builder dan dapat segera mengidentifikasi masalahnya.
Efisiensi pada tingkat terbaiknya
Kombinasi Block Kit dan Block Kit Builder telah menghasilkan pengalaman yang lebih efisien untuk pengguna aplikasi dan tim Guru. Block Kit tidak hanya memberikan kami kerangka kerja baru untuk membangun UI aplikasi yang unik, tetapi juga memberi kami fleksibilitas dan kontrol atas urutan dan tata letak informasi. Sekarang lebih mudah dari sebelumnya untuk menggunakan aplikasi Guru; ditambah menu bantuan yang diperbarui membuat pengguna siap dan berjalan dalam sekejap.
Penasaran? Lihat aplikasi Guru yang baru diperbarui dengan fitur Block Kit di Direktori Aplikasi Slack di slack.com/apps.
Postingan ini ditulis untuk Blog Platform Slack. Baca entri asli di sini.
Integrasi Slack Guru dimulai pada masa-masa awal bot, di mana pengalaman sebagian besar berbasis teks, dan telah berkembang dalam fungsionalitas seiring dengan diperkenalkannya lebih banyak fitur oleh Slack — seperti pesan interaktif dan tindakan aplikasi. Kami segera melihat manfaat dari Block Kit, sebuah kesempatan untuk membangun pengalaman yang dalam dan kaya yang diharapkan pengguna kami, dengan pola UI/UX yang lebih familiar dan konten interaktif. Namun, yang tidak kami ekspektasikan adalah bagaimana Block Kit akan mengubah cara kolaborasi tim pengembangan dan desain kami.
Membangun pengalaman onboarding yang lebih baik
Kami pertama kali menerapkan Block Kit untuk merombak menu bantuan aplikasi kami. Sebelumnya, ketika pengguna memulai, menu bantuan akan menyambut mereka dengan dinding teks informasi. Tidak hanya teks ini sulit untuk dipindai, tetapi juga membutuhkan pengguna untuk mengetik perintah untuk melakukan apapun. Onboarding aplikasi sangat penting bagi pengguna kami, dan kami menggunakan Block Kit untuk sepenuhnya membayangkan kembali pengalaman — dalam dua cara kunci:
Melalui penggunaan pemisah, kami menata dinding teks informasi itu dengan mengelompokkan konten yang serupa — membuatnya lebih mudah dicerna dan lebih mudah dibaca.
Tombol inline dan menu overflow memungkinkan pengalaman onboarding yang interaktif dan berorientasi pada tindakan. Sekarang pengguna tidak perlu lagi mengetik perintah kunci; mereka cukup memilih tombol dan mengambil tindakan dengan cepat.
Menu bantuan hanyalah satu tempat di mana Block Kit meningkatkan pengalaman aplikasi Guru. Tombol inline di antarmuka kegiatan membawa ajakan bertindak lebih dekat ke informasi terkait. Menu overflow sekarang menyembunyikan tindakan yang kurang sering digunakan, dan membantu pengguna fokus pada informasi prioritas. Kami baru saja menggores permukaan — masih ada banyak cara di mana Block Kit dapat membuat aplikasi lebih interaktif.
Berbicara dalam bahasa yang sama
Di Guru, membangun pengalaman yang konsisten di semua antarmuka (aplikasi web, ekstensi browser, dan aplikasi Slack) bisa jadi menantang. Sementara tim desain dan pengembangan bekerja tanpa lelah untuk memastikan pengalaman yang mulus bagi pengguna kami, itu adalah proses kolaboratif dengan banyak bolak-balik. Sebelumnya, tim desain kami (umumnya tidak terbiasa membangun di Slack) mulai dari kanvas kosong dan akhirnya menghadapi batasan teknis — terutama saat desain mereka beralih ke pengembangan, yang membutuhkan banyak iterasi sebelum sampai pada desain akhir.
Namun, betapa tidak efisiennya, proses ini adalah sesuatu yang paling banyak pengembang kenal. Sementara kami mengharapkan untuk membangun pengalaman yang lebih kaya dan interaktif menggunakan Block Kit, kami tidak mengantisipasi seberapa banyak Block Kit Builder akan mengubah kemitraan antara desain dan pengembangan. Block Kit Builder adalah ruang prototyping visual yang memungkinkan Anda memilih, menumpuk, dan menyesuaikan blok yang tersedia.
Bagi Guru, Block Kit Builder menjembatani kesenjangan desain dan rekayasa — memungkinkan desainer kami untuk dengan mudah membuat prototipe pengalaman pengguna ideal mereka, sementara juga menghasilkan JSON yang tepat yang dibutuhkan untuk pengembangan agar dapat mengimplementasikan visi mereka. Tim desain kami tidak lagi perlu mulai dari nol, bertanya: Di mana saya bisa meletakkan tombol ini? atau Teks apa yang saya gunakan? Sekarang semudah membuat tata letak, membagikan URL, lalu beriterasi bolak-balik.
Block Kit Builder juga berfungsi sebagai alat bagi pengembangan untuk melakukan debug pada JSON yang bermasalah. Jika pesan aplikasi tidak dirender dengan benar, kami cukup menempelkan kode tersebut ke builder dan dapat segera mengidentifikasi masalahnya.
Efisiensi pada tingkat terbaiknya
Kombinasi Block Kit dan Block Kit Builder telah menghasilkan pengalaman yang lebih efisien untuk pengguna aplikasi dan tim Guru. Block Kit tidak hanya memberikan kami kerangka kerja baru untuk membangun UI aplikasi yang unik, tetapi juga memberi kami fleksibilitas dan kontrol atas urutan dan tata letak informasi. Sekarang lebih mudah dari sebelumnya untuk menggunakan aplikasi Guru; ditambah menu bantuan yang diperbarui membuat pengguna siap dan berjalan dalam sekejap.
Penasaran? Lihat aplikasi Guru yang baru diperbarui dengan fitur Block Kit di Direktori Aplikasi Slack di slack.com/apps.
Alami kekuatan platform Guru secara langsung - ikuti tur produk interaktif kami
