The Expected (and Unexpected) Benefits of Building with Block Kit
Nowy Block Kit Slack przyniósł bardziej wydajne doświadczenie zarówno dla użytkowników aplikacji Guru, jak i zespołu Guru. Teraz korzystanie z aplikacji Guru dla Slacka jest łatwiejsze niż kiedykolwiek. Dowiedz się, jak nasz zespół w Guru skorzystał z oferty Block Kit Slacka.
Ten post został napisany dla bloga Platformy Slack. Przeczytaj oryginalny wpis tutaj.
Integracja Slack z Guru rozpoczęła się na wczesnym etapie rozwoju botów, gdzie doświadczenie było głównie oparte na tekście, a funkcjonalność rosła wraz z wprowadzeniem nowych funkcji do Slacka — takich jak interaktywne wiadomości i akcje aplikacji. Od razu dostrzegliśmy korzyści płynące z Block Kit, szansę na tworzenie głębokich, bogatych doświadczeń, których nasi użytkownicy oczekują, z bardziej znanymi wzorami UI/UX i interaktywną treścią. Tym, czego się nie spodziewaliśmy, było to, jak Block Kit zmieni sposób, w jaki nasze zespoły deweloperskie i projektowe współpracują.
Budowanie lepszego doświadczenia wprowadzającego
Po raz pierwszy zastosowaliśmy Block Kit, aby zmodernizować menu pomocy naszej aplikacji. Wcześniej, kiedy użytkownik zaczynał, menu pomocy powitałoby go ścianą informacji tekstowych. Nie tylko ten tekst był trudny do zeskanowania, ale wymagał od użytkownika wpisywania poleceń, aby cokolwiek osiągnąć. Wprowadzenie do aplikacji jest kluczowe dla naszych użytkowników, a my wykorzystaliśmy Block Kit, aby całkowicie przeprojektować to doświadczenie — na dwa kluczowe sposoby:
Dzięki wykorzystaniu podziałów, stylizowaliśmy tę ścianę informacji tekstowych, grupując podobne treści — co czyni je bardziej przyswajalnymi i łatwiejszymi do odczytania.
Przyciski inline i menu przelewowe umożliwiły interaktywne, zorientowane na akcje doświadczenie wprowadzające. Teraz użytkownicy nie muszą wpisywać poleceń; mogą po prostu wybierać przyciski i szybko podejmować działanie.
Menu pomocy to tylko jedno miejsce, w którym Block Kit podnosi doświadczenie aplikacji Guru. Przyciski inline w interfejsie aktywności przybliżają wezwania do działania do odpowiednich informacji. Menu przelewowe teraz ukrywają akcje, które są rzadziej używane, pomagając użytkownikowi skupić się na priorytetowych informacjach. Dopiero zaczęliśmy zgłębiać możliwości — wciąż istnieje niezliczona ilość sposobów, w jakie Block Kit może uczynić aplikacje bardziej interaktywnymi.
Mówiąc tym samym językiem
W Guru budowanie spójnych doświadczeń w różnych interfejsach (aplikacja webowa, rozszerzenie przeglądarki i aplikacja Slack) może być wyzwaniem. Podczas gdy projekt i rozwój ciężko pracują, aby zapewnić bezproblemowe doświadczenia dla naszych użytkowników, jest to proces współpracy z wieloma wymianami. Wcześniej, nasz zespół projektowy (zwykle nieprzyzwyczajony do tworzenia na Slacku) zaczynał od pustej kartki i nieuchronnie napotykał na ograniczenia techniczne — szczególnie gdy ich projekty przechodziły do fazy rozwoju, wymagając wielu iteracji przed przyjęciem ostatecznego projektu.
Mimo że proces był niewydajny, to jest to jeden z bardziej znanych deweloperom procesów. Podczas gdy spodziewaliśmy się stworzyć bogatsze, bardziej interaktywne doświadczenia dzięki Block Kit, nie przewidywaliśmy, jak wiele Block Kit Builder zmieniłby w partnerstwie między projektem a rozwojem. Block Kit Builder to wizualny prototypowy piaskownica, która umożliwia wybieranie, układanie i dostosowywanie dowolnych dostępnych bloków.
Dla Guru Block Kit Builder wypełnia lukę między projektem a inżynierią — umożliwiając naszym projektantom łatwe prototypowanie ich idealnego doświadczenia użytkownika, jednocześnie produkując dokładny JSON potrzebny do realizacji ich wizji. Nasz zespół projektowy nie musi już zaczynać od zera, zadając sobie pytanie: Gdzie mogę umieścić ten przycisk? lub Jakiego tekstu mogę użyć? Teraz jest to tak proste jak stworzenie układu, udostępnienie URL-a, a następnie iteracja w obie strony.
Block Kit Builder służy również jako narzędzie dla deweloperów do debugowania problematycznego JSON. Jeśli wiadomość aplikacji nie jest renderowana poprawnie, po prostu wklejamy kod do buildera i możemy od razu zidentyfikować problem.
Wydajność w najlepszym wydaniu
Połączenie Block Kit i Block Kit Builder przyniosło bardziej wydajne doświadczenie zarówno dla użytkowników aplikacji, jak i zespołu Guru. Block Kit nie tylko zapewnia nam nową platformę do budowania unikalnego UI aplikacji, ale także daje nam elastyczność i kontrolę nad kolejnością i układem informacji. Teraz korzystanie z aplikacji Guru jest łatwiejsze niż kiedykolwiek; ponadto zaktualizowane menu pomocy szybko wprowadza użytkowników w działanie.
Ciekawy? Sprawdź świeżo zaktualizowaną aplikację Guru obsługującą Block Kit w Katalogu Aplikacji Slack pod slack.com/apps.
Ten post został napisany dla bloga Platformy Slack. Przeczytaj oryginalny wpis tutaj.
Integracja Slack z Guru rozpoczęła się na wczesnym etapie rozwoju botów, gdzie doświadczenie było głównie oparte na tekście, a funkcjonalność rosła wraz z wprowadzeniem nowych funkcji do Slacka — takich jak interaktywne wiadomości i akcje aplikacji. Od razu dostrzegliśmy korzyści płynące z Block Kit, szansę na tworzenie głębokich, bogatych doświadczeń, których nasi użytkownicy oczekują, z bardziej znanymi wzorami UI/UX i interaktywną treścią. Tym, czego się nie spodziewaliśmy, było to, jak Block Kit zmieni sposób, w jaki nasze zespoły deweloperskie i projektowe współpracują.
Budowanie lepszego doświadczenia wprowadzającego
Po raz pierwszy zastosowaliśmy Block Kit, aby zmodernizować menu pomocy naszej aplikacji. Wcześniej, kiedy użytkownik zaczynał, menu pomocy powitałoby go ścianą informacji tekstowych. Nie tylko ten tekst był trudny do zeskanowania, ale wymagał od użytkownika wpisywania poleceń, aby cokolwiek osiągnąć. Wprowadzenie do aplikacji jest kluczowe dla naszych użytkowników, a my wykorzystaliśmy Block Kit, aby całkowicie przeprojektować to doświadczenie — na dwa kluczowe sposoby:
Dzięki wykorzystaniu podziałów, stylizowaliśmy tę ścianę informacji tekstowych, grupując podobne treści — co czyni je bardziej przyswajalnymi i łatwiejszymi do odczytania.
Przyciski inline i menu przelewowe umożliwiły interaktywne, zorientowane na akcje doświadczenie wprowadzające. Teraz użytkownicy nie muszą wpisywać poleceń; mogą po prostu wybierać przyciski i szybko podejmować działanie.
Menu pomocy to tylko jedno miejsce, w którym Block Kit podnosi doświadczenie aplikacji Guru. Przyciski inline w interfejsie aktywności przybliżają wezwania do działania do odpowiednich informacji. Menu przelewowe teraz ukrywają akcje, które są rzadziej używane, pomagając użytkownikowi skupić się na priorytetowych informacjach. Dopiero zaczęliśmy zgłębiać możliwości — wciąż istnieje niezliczona ilość sposobów, w jakie Block Kit może uczynić aplikacje bardziej interaktywnymi.
Mówiąc tym samym językiem
W Guru budowanie spójnych doświadczeń w różnych interfejsach (aplikacja webowa, rozszerzenie przeglądarki i aplikacja Slack) może być wyzwaniem. Podczas gdy projekt i rozwój ciężko pracują, aby zapewnić bezproblemowe doświadczenia dla naszych użytkowników, jest to proces współpracy z wieloma wymianami. Wcześniej, nasz zespół projektowy (zwykle nieprzyzwyczajony do tworzenia na Slacku) zaczynał od pustej kartki i nieuchronnie napotykał na ograniczenia techniczne — szczególnie gdy ich projekty przechodziły do fazy rozwoju, wymagając wielu iteracji przed przyjęciem ostatecznego projektu.
Mimo że proces był niewydajny, to jest to jeden z bardziej znanych deweloperom procesów. Podczas gdy spodziewaliśmy się stworzyć bogatsze, bardziej interaktywne doświadczenia dzięki Block Kit, nie przewidywaliśmy, jak wiele Block Kit Builder zmieniłby w partnerstwie między projektem a rozwojem. Block Kit Builder to wizualny prototypowy piaskownica, która umożliwia wybieranie, układanie i dostosowywanie dowolnych dostępnych bloków.
Dla Guru Block Kit Builder wypełnia lukę między projektem a inżynierią — umożliwiając naszym projektantom łatwe prototypowanie ich idealnego doświadczenia użytkownika, jednocześnie produkując dokładny JSON potrzebny do realizacji ich wizji. Nasz zespół projektowy nie musi już zaczynać od zera, zadając sobie pytanie: Gdzie mogę umieścić ten przycisk? lub Jakiego tekstu mogę użyć? Teraz jest to tak proste jak stworzenie układu, udostępnienie URL-a, a następnie iteracja w obie strony.
Block Kit Builder służy również jako narzędzie dla deweloperów do debugowania problematycznego JSON. Jeśli wiadomość aplikacji nie jest renderowana poprawnie, po prostu wklejamy kod do buildera i możemy od razu zidentyfikować problem.
Wydajność w najlepszym wydaniu
Połączenie Block Kit i Block Kit Builder przyniosło bardziej wydajne doświadczenie zarówno dla użytkowników aplikacji, jak i zespołu Guru. Block Kit nie tylko zapewnia nam nową platformę do budowania unikalnego UI aplikacji, ale także daje nam elastyczność i kontrolę nad kolejnością i układem informacji. Teraz korzystanie z aplikacji Guru jest łatwiejsze niż kiedykolwiek; ponadto zaktualizowane menu pomocy szybko wprowadza użytkowników w działanie.
Ciekawy? Sprawdź świeżo zaktualizowaną aplikację Guru obsługującą Block Kit w Katalogu Aplikacji Slack pod slack.com/apps.
