Guru X Slack: With Block Kit, Company Knowledge is Beautiful

私たちは、SlackのBlock Kitとモーダルを使用して、より良く、そしてより美しいエンドツーエンドGuru Slack体験をデザインしたことを発表できることを嬉しく思います。
Table of Contents

Guruでは、私たちの顧客はSlackで過ごしているため、私たちが素晴らしいGuru体験をSlackで作成することを確実にしたいと思うのも当然です。in Slack。 Slackが今年の初めにBlock Kitを導入したとき、私たちは発売パートナーとして非常に喜びました。 私たちはそれを使用してSlackbotでのGuruヘルプセンターをよりリッチでインタラクティブな体験にすることができました。 今日は、Block Kitのモーダルでのビルディングの容易さを活用して、より良く、そしてより美しい、エンドツーエンドのGuru Slack体験をデザインしたことを発表できることを嬉しく思います。

guru-slack-block-kit-modals-featured.jpg

GuruのSlackbotを騒がしさを減らし、より有用にする

最近まで、あなたのGuru体験はSlackでこのようなものでした:

guru-before-slack-block-kit-with-modals.png

カードのタイトル、コンテンツ、信頼ステータスを見ることができましたが、インライン画像や組織情報(どのコレクションに属しているかなど)は表示されませんでした。 大きなテキストブロックはSlackウィンドウに多くのスペースを占め、チャンネルが実際よりも騒々しく見えることがありました。 Block Kitを使用して、この問題を解決しました。

新しい体験では、展開されたカードは今や一目でタイトル、コレクション、信頼ステータスを表示し、画像を含むカードの完全な内容をワンクリックで開くことができます。

blogasset_screenshot.png
expanded-guru-card-slack-block-kit-modals.png

このデザインの利点は次の通りです:

  • カードに画像を表示する能力。 モーダルでカードを開くことで、画像の表示権限を維持しながら、Slackで画像を表示できます。
  • 馴染みのある製品体験。 カードの表示方法により、Slack内のGuruの体験はGuruのWebアプリやブラウザ拡張でカードを表示する体験と一致します。
  • Slackでどのユーザーがカードを表示しているかを追跡する能力が向上しました。 モーダルでカードを開くことで、GuruはどのユーザーがどのカードをSlackで表示しているかを正確に追跡できるようになり、Guru内でより正確な分析が可能になります。
  • Slackチャンネル内でのGuruの騒々しさが大幅に減少しました。 ウィンドウの中央で大きなテキストの塊にさよならを言いましょう。今では、ユーザーはチャンネルを混雑させることなく、必要な情報(タイトル、コレクション、タグなど)を得られます。

なぜSlackがGuruを使用するのかを見つけましょう。

新しい検索機能を紹介します

私たちは単にBlock Kitを使用してカードの表示体験を再設計したわけではありません。 カードの投稿体験もアップグレードされました。 Slack内でGuruカードを検索する方法は3つあります:

  • スラッシュコマンド(/guru)を使用
  • 「カードで応答」Slackアクションを使用
  • Guruボットへのダイレクトメッセージを開く

Block Kitとモーダルにより、これらのすべての検索パスを統合してユーザー体験を一つにまとめることができました。 今では、スラッシュコマンドとSlackアクションベースの検索がモーダルで検索結果を開き、ダイレクトメッセージでは同じモーダル情報がDMウィンドウに直接表示されます。

検索結果をモーダルに表示することは、チャンネル内の騒々しさを減少させ、ユーザーにとって検索結果に焦点を合わせるのに役立つことがわかりました。 これは、Slackアクションを使用する際に特に役立ちます。なぜなら、ユーザーが結果情報を下にスクロールすることなく、チャンネルの履歴の深いメッセージで実行できるようになったからです。

guru-search-results-slack-block-kit-modals.png

Block Kitのおかげで、私たちはSlackにおいて非常にリクエストの多かった検索機能を導入できました:ユーザーは検索フレーズだけでなく、さらに多くのフィルターを使用して検索結果を絞り込むことができるようになりました。 これで、検索条件を調整し、コレクションやタグによって結果を絞り込むことができます:

guru-search-filters-slack-block-kit-modals.png

私たちは、Slackがチームコミュニケーション体験をどのように革新し続けるのかを見ることを楽しみにしており、私たちもそのそばにいて、あなたが必要な知識を仕事をする場所で見出せるように尽力します。

