The Expected (and Unexpected) Benefits of Building with Block Kit
Новий Block Kit від Slack призвів до більш ефективного досвіду як для користувачів додатку Guru, так і для команди Guru. Тепер використовувати додаток Guru для Slack легше ніж будь-коли. Дізнайтеся, як наша команда в Guru скористалася можливостями Block Kit від Slack.
Цей допис був написаний для блогу платформи 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 трансформує співпрацю між дизайном і розробкою. Конструктор Block Kit є візуальним пісочницею для прототипування, яка дозволяє вам вибирати, укладати та налаштовувати будь-який доступний блок.
Для Guru конструктор Block Kit заповнює розрив між дизайном та інженерією — дозволяючи нашим дизайнерам легко прототипувати ідеальний користувацький досвід, а також виробляти точний JSON, необхідний для реалізації їхнього бачення. Наша дизайнерська команда більше не повинна починати з чистого аркуша, запитуючи: Де я можу поставити цю кнопку? або Який текст я можу використовувати? Тепер це так само просто, як створити макет, поділитися URL-адресою, а потім ітерувати назад і вперед.
Конструктор Block Kit також служить інструментом для розробки, щоб усунути проблеми з JSON. Якщо повідомлення програми не відображається коректно, ми просто вставляємо код у конструктор і можемо миттєво виявити проблему.
Ефективність на висоті
Поєднання Block Kit і конструктора Block Kit призвело до більш ефективного досвіду як для користувачів додатка, так і для команди Guru. Block Kit не лише надає нам новий каркас для створення унікального інтерфейсу додатка, але й дає нам гнучкість та контроль над порядком і макетом інформації. Тепер використовувати додаток Guru легше ніж будь-коли; а оновлене меню допомоги дозволяє користувачам швидко стартувати.
Цікавитеся? Перегляньте свіжо оновлений додаток Guru з підтримкою Block Kit у довіднику додатків Slack за slack.com/apps.
Цей допис був написаний для блогу платформи 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 трансформує співпрацю між дизайном і розробкою. Конструктор Block Kit є візуальним пісочницею для прототипування, яка дозволяє вам вибирати, укладати та налаштовувати будь-який доступний блок.
Для Guru конструктор Block Kit заповнює розрив між дизайном та інженерією — дозволяючи нашим дизайнерам легко прототипувати ідеальний користувацький досвід, а також виробляти точний JSON, необхідний для реалізації їхнього бачення. Наша дизайнерська команда більше не повинна починати з чистого аркуша, запитуючи: Де я можу поставити цю кнопку? або Який текст я можу використовувати? Тепер це так само просто, як створити макет, поділитися URL-адресою, а потім ітерувати назад і вперед.
Конструктор Block Kit також служить інструментом для розробки, щоб усунути проблеми з JSON. Якщо повідомлення програми не відображається коректно, ми просто вставляємо код у конструктор і можемо миттєво виявити проблему.
Ефективність на висоті
Поєднання Block Kit і конструктора Block Kit призвело до більш ефективного досвіду як для користувачів додатка, так і для команди Guru. Block Kit не лише надає нам новий каркас для створення унікального інтерфейсу додатка, але й дає нам гнучкість та контроль над порядком і макетом інформації. Тепер використовувати додаток Guru легше ніж будь-коли; а оновлене меню допомоги дозволяє користувачам швидко стартувати.
Цікавитеся? Перегляньте свіжо оновлений додаток Guru з підтримкою Block Kit у довіднику додатків Slack за slack.com/apps.
Досвідчіть силу платформи Guru особисто – пройдіть наш інтерактивний тур продуктом
