這篇文章是為 Slack 平台部落格而寫的。 讀取原始條目 這裡。

Guru 的 Slack 整合 開始於機器人的初期，當時的體驗主要是基於文字，隨著 Slack 引入更多功能——例如互動訊息和應用程式操作，功能逐漸增強。 我們立即看到了 Block Kit 的優勢，這是一個機會，可以建立我們用戶所期望的深度和豐富的體驗，並具備更熟悉的 UI/UX 模式和互動內容。 然而，我們並未預料到 Block Kit 將改變我們的開發和設計團隊的協作方式。

打造更好的入職體驗

我們 首次應用 Block Kit 來重新設計我們應用程式的幫助選單。 之前，當用戶啟動時，幫助選單會用一整牆的資訊文字來迎接他們。 這些文字不僅難以掃描，還要求用戶輸入指令才能完成任何操作。 應用程序的入職過程對我們的用戶至關重要，我們使用 Block Kit 完全重新構想了這個體驗——主要有兩個關鍵方向：

• 透過使用分隔符，我們通過將相似內容分組來美化這整面資訊牆——使其更易於消化和閱讀。
• 內嵌的按鈕和溢出選單實現了一種互動的、以行動為導向的入職體驗。 現在用戶不需要輸入鍵命令；他們可以簡單地選擇按鈕並迅速採取行動。

幫助選單只是 Block Kit 提升 Guru 應用程式體驗的一個地方。 活動回饋介面的內嵌按鈕將行動呼籲更接近相應資訊。 溢出選單現在隱藏不常使用的行動，幫助用戶專注於優先資訊。 我們只剛觸及表面——仍有無數方法可以讓 Block Kit 使應用程式更具互動性。

講同一種語言

在 Guru，跨越所有介面（網頁應用程式、瀏覽器擴充和 Slack 應用程式）建立一致的體驗可能具有挑戰性。 雖然設計和開發團隊不懈努力以確保我們用戶的無縫體驗，但這是一個需要大量來回的協作過程。 過去，我們的設計團隊（通常不習慣於在 Slack 上構建）以空白畫布開始，並不可避免地遇到技術限制——尤其是在他們的設計轉換到開發時，需求大量迭代才最終確定最終設計。

無論多麼低效，這個過程是大多數開發人員都熟悉的。 雖然我們期待使用 Block Kit 建設更豐富、更具互動性的體驗，但我們未預見到 Block Kit Builder 將如何大幅轉變設計與開發之間的夥伴關係。 Block Kit Builder 是一個視覺原型沙盒，允許您選擇、堆疊和自定義任何可用區塊。

對於 Guru 而言，Block Kit Builder 彌補了設計和工程之間的鴻溝，使我們的設計師能夠輕鬆原型創建他們理想的用戶體驗，同時生成開發所需的確切 JSON，便於實施他們的構想。 我們的設計團隊不再需要從空白畫板開始，詢問：我可以把這個按鈕放在哪裡？ 或者 我使用什麼文字？ 現在，創建佈局、分享 URL，然後反復迭代變得如此簡單。

Block Kit Builder 也作為開發的工具來調試麻煩的 JSON。 如果應用消息未正確顯示，我們只需將代碼粘貼到構建器中，便能立即識別問題。

效率的巔峰

Block Kit 和 Block Kit Builder 的結合為應用程序用戶和 Guru 團隊提供了更高效的體驗。 Block Kit 不僅為我們提供了一個構建獨特應用 UI 的新框架，還為我們提供了對資訊的順序和佈局的靈活性和控制。 現在使用 Guru 應用程式比以往任何時候都更輕鬆；而且更新的幫助選單能迅速讓用戶上手。

好奇嗎？ 查看 Guru 剛更新的支持 Block Kit 的應用程序，在 Slack 應用目錄找到它 slack.com/apps。