Minha experiência

É possível unificar soluções desenvolvidas em um Hackathon?

Nathália Lisboa
layers education
Published in
4 min readJan 8, 2024

--

Contexto

Em setembro de 2022 eu participei do meu primeiro Hackathon. A empresa em que trabalho propôs esse momento em parceria com um sistema de gestão integrado a nossa plataforma para construirmos soluções para os professores das escolas parceiras.

Caso você tenha chegado aqui de paraquedas, "Hackathon é um evento que reúne programadores, designers e outros profissionais ligados ao desenvolvimento de software para uma maratona de programação, cujo objetivo é desenvolver um software ou solução tecnológica que atenda a um fim específico." — Hackathon Brasil

Foi uma semana intensa de muito aprendizado que se encerrou com uma excelente notícia: meu time ganhou! Mas ao retornar ao trabalho na segunda-feira me foi apresentado um desafio: precisamos preparar as soluções para serem acopladas no produto. E agora?

No hackathon, cada time trabalhou em cima de uma dor específica (lançamento de notas, frequência e matéria lecionada, painel do professor, etc.) e as desenvolveu como um app separado. Mas, considerando a realidade atual dos professores brasileiros de educação básica privada, lidar com as soluções de forma isolada não traria uma boa experiência.

Um estudo da Fundação Carlos Chagas mostra que os professores no Brasil acumulam, em média, mais trabalho e são responsáveis por um maior número de salas de aula durante o ano letivo, em comparação com profissionais de educação de outros países. — CNN Brasil

Será que não é possível simplificarmos?

Começo do upstream

Dado o prazo curto para entrega do projeto, optei por aproveitar o trabalho de pesquisa feito pelos times durante do hackathon e focar no principal problema: a nova arquitetura de informações.

Foi preciso destrinchar todas as soluções e reorganizar as features de forma que não virasse uma colcha de retalhos. Para isso, deixei os projetos de lado por um tempo e escrevi todas as funcionalidades em cards. Depois comecei a montar a arquitetura de informações considerando principalmente a frequência e momentos de uso de cada uma. Tarefas realizadas dentro de sala de aula, por exemplo, precisam de um acesso extremamente simplificado.

Arquitetura de informações

Protótipo de baixa fidelidade

Por ser um projeto em parceria com outra empresa, precisávamos atualizar e debater pontos com stakeholders internos e externos.

Para isso, desenvolvi um protótipo de baixa fidelidade a fim de ganharmos celeridade no processo. Por mais que fosse um projeto originado de um hackathon e as soluções individuais tivessem com interface, nem todos os times contaram com uma pessoa de product design (🥲). Então precisavam de uma revisão de experiência e coesão nos atributos visuais.

Foi preciso redesenhar as telas e aqui utilizei os seguintes princípios:

  • Facilidade de acesso com base em frequência de uso: existem tarefas que são executadas pelos professores diversas vezes ao dia e outras algumas vezes no semestre.
  • Minimização de cliques dados: no lançamento de frequência, por exemplo, ao invés de sinalizar os alunos presentes, os professores podem fazer o caminho inverso de sinalizar apenas os que faltaram.
  • Atalhos rápidos no primeiro card da home: o app apresenta de cara a aula em andamento para que, ao clicar, ele caia direto no lançamento de informações daquela aula em específico. Sem precisar selecionar turma, disciplina, dia, horário….
  • Inovações simples de alto impacto: no lançamento de notas, por exemplo, existe uma etapa anterior em que o professor precisa somar as pontuações individuais das questões de uma prova para chegar à nota de um determinado aluno. Porque não transformar o input de notas em uma calculadora para que ele faça os dois processos de uma vez só?
Protótipo de baixa fidelidade

Validação, ajustes e protótipo de alta fidelidade

Após a aplicação de testes de usabilidade e (mais!) apresentações para stakeholders, fiz os ajustes necessários, desenhei as telas de alta fidelidade e preparei o projeto para desenvolvimento.

Você pode conferir o resultado final no vídeo abaixo:

Perdoa o áudio ruim e não desiste de mim 😅

Conclusão

É possível sim unificar soluções desenvolvidas em um Hackathon! Caso você esteja com o mesmo desafio em mãos, minha dica é focar na arquitetura de informações e, se possível, refazer a interface para manter coesão visual. Não entrei em muitos detalhes da parte final do processo, mas se você tiver interesse, me chama pra bater um papo no LinkedIn /lisboanathalia :)

--

--

Nathália Lisboa
layers education

Um compilado de experiências de uma Product Designer. Não repara a bagunça :)