โพสต์นี้ถูกเขียนขึ้นสำหรับบล็อกของแพลตฟอร์ม Slack。 อ่านเอกสารต้นฉบับ ที่นี่。

การรวม Slack ของ Guru เริ่มต้น ตั้งแต่ยุคแรกของบอท โดยเน้นประสบการณ์ในรูปแบบข้อความเป็นหลัก และได้พัฒนาฟังก์ชันการทำงานมากขึ้นเมื่อ 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 App Directory ที่ slack.com/apps。