Bu yazı Slack Platform Blog'u için yazılmıştır. Orijinal girişi oku buradan.

Guru’nun Slack entegrasyonu botların ilk günlerinde başlamıştı, bu dönemde deneyim genellikle metin tabanlıydı ve Slack daha fazla özellik ekledikçe işlevselliği arttı - etkileşimli mesajlar ve uygulama eylemleri gibi. Hızla Block Kit'in faydalarını gördük, kullanıcılarımızın beklentilerini karşılamak için derin, zengin deneyimler oluşturma fırsatımız oldu, daha tanıdık UI/UX, desenler ve etkileşimli içerik ile. Ancak beklemediğimiz şey, Block Kit'in geliştirme ve tasarım ekiplerimizin iş birliği yapma şeklini nasıl değiştireceğiydi.

Daha iyi bir işe alım deneyimi oluşturmak

Biz ilk olarak Block Kit'i uygulamamızın yardım menüsünü yeniden düzenlemeye uyguladık. Daha önce, bir kullanıcı işe başlarken, yardım menüsü onları bilgilendirici metinle karşılıyordu. Bu metin sadece taraması zor olmakla kalmıyor, aynı zamanda bir şeyler başarmak için kullanıcının komut yazmasını gerektiriyordu. Uygulama işe alımı kullanıcılarımız için kritik öneme sahip ve Block Kit'i deneyimi tamamen yeniden tasarlamak için kullandık - iki önemli şekilde:

• Bölücülerin kullanımıyla, o bilgilendirici metni benzer içerikleri gruplayarak daha okunaklı ve sindirilebilir hale getirdik.
• Satır içi butonlar ve taşma menüleri, etkileşimli, eyleme odaklı bir işe alım deneyimi sağladı. Artık kullanıcıların anahtar komutlar yazmasına gerek yok; sadece butonu seçip hızlıca harekete geçebiliyorlar.

Yardım menüsü, Block Kit'in Guru uygulama deneyimini yükselttiği tek yer değildi. Etkinlik akışı arayüzündeki satır içi butonlar, eyleme çağrıyı ilgili bilgilere daha yakın hale getirir. Taşma menüleri artık daha az sıklıkla kullanılan eylemleri gizler ve kullanıcının öncelikli bilgilere odaklanmasına yardımcı olur. Sadece yüzeyine değindik - Block Kit'in uygulamaları daha etkileşimli hale getirmenin hala sayısız yolu var.

Aynı dili konuşmak

Guru'da, tüm arayüzlerde (web uygulaması, tarayıcı uzantısı ve Slack uygulaması) tutarlı deneyimler oluşturmak zorlayıcı olabilir. Tasarım ve geliştirme ekipleri kullanıcılarımız için sorunsuz deneyimleri sağlamak amacıyla durmaksızın çalışsalar da, bu, sürekli bir geri dönüş süreçleri gerektiren iş birliği sürecidir. Daha önce, tasarım takımımız (genellikle Slack üzerinde çalışmaya alışık değildir) boş bir tuvalle başladı ve kaçınılmaz olarak teknik sınırlamalarla karşılaştı - özellikle tasarımları geliştirmeye geçerken, nihai tasarıma ulaşmadan önce birçok yineleme gerektirdi.

Etkisiz olsa da, bu süreç çoğu geliştiricinin aşina olduğu bir süreç. Block Kit ile daha zengin, daha etkileşimli deneyimler oluşturmayı beklerken, Block Kit Builder'ın tasarım ve geliştirme iş birliğini ne kadar dönüştüreceğini öngörememiştik. Block Kit Builder, herhangi bir mevcut bloğu seçme, üst üste koyma ve özelleştirme olanağı sunan bir görsel prototip oluşturma alanıdır.

Guru için Block Kit Builder, tasarım ve mühendislik arasındaki uçurumu kapatır - tasarımcılarımızın ideal kullanıcı deneyimini kolayca prototip oluşturmasına olanak tanırken, geliştirme için gerekli olan tam JSON'u üretir. Tasarım takımımız artık boş bir sayfadan başlamalarına gerek yok, soruyorlar: Bu butonu nereye koyabilirim? veya Hangi metni kullanmalıyım? Artık layout'u oluşturmak, URL’yi paylaşmak ve ardından sürekli geri dönüşlerde bulunmak kadar kolay.

Block Kit Builder ayrıca geliştirme için sorunlu JSON'u ayıklamak amacıyla bir araç işlevi görür. Bir uygulama mesajı doğru görüntülenmiyorsa, kodu yapıcıya yapıştırıyoruz ve sorunu anında tespit edebiliyoruz.

Verimlilik en üst düzeyde

Block Kit ve Block Kit Builder'ın birleşimi, hem uygulama kullanıcıları hem de Guru ekipleri için daha verimli bir deneyim sağladı. Block Kit yalnızca bize benzersiz uygulama arayüzü oluşturmak için yeni bir çerçeve sağlamakla kalmaz, aynı zamanda bilgilendirme sırasını ve düzenini kontrol etme esnekliğini de verir. Artık Guru uygulamasını kullanmak her zamankinden daha kolay; bu arada güncellenmiş yardım menüsü, kullanıcıları hızlıca harekete geçiriyor.

Meraklı mısınız? Guru'nun yeni güncellenmiş Block Kit destekli uygulamasını Slack Uygulama Kataloğu’nda kontrol edin slack.com/apps.