あなたが Block Kitを活用する方法について知りたいですか? 私たちに話してください

Guruでは、私たちの顧客はSlackで過ごしているため、私たちが素晴らしいGuru体験をSlackで作成することを確実にしたいと思うのも当然です。in Slack。 Slackが今年の初めにBlock Kitを導入したとき、私たちは発売パートナーとして非常に喜びました。 私たちはそれを使用してSlackbotでのGuruヘルプセンターをよりリッチでインタラクティブな体験にすることができました。 今日は、Block Kitのモーダルでのビルディングの容易さを活用して、より良く、そしてより美しい、エンドツーエンドのGuru Slack体験をデザインしたことを発表できることを嬉しく思います。

guru-slack-block-kit-modals-featured.jpg

GuruのSlackbotを騒がしさを減らし、より有用にする

最近まで、あなたのGuru体験はSlackでこのようなものでした:

guru-before-slack-block-kit-with-modals.png

カードのタイトル、コンテンツ、信頼ステータスを見ることができましたが、インライン画像や組織情報(どのコレクションに属しているかなど)は表示されませんでした。 大きなテキストブロックはSlackウィンドウに多くのスペースを占め、チャンネルが実際よりも騒々しく見えることがありました。 Block Kitを使用して、この問題を解決しました。

新しい体験では、展開されたカードは今や一目でタイトル、コレクション、信頼ステータスを表示し、画像を含むカードの完全な内容をワンクリックで開くことができます。

blogasset_screenshot.png
expanded-guru-card-slack-block-kit-modals.png

このデザインの利点は次の通りです:

  • カードに画像を表示する能力。 モーダルでカードを開くことで、画像の表示権限を維持しながら、Slackで画像を表示できます。
  • 馴染みのある製品体験。 カードの表示方法により、Slack内のGuruの体験はGuruのWebアプリやブラウザ拡張でカードを表示する体験と一致します。
  • Slackでどのユーザーがカードを表示しているかを追跡する能力が向上しました。 モーダルでカードを開くことで、GuruはどのユーザーがどのカードをSlackで表示しているかを正確に追跡できるようになり、Guru内でより正確な分析が可能になります。
  • Slackチャンネル内でのGuruの騒々しさが大幅に減少しました。 ウィンドウの中央で大きなテキストの塊にさよならを言いましょう。今では、ユーザーはチャンネルを混雑させることなく、必要な情報(タイトル、コレクション、タグなど)を得られます。

なぜSlackがGuruを使用するのかを見つけましょう。

新しい検索機能を紹介します

私たちは単にBlock Kitを使用してカードの表示体験を再設計したわけではありません。 カードの投稿体験もアップグレードされました。 Slack内でGuruカードを検索する方法は3つあります:

  • スラッシュコマンド(/guru)を使用
  • 「カードで応答」Slackアクションを使用
  • Guruボットへのダイレクトメッセージを開く

Block Kitとモーダルにより、これらのすべての検索パスを統合してユーザー体験を一つにまとめることができました。 今では、スラッシュコマンドとSlackアクションベースの検索がモーダルで検索結果を開き、ダイレクトメッセージでは同じモーダル情報がDMウィンドウに直接表示されます。

検索結果をモーダルに表示することは、チャンネル内の騒々しさを減少させ、ユーザーにとって検索結果に焦点を合わせるのに役立つことがわかりました。 これは、Slackアクションを使用する際に特に役立ちます。なぜなら、ユーザーが結果情報を下にスクロールすることなく、チャンネルの履歴の深いメッセージで実行できるようになったからです。

guru-search-results-slack-block-kit-modals.png

Block Kitのおかげで、私たちはSlackにおいて非常にリクエストの多かった検索機能を導入できました:ユーザーは検索フレーズだけでなく、さらに多くのフィルターを使用して検索結果を絞り込むことができるようになりました。 これで、検索条件を調整し、コレクションやタグによって結果を絞り込むことができます:

guru-search-filters-slack-block-kit-modals.png

私たちは、Slackがチームコミュニケーション体験をどのように革新し続けるのかを見ることを楽しみにしており、私たちもそのそばにいて、あなたが必要な知識を仕事をする場所で見出せるように尽力します。

あなたが Block Kitを活用する方法について知りたいですか? 私たちに話してください

Experience the power of the Guru platform firsthand – take our interactive product tour
見学する