Biblioteca App

Contexto

O hackathon juntou o Layers, aplicativo de gestão escolar, e o Sophia, sistema de gestão de bibliotecas, para construir soluções educacionais. Cada grupo recebeu um tema: trânsito na saída da aula, eventos escolares, cantina. O nosso foi biblioteca.

Éramos sete: um designer (eu), três desenvolvedores, um suporte e dois estudantes de computação. Quatro dias, do problema ao código rodando. Soluções com alguma funcionalidade de inteligência artificial valiam pontuação extra.

Como ser acessível aos jovens e despertar o interesse pela leitura?

Enquanto isso, o estudante se sente perdido ao buscar livros e explorar o que a biblioteca oferece. A distância entre querer ler e encontrar o que ler é o problema do projeto.

Pesquisa

Começamos por uma desk research em matérias jornalísticas e artigos acadêmicos. Queríamos saber como bibliotecas funcionam, que papel elas têm na escola e o que faz um jovem se interessar por leitura. Dois números ficaram.

A pesquisa apontou para a coexistência do físico e do digital. O digital não substitui a biblioteca, amplia o alcance dela.

O segundo diz que o interesse por literatura vem, na maior parte das vezes, da indicação de uma pessoa.

Para entender o funcionamento por dentro, analisamos o sistema Sophia em uso e conversamos com representantes de duas bibliotecas.

O sistema mostrou os fluxos essenciais, que são busca e empréstimo. As conversas mostraram o que faltava. Não havia nenhuma estratégia para despertar interesse, e o design das interfaces estava ultrapassado.

Decisão

O brainstorming chegou em dois caminhos. Dentro do prazo, dava para fazer um.

Escolhemos a estante, por estar mais perto do foco principal.

A inovação entrou onde já havia fluxo. A busca ganhou inteligência artificial e listas de interesse. O empréstimo ganhou fila de espera, status e notificação. O feed ficou registrado como próximo passo.

Solução

Mapeamos a jornada do leitor inteira, do primeiro interesse até a devolução, e marcamos onde cabia uma oportunidade em cada fase. Isso virou quatro áreas.

Início

Empréstimos, sugestões e novas aquisições.

Explorar

Busca por categoria, por título e por termo livre. É aqui que a inteligência artificial entra.

Detalhes do livro

Informação, avaliação e reserva na mesma página.

Minha estante

Listas, empréstimos e histórico de leitura no mesmo lugar.

Usando a base de livros, mapeamos as palavras relacionadas ao título e à descrição de cada obra e montamos uma rede. Buscar por um termo devolve o que está próximo dele nessa rede.

Ficou documentado o que não coube: notificação, onboarding, fluxo de avaliação e integração com os outros aplicativos da Layers.

Estudei aplicativos de leitura e de compra de livros antes de desenhar. Os fluxos ficaram curtos, as seções e a hierarquia bem definidas, e ícones e cores entraram para ajudar a navegação.

Navegar pelo protótipo Abrir o arquivo no Figma

Resultado

Entregamos com o código rodando, até os últimos segundos.

A avaliação passou por três bancas. As de produto e da escola assistiram ao pitch, no qual pude colaborar com a demonstração. A de produto avaliou escalabilidade, negócio e resolução do problema. A da escola avaliou a solução na prática, pelos olhos de quem usa.

Para a banca técnica não houve pitch. Apresentamos a solução e a pesquisa, e ela avaliou front-end, back-end, integração, interface e design. Entre os projetos, o nosso era o mais resolvido do lado técnico.

Ganhamos o hackathon por um aplicativo simples, efetivo e o mais preparado para lançamento.