"Você tem que dedicar tempo, mas também ser crítico. A direção que você está seguindo importa mais do que a velocidade que você dirige".
— Naval Ravikant, co-fundador da AngelList
Between March 2nd and March 9th, workstreams.ai participated in the first official Slack App Virtual Hackathon. Our goal was to update our existing Slack app using modals and the home tab. These Block Kit surfaces improve app user productivity and decision-making. Here’s how we did it.
Entre 2 e 9 de março, a workstreams.ai participou da primeira Hackathon oficial da Slack App Virtual. Nosso objetivo era atualizar nosso aplicativo Slack existente usando os modais e a guia home. Estas superfícies do Block Kit melhoram a produtividade do usuário do aplicativo e a tomada de decisões. Aqui está como fizemos isso;
O motivo
Vamos começar com quem somos e por que desenvolver novos recursos para o Slack é tão importante para nós. Nossa aplicação funde paineis Kanban ágeis e outras ferramentas-chave de gerenciamento de tarefas com as comunicações internas de uma empresa - dando-lhes maior transparência, prioridades mais claras e formas mais organizadas de colaboração.
Há alguns anos, quando começamos a desenvolver a workstreams.ai como uma aplicação para o Slack, acreditávamos que o futuro do trabalho viveria onde as pessoas pudessem se comunicar de forma mais eficaz. Olhando para trás, nossa aposta no Slack como a melhor plataforma não poderia ter sido uma escolha melhor.
Cerca de 30.000 equipes optaram por trabalhar com a workstreams.ai no Slack, já que integramos perfeitamente o gerenciamento de tarefas em conversas Slack - permitindo que os usuários sejam mais eficientes e alinhados.
For the hackathon, our mission was to expand how we deliver on that seamless task management promise. To do that, we aimed to use Block Kit to facilitate better decision-making with a more personalized task overview for our app’s users.
workstreams.ai is always quick to adopt the latest Slack features, especially since our users expect a symbiotic relationship between our app and Slack. So, this hack was the perfect moment to dramatically improve transparency, flexibility, and productivity for the many people who work seamlessly between our app and Slack daily.
After reassessing our app on Slack, we decided on the following enhancements:
Para a hackathon, nossa missão era expandir a forma como cumprimos essa promessa de gerenciamento de tarefas sem interrupção. Para isso, procuramos utilizar o Block Kit para facilitar uma melhor tomada de decisão com uma visão mais personalizada das tarefas para os usuários de nosso aplicativo.
A workstreams.ai é sempre rápida em adotar os últimos recursos do Slack, especialmente porque nossos usuários esperam uma relação simbiótica entre nosso aplicativo e o Slack. Portanto, este hack foi o momento perfeito para melhorar drasticamente a transparência, flexibilidade e produtividade para as muitas pessoas que trabalham sem problemas entre nosso aplicativo e a Slack diariamente.
Depois de reavaliar nosso aplicativo no Slack, decidimos fazer as seguintes melhorias:
- Construir uma aba para nossa aplicação Slack
- Atualização de diálogos para os modais
- Exibir listas de verificação e edição aprimorada para tarefas da workstreams.ai no Slack
- Atualização para permissões granulares para uma experiência de aplicação mais segura e confiável
O método
Para este hack, nosso foco principal era a construção de nossa aba de aplicação a partir do zero. Criamos um loop de feedback próximo e contínuo entre o projeto e o desenvolvimento, para que pudéssemos iterar rapidamente.
O processo de design
Nossos designers usaram uma combinação de Block Kit Builder do Slack e whiteboarding tradicional para projetar a interface da aba home - incluindo os modais adjacentes, menus e UI atualizados para nossa experiência de aplicação mais ampla. Também realizamos pesquisas de usuários para definir casos ideais de uso para nossas novas características e funções.
Com o apoio de nossos desenvolvedores, nossa equipe de projeto trabalhou com JSON e Block Kit Builder, fornecendo-lhes conhecimento crítico sobre os últimos limites superiores do Block Kit - resultando em iterações muito mais rápidas e design mais suave para nossa equipe de desenvolvimento.
Uma vez que a IU foi amplamente estabelecida, foram realizadas reuniões para transmitir não apenas o conteúdo da IU, mas os conceitos por trás dela, concentrando-se mais na abordagem do que no mero formato. Isto deu aos nossos dispositivos uma clareza de propósito e uma maior capacidade de improvisar quando novas ideias eram consideradas ou novas limitações eram descobertas durante o processo de desenvolvimento.
O processo de desenvolvimento
Nossa primeira grande tarefa foi construir um conjunto de componentes Block Kit que imitava o comportamento de uma estrutura de frontend moderna, como o React - para estabelecer um ciclo de vida de componentes reutilizáveis sem estado e estaduais. Também atualizamos o pacote slack-block-kit npm com suporte para todas as últimas características como caixas de seleção, botões de rádio e vistas.
Projetamos nossa arquitetura orientada a eventos para que, com algumas linhas de código, novos eventos e ações possam ser conectados de forma fácil e independente. Há um manipulador de envio de visualizações registrado em nosso ônibus de eventos do Slack bot que é responsável pelo encaminhamento da visualização correta em um determinado evento ou ação acionada no aplicativo Slack, como cliques de botão. Além disso, para cada visualização modal, usamos um arquivo separado para mitigar os conflitos de fusão no final da hackathon.
No meio da semana
Até a noite de quarta-feira da semana, sediamos um grande evento para a Slack Platform Community (SPC) de Berlim. Esta foi uma grande oportunidade para conversar com os muitos entusiastas e apaixonados jovens desenvolvedores - juntamente com alguns de nossos queridos amigos do Slack, incluindo Colm Doyle da equipe de relações com desenvolvedores do Slack.
Compartilhamos ideias e feedback sobre uma série de assuntos, incluindo nossa própria jornada trabalhando com o Block Kit Builder. O Slack está sempre ansioso pelo feedback do produto, então nunca somos tímidos - e você também não deveria ser. Você pode sempre entrar em contato rapidamente através do e-mail feedback@slack.com.
Encerrando
Se a primeira metade da semana foi sobre planejar nosso curso, a segunda metade da semana foi sobre seguir em frente. O feedback durante o evento de quarta-feira certamente colocou nos deu combustível para continuar e chegar na linha de chegada.
Nosso maior desafio foi a limitação de blocos em um modal, que no estado atual, é de no máximo 100 blocos - não é muito se você pensar bem! Por exemplo, Minhas tarefas mostram uma lista de tarefas que precisam de sua atenção. Devido à limitação de blocos, reduzimos a um número máximo fixo de 15 tarefas por modal.
Esta limitação também impactou outras ferramentas do aplicativo dentro de nossa guia home. Uma melhoria futura poderia ser a implementação da paginação nos modais. Para uma experiência consistente do usuário, fizemos novas escolhas de projeto em resposta a estas limitações.
Resultados
Muita coisa acotneceu na segunda metade da semana. Eventualmente, nós submetemos isso tudo ao diretório do Slack e gravamos nosso vídeo de submissão.
Após nossa apresentação, passamos mais três dias testando nossas novas ferramentas antes de torná-las disponíveis ao público. Temos orgulho de dizer que, poucos dias após nossa submissão, o Slack anunciou que ganhamos a categoria de melhor aplicativo de diretório modernizado da hackathon.
Obrigado!
Crítica para nosso sucesso foi nossa disposição de ouvir, aprender e receber feedback. Não poderíamos ter mantido um ritmo tão prolífico de prototipagem sem a troca fluida de informações e ideias entre nossos colegas de equipe.
Não é surpreendente (mas ainda vale a pena ressaltar) que a construção de uma ferramenta baseada em equipe seja genuinamente um esforço de equipe quando feito corretamente. Agradecimentos especiais a Anh Duc Nguyen, Bruno Bez, Elie Goldfarb, Jaime Flores, Jesse Van Mouwerik, Judith Mewes, Lukas Kleine-Bühning, Martin Velkovski, Pedro Ferreira Ramos, Roman Roznovsky, Shane Saunders, Stefan Romeis e Yi-Wei Hsu pela participação!
Confira o aplicativo workstreams.ai no Slack App Directory. Para perguntas ou feedback, envie um e-mail para feedback@slack.com ou um tweet para @SlackAPI.
