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

เราตื่นเต้นที่จะประกาศว่าเราได้ใช้ Block Kit ของ Slack พร้อมกับ Modals เพื่อออกแบบประสบการณ์ Guru Slack ที่ดีกว่า — และสวยงามกว่า — แบบ end-to-end.
สารบัญเนื้อหา

ลูกค้า Guru ของเราใช้ Slack อยู่  ดังนั้นมันจึงไม่น่าแปลกใจที่เราอยากให้แน่ใจว่าเราสร้างประสบการณ์ Guru ที่ยอดเยี่ยม ใน Slack. เมื่อ Slack แนะนำ Block Kit ในช่วงต้นปีนี้ เรารู้สึกตื่นเต้นที่ได้เป็นพันธมิตรในการเปิดตัว. เราใช้มันเพื่อ ทำให้ Guru Help Center ใน Slackbot เป็นประสบการณ์ที่มีความหลากหลายและมีปฏิสัมพันธ์มากขึ้น. วันนี้ เรารู้สึกตื่นเต้นที่จะประกาศว่าเราได้ใช้ประโยชน์จากความสะดวกในการสร้างใน Block Kit ด้วย Modals เพื่อออกแบบประสบการณ์ Guru Slack ที่ดีกว่า — และสวยงามกว่า —  แบบ end-to-end.

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

ทำให้ Slackbot ของ Guru มีเสียงรบกวนที่น้อยลง — และมีประโยชน์มากขึ้น

จนถึงเมื่อไม่นานมานี้ ประสบการณ์ Guru ของคุณใน Slack ดูเหมือนจะเป็นแบบนี้:

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

คุณสามารถเห็นชื่อการ์ด, เนื้อหา และสถานะความเชื่อถือได้ แต่ภาพ inline และข้อมูลการจัดระเบียบ (เช่น การ์ดเป็นส่วนหนึ่งของ Collection ใด) ไม่แสดงผล. บล็อกใหญ่ ๆ ของข้อความจะใช้พื้นที่ในหน้าต่าง Slack มาก ซึ่งทำให้ช่องดูมีเสียงรบกวนมากกว่าที่เป็นจริง. ด้วย Block Kit เราได้แก้ไขปัญหานี้แล้ว.

ในประสบการณ์ใหม่ การ์ดที่ขยายแล้วจะแสดงชื่อ, collection, และสถานะความเชื่อถือได้ที่มองได้อย่างรวดเร็ว โดยที่เนื้อหาทั้งหมดของการ์ดรวมถึงภาพสามารถเปิดได้ด้วยการคลิกเพียงครั้งเดียว.

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

ข้อดีของการออกแบบนี้มีดังนี้:

  • ความสามารถในการแสดงภาพในการ์ด. การเปิดการ์ดใน modal ช่วยให้เราสามารถแสดงภาพใน Slack ขณะคงไว้ซึ่งการอนุญาตในการดูภาพ.
  • ประสบการณ์ผลิตภัณฑ์ที่คุ้นเคย. เนื่องจากวิธีที่การ์ดแสดงอยู่ ประสบการณ์ Guru ใน Slack จะตรงกับประสบการณ์ในการดูการ์ดในแอพเว็บ Guru และส่วนขยายเบราว์เซอร์.
  • ความสามารถในการติดตามผู้ใช้ที่ดูการ์ดใน Slack ได้ดียิ่งขึ้น. การเปิดการ์ดใน modal ช่วยให้ Guru ติดตามผู้ใช้ที่ดูการ์ดใน Slack ได้อย่างแม่นยำยิ่งขึ้น ทำให้คุณได้รับการวิเคราะห์ที่ถูกต้องมากขึ้นใน Guru.
  • การลดเสียงรบกวนของ Guru ในช่อง Slack อย่างมีนัยสำคัญ. บอกลาข้อความขนาดใหญ่ในกลางหน้าต่าง; ตอนนี้ผู้ใช้ได้รับข้อมูลที่ต้องการ (ชื่อ, collection, แท็ก ฯลฯ) โดยไม่ทำให้ช่องแออัด.

ค้นหาว่าทำไม Slack ใช้ Guru.

แนะนำฟังก์ชันการค้นหาใหม่

เราไม่ได้ใช้ Block Kit เพียงเพื่อปรับปรุงประสบการณ์การ ดู การ์ด. ประสบการณ์การ โพสต์ การ์ดยังได้รับการปรับปรุงอีกด้วย. มีสามวิธีในการค้นหาการ์ด Guru ภายใน Slack:

  • ใช้คำสั่ง Slash (/guru)
  • ใช้ “ตอบกลับด้วยการ์ด” Slack Action
  • เปิดข้อความตรงไปยังบอต Guru

