The Expected (and Unexpected) Benefits of Building with Block Kit
Block Kit mới của Slack đã mang lại trải nghiệm hiệu quả hơn cho cả người dùng ứng dụng Guru và nhóm Guru. Bây giờ, việc sử dụng ứng dụng Guru cho Slack dễ dàng hơn bao giờ hết. Tìm hiểu cách nhóm chúng tôi tại Guru đã tận dụng đề xuất Block Kit của Slack.
Bài viết này được viết cho Blog nền tảng Slack. Đọc bài viết gốc tại đây.
Tích hợp Slack của Guru bắt đầu từ những ngày đầu của các bot, nơi mà trải nghiệm chủ yếu dựa trên văn bản, và đã phát triển về tính năng khi Slack giới thiệu nhiều tính năng hơn ‒ như tin nhắn tương tác và hành động ứng dụng. Chúng tôi ngay lập tức thấy lợi ích của Block Kit, một cơ hội để xây dựng những trải nghiệm sâu sắc và phong phú mà người dùng của chúng tôi mong đợi, với những mẫu UI/UX quen thuộc hơn và nội dung tương tác. Tuy nhiên, điều mà chúng tôi không ngờ là cách mà Block Kit sẽ thay đổi cách mà các đội ngũ phát triển và thiết kế của chúng tôi hợp tác.
Xây dựng trải nghiệm onboarding tốt hơn
Chúng tôi đã lần đầu tiên áp dụng Block Kit để cải tổ menu trợ giúp của ứng dụng chúng tôi. Trước đây, khi một người dùng mới bắt đầu, menu trợ giúp sẽ chào đón họ với một bức tường thông tin văn bản. Không chỉ văn bản này khó quét, mà còn yêu cầu người dùng phải gõ lệnh để thực hiện bất kỳ điều gì. Việc onboarding ứng dụng là rất quan trọng cho người dùng của chúng tôi, và chúng tôi đã sử dụng Block Kit để hoàn toàn tưởng tượng lại trải nghiệm này ‒ theo hai cách chính:
Thông qua việc sử dụng các dấu phân cách, chúng tôi đã tạo kiểu cho bức tường thông tin bằng cách nhóm nội dung tương tự lại với nhau ‒ làm cho nó dễ hiểu hơn và dễ đọc hơn.
Các nút inline và menu tràn đã cho phép một trải nghiệm onboarding tương tác, hướng đến hành động. Bây giờ người dùng không cần phải gõ các lệnh; họ chỉ cần chọn nút và thực hiện hành động một cách nhanh chóng.
Menu trợ giúp chỉ là một trong những nơi mà Block Kit nâng cao trải nghiệm ứng dụng Guru. Các nút inline trong giao diện danh sách hoạt động mang hành động gần hơn đến thông tin tương ứng. Các menu tràn giờ đây ẩn đi những hành động ít được sử dụng hơn, và giúp người dùng tập trung vào thông tin ưu tiên. Chúng tôi chỉ mới gãi nhẹ bề mặt ‒ vẫn còn vô vàn cách mà Block Kit có thể làm cho các ứng dụng tương tác hơn.
Nói cùng một ngôn ngữ
Tại Guru, việc xây dựng các trải nghiệm nhất quán trên tất cả các giao diện (ứng dụng web, tiện ích mở rộng trình duyệt và ứng dụng Slack) có thể là một thách thức. Khi thiết kế và phát triển làm việc không ngừng nghỉ để đảm bảo các trải nghiệm liền mạch cho người dùng của chúng tôi, đó là một quá trình hợp tác với rất nhiều sự trao đổi qua lại. Trước đó, đội ngũ thiết kế của chúng tôi (thường không quen với việc xây dựng trên Slack) bắt đầu từ một bức tranh trắng và không thể tránh khỏi phải đối mặt với những hạn chế kỹ thuật ‒ đặc biệt khi thiết kế của họ chuyển giao cho phát triển, cần nhiều lần lặp lại trước khi đạt được thiết kế cuối cùng.
Mặc dù không hiệu quả, quy trình này là một quy trình mà hầu hết các nhà phát triển đều quen thuộc. Khi chúng tôi mong đợi sẽ xây dựng những trải nghiệm phong phú hơn và tương tác hơn bằng cách sử dụng Block Kit, chúng tôi không dự đoán được rằng trình xây dựng Block Kit sẽ biến đổi quan hệ hợp tác giữa thiết kế và phát triển nhiều đến thế nào. Trình xây dựng Block Kit là một sandbox prototyping trực quan cho phép bạn chọn, chồng chất và tùy chỉnh bất kỳ khối nào có sẵn.
Đối với Guru, Trình xây dựng Block Kit là cầu nối giữa thiết kế và kỹ thuật ‒ cho phép các nhà thiết kế của chúng tôi dễ dàng prototyping trải nghiệm người dùng lý tưởng của họ, đồng thời sản xuất chính xác JSON cần thiết cho phát triển để thực hiện tầm nhìn của họ. Đội ngũ thiết kế của chúng tôi không còn cần phải bắt đầu từ một trang giấy trắng, đặt câu hỏi: Tôi có thể đặt nút này ở đâu? hoặc Tôi sử dụng văn bản gì? Bây giờ đơn giản chỉ cần tạo bố cục, chia sẻ URL, rồi lặp lại qua lại.
Trình xây dựng Block Kit cũng phục vụ như một công cụ cho phát triển để gỡ lỗi JSON gặp vấn đề. Nếu một tin nhắn ứng dụng không được hiển thị đúng cách, chúng tôi chỉ cần dán mã vào trình xây dựng và có thể xác định ngay lập tức vấn đề.
Hiệu quả nhất
Sự kết hợp giữa Block Kit và Trình xây dựng Block Kit đã tạo ra một trải nghiệm hiệu quả hơn cho cả người dùng ứng dụng và nhóm Guru. Block Kit không chỉ cung cấp cho chúng tôi một khung mới để xây dựng UI ứng dụng độc đáo, mà còn cho chúng tôi sự linh hoạt và kiểm soát về thứ tự và bố cục thông tin. Bây giờ việc sử dụng ứng dụng Guru dễ dàng hơn bao giờ hết; cộng với menu trợ giúp được cập nhật giúp người dùng khởi động nhanh chóng.
Bạn có tò mò không? Kiểm tra ứng dụng mới được cập nhật của Guru có hỗ trợ Block Kit trong Thư mục Ứng dụng Slack tại slack.com/apps.
Bài viết này được viết cho Blog nền tảng Slack. Đọc bài viết gốc tại đây.
Tích hợp Slack của Guru bắt đầu từ những ngày đầu của các bot, nơi mà trải nghiệm chủ yếu dựa trên văn bản, và đã phát triển về tính năng khi Slack giới thiệu nhiều tính năng hơn ‒ như tin nhắn tương tác và hành động ứng dụng. Chúng tôi ngay lập tức thấy lợi ích của Block Kit, một cơ hội để xây dựng những trải nghiệm sâu sắc và phong phú mà người dùng của chúng tôi mong đợi, với những mẫu UI/UX quen thuộc hơn và nội dung tương tác. Tuy nhiên, điều mà chúng tôi không ngờ là cách mà Block Kit sẽ thay đổi cách mà các đội ngũ phát triển và thiết kế của chúng tôi hợp tác.
Xây dựng trải nghiệm onboarding tốt hơn
Chúng tôi đã lần đầu tiên áp dụng Block Kit để cải tổ menu trợ giúp của ứng dụng chúng tôi. Trước đây, khi một người dùng mới bắt đầu, menu trợ giúp sẽ chào đón họ với một bức tường thông tin văn bản. Không chỉ văn bản này khó quét, mà còn yêu cầu người dùng phải gõ lệnh để thực hiện bất kỳ điều gì. Việc onboarding ứng dụng là rất quan trọng cho người dùng của chúng tôi, và chúng tôi đã sử dụng Block Kit để hoàn toàn tưởng tượng lại trải nghiệm này ‒ theo hai cách chính:
Thông qua việc sử dụng các dấu phân cách, chúng tôi đã tạo kiểu cho bức tường thông tin bằng cách nhóm nội dung tương tự lại với nhau ‒ làm cho nó dễ hiểu hơn và dễ đọc hơn.
Các nút inline và menu tràn đã cho phép một trải nghiệm onboarding tương tác, hướng đến hành động. Bây giờ người dùng không cần phải gõ các lệnh; họ chỉ cần chọn nút và thực hiện hành động một cách nhanh chóng.
Menu trợ giúp chỉ là một trong những nơi mà Block Kit nâng cao trải nghiệm ứng dụng Guru. Các nút inline trong giao diện danh sách hoạt động mang hành động gần hơn đến thông tin tương ứng. Các menu tràn giờ đây ẩn đi những hành động ít được sử dụng hơn, và giúp người dùng tập trung vào thông tin ưu tiên. Chúng tôi chỉ mới gãi nhẹ bề mặt ‒ vẫn còn vô vàn cách mà Block Kit có thể làm cho các ứng dụng tương tác hơn.
Nói cùng một ngôn ngữ
Tại Guru, việc xây dựng các trải nghiệm nhất quán trên tất cả các giao diện (ứng dụng web, tiện ích mở rộng trình duyệt và ứng dụng Slack) có thể là một thách thức. Khi thiết kế và phát triển làm việc không ngừng nghỉ để đảm bảo các trải nghiệm liền mạch cho người dùng của chúng tôi, đó là một quá trình hợp tác với rất nhiều sự trao đổi qua lại. Trước đó, đội ngũ thiết kế của chúng tôi (thường không quen với việc xây dựng trên Slack) bắt đầu từ một bức tranh trắng và không thể tránh khỏi phải đối mặt với những hạn chế kỹ thuật ‒ đặc biệt khi thiết kế của họ chuyển giao cho phát triển, cần nhiều lần lặp lại trước khi đạt được thiết kế cuối cùng.
Mặc dù không hiệu quả, quy trình này là một quy trình mà hầu hết các nhà phát triển đều quen thuộc. Khi chúng tôi mong đợi sẽ xây dựng những trải nghiệm phong phú hơn và tương tác hơn bằng cách sử dụng Block Kit, chúng tôi không dự đoán được rằng trình xây dựng Block Kit sẽ biến đổi quan hệ hợp tác giữa thiết kế và phát triển nhiều đến thế nào. Trình xây dựng Block Kit là một sandbox prototyping trực quan cho phép bạn chọn, chồng chất và tùy chỉnh bất kỳ khối nào có sẵn.
Đối với Guru, Trình xây dựng Block Kit là cầu nối giữa thiết kế và kỹ thuật ‒ cho phép các nhà thiết kế của chúng tôi dễ dàng prototyping trải nghiệm người dùng lý tưởng của họ, đồng thời sản xuất chính xác JSON cần thiết cho phát triển để thực hiện tầm nhìn của họ. Đội ngũ thiết kế của chúng tôi không còn cần phải bắt đầu từ một trang giấy trắng, đặt câu hỏi: Tôi có thể đặt nút này ở đâu? hoặc Tôi sử dụng văn bản gì? Bây giờ đơn giản chỉ cần tạo bố cục, chia sẻ URL, rồi lặp lại qua lại.
Trình xây dựng Block Kit cũng phục vụ như một công cụ cho phát triển để gỡ lỗi JSON gặp vấn đề. Nếu một tin nhắn ứng dụng không được hiển thị đúng cách, chúng tôi chỉ cần dán mã vào trình xây dựng và có thể xác định ngay lập tức vấn đề.
Hiệu quả nhất
Sự kết hợp giữa Block Kit và Trình xây dựng Block Kit đã tạo ra một trải nghiệm hiệu quả hơn cho cả người dùng ứng dụng và nhóm Guru. Block Kit không chỉ cung cấp cho chúng tôi một khung mới để xây dựng UI ứng dụng độc đáo, mà còn cho chúng tôi sự linh hoạt và kiểm soát về thứ tự và bố cục thông tin. Bây giờ việc sử dụng ứng dụng Guru dễ dàng hơn bao giờ hết; cộng với menu trợ giúp được cập nhật giúp người dùng khởi động nhanh chóng.
Bạn có tò mò không? Kiểm tra ứng dụng mới được cập nhật của Guru có hỗ trợ Block Kit trong Thư mục Ứng dụng Slack tại slack.com/apps.
Trải nghiệm sức mạnh của nền tảng Guru trực tiếp - tham gia tour sản phẩm tương tác của chúng tôi