Block Kit พร้อมกับ Modals ทำให้เราไม่ต้องรวมทุกเส้นทางการค้นหาและรวมประสบการณ์ของผู้ใช้ให้อยู่ในรูปแบบเดียวกัน. ตอนนี้ การค้นหาด้วยคำสั่ง Slash และการค้นหาตาม Slack Action จะเปิดผลการค้นหาใน modal ในขณะที่ข้อความตรงจะมีข้อมูล modal แสดงในหน้าต่าง DM.

เราได้พบว่าการใส่ผลการค้นหาใน modal จะช่วยลดเสียงรบกวนในช่อง และทำให้ผู้ใช้ให้ความสนใจผลการค้นหาได้มากขึ้น. นี่คือ โดยเฉพาะอย่างยิ่ง มีประโยชน์เมื่อใช้ Slack Actions เพราะตอนนี้สามารถทำได้จากข้อความที่อยู่ลึกในประวัติช่องโดยไม่ต้องทำให้ผู้ใช้เลื่อนลงไปยังข้อมูลผลลัพธ์ได้.

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

ขอบคุณ Block Kit เราจึงสามารถแนะนำฟังก์ชั่นการค้นหาที่มีการเรียกร้องอย่างมากใน Slack: ผู้ใช้สามารถกรองผลการค้นหาจากมากกว่าแค่วลีค้นหา. ตอนนี้คุณสามารถปรับเปลี่ยนคำค้นหาและกรองผลลัพธ์ตาม Collections และ Tags ได้:

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

เราตื่นเต้นที่จะได้เห็นว่า Slack ยังคงพัฒนาให้ประสบการณ์การสื่อสารในทีมดีขึ้น และเราจะอยู่ข้างพวกเขา ทำให้แน่ใจว่าความรู้ที่คุณต้องการสามารถหาคุณได้ที่ทำงานของคุณ.

สงสัยว่าคุณจะสามารถ ใช้ประโยชน์จาก Block Kit ในการสร้างบางอย่างที่สวยงามได้อย่างไร? พูดคุยกับเรา.

ลูกค้า Guru ของเราใช้ Slack อยู่  ดังนั้นมันจึงไม่น่าแปลกใจที่เราอยากให้แน่ใจว่าเราสร้างประสบการณ์ Guru ที่ยอดเยี่ยม ใน Slack. เมื่อ Slack แนะนำ Block Kit ในช่วงต้นปีนี้ เรารู้สึกตื่นเต้นที่ได้เป็นพันธมิตรในการเปิดตัว. เราใช้มันเพื่อ ทำให้ Guru Help Center ใน Slackbot เป็นประสบการณ์ที่มีความหลากหลายและมีปฏิสัมพันธ์มากขึ้น. วันนี้ เรารู้สึกตื่นเต้นที่จะประกาศว่าเราได้ใช้ประโยชน์จากความสะดวกในการสร้างใน Block Kit ด้วย Modals เพื่อออกแบบประสบการณ์ Guru Slack ที่ดีกว่า — และสวยงามกว่า —  แบบ end-to-end.

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

ทำให้ Slackbot ของ Guru มีเสียงรบกวนที่น้อยลง — และมีประโยชน์มากขึ้น

จนถึงเมื่อไม่นานมานี้ ประสบการณ์ Guru ของคุณใน Slack ดูเหมือนจะเป็นแบบนี้:

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

คุณสามารถเห็นชื่อการ์ด, เนื้อหา และสถานะความเชื่อถือได้ แต่ภาพ inline และข้อมูลการจัดระเบียบ (เช่น การ์ดเป็นส่วนหนึ่งของ Collection ใด) ไม่แสดงผล. บล็อกใหญ่ ๆ ของข้อความจะใช้พื้นที่ในหน้าต่าง Slack มาก ซึ่งทำให้ช่องดูมีเสียงรบกวนมากกว่าที่เป็นจริง. ด้วย Block Kit เราได้แก้ไขปัญหานี้แล้ว.

ในประสบการณ์ใหม่ การ์ดที่ขยายแล้วจะแสดงชื่อ, collection, และสถานะความเชื่อถือได้ที่มองได้อย่างรวดเร็ว โดยที่เนื้อหาทั้งหมดของการ์ดรวมถึงภาพสามารถเปิดได้ด้วยการคลิกเพียงครั้งเดียว.

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

ข้อดีของการออกแบบนี้มีดังนี้:

  • ความสามารถในการแสดงภาพในการ์ด. การเปิดการ์ดใน modal ช่วยให้เราสามารถแสดงภาพใน Slack ขณะคงไว้ซึ่งการอนุญาตในการดูภาพ.
  • ประสบการณ์ผลิตภัณฑ์ที่คุ้นเคย. เนื่องจากวิธีที่การ์ดแสดงอยู่ ประสบการณ์ Guru ใน Slack จะตรงกับประสบการณ์ในการดูการ์ดในแอพเว็บ Guru และส่วนขยายเบราว์เซอร์.
  • ความสามารถในการติดตามผู้ใช้ที่ดูการ์ดใน Slack ได้ดียิ่งขึ้น. การเปิดการ์ดใน modal ช่วยให้ Guru ติดตามผู้ใช้ที่ดูการ์ดใน Slack ได้อย่างแม่นยำยิ่งขึ้น ทำให้คุณได้รับการวิเคราะห์ที่ถูกต้องมากขึ้นใน Guru.
  • การลดเสียงรบกวนของ Guru ในช่อง Slack อย่างมีนัยสำคัญ. บอกลาข้อความขนาดใหญ่ในกลางหน้าต่าง; ตอนนี้ผู้ใช้ได้รับข้อมูลที่ต้องการ (ชื่อ, collection, แท็ก ฯลฯ) โดยไม่ทำให้ช่องแออัด.

ค้นหาว่าทำไม Slack ใช้ Guru.

แนะนำฟังก์ชันการค้นหาใหม่

เราไม่ได้ใช้ Block Kit เพียงเพื่อปรับปรุงประสบการณ์การ ดู การ์ด. ประสบการณ์การ โพสต์ การ์ดยังได้รับการปรับปรุงอีกด้วย. มีสามวิธีในการค้นหาการ์ด Guru ภายใน Slack:

  • ใช้คำสั่ง Slash (/guru)
  • ใช้ “ตอบกลับด้วยการ์ด” Slack Action
  • เปิดข้อความตรงไปยังบอต Guru

Block Kit พร้อมกับ Modals ทำให้เราไม่ต้องรวมทุกเส้นทางการค้นหาและรวมประสบการณ์ของผู้ใช้ให้อยู่ในรูปแบบเดียวกัน. ตอนนี้ การค้นหาด้วยคำสั่ง Slash และการค้นหาตาม Slack Action จะเปิดผลการค้นหาใน modal ในขณะที่ข้อความตรงจะมีข้อมูล modal แสดงในหน้าต่าง DM.

เราได้พบว่าการใส่ผลการค้นหาใน modal จะช่วยลดเสียงรบกวนในช่อง และทำให้ผู้ใช้ให้ความสนใจผลการค้นหาได้มากขึ้น. นี่คือ โดยเฉพาะอย่างยิ่ง มีประโยชน์เมื่อใช้ Slack Actions เพราะตอนนี้สามารถทำได้จากข้อความที่อยู่ลึกในประวัติช่องโดยไม่ต้องทำให้ผู้ใช้เลื่อนลงไปยังข้อมูลผลลัพธ์ได้.

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

ขอบคุณ Block Kit เราจึงสามารถแนะนำฟังก์ชั่นการค้นหาที่มีการเรียกร้องอย่างมากใน Slack: ผู้ใช้สามารถกรองผลการค้นหาจากมากกว่าแค่วลีค้นหา. ตอนนี้คุณสามารถปรับเปลี่ยนคำค้นหาและกรองผลลัพธ์ตาม Collections และ Tags ได้:

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

เราตื่นเต้นที่จะได้เห็นว่า Slack ยังคงพัฒนาให้ประสบการณ์การสื่อสารในทีมดีขึ้น และเราจะอยู่ข้างพวกเขา ทำให้แน่ใจว่าความรู้ที่คุณต้องการสามารถหาคุณได้ที่ทำงานของคุณ.

สงสัยว่าคุณจะสามารถ ใช้ประโยชน์จาก Block Kit ในการสร้างบางอย่างที่สวยงามได้อย่างไร? พูดคุยกับเรา.

ได้สัมผัสพลังของแพลตฟอร์ม Guru โดยตรง - เข้าร่วมทัวร์ผลิตภัณฑ์ของเราอย่างแบบอินเทอร์แอคทีฟ
ไปทัวร์