Após a realização das pesquisas e da definição do escopo do aplicativo, foi desenvolvido um fluxograma para detalhar cada tela que seria desenvolvida. O fluxograma, até chegar em sua versão final, passou por diversas alterações ao longo do desenvolvimento das etapas seguintes, como o Wireframe e o protótipo.
Figma
O fluxograma fornece um roteiro da jornada do usuário dentro do PWA Bookfolio, que se inicia por uma Landing page, onde a pessoa que está utilizando tem uma explicação sobre como é possível encontrar livros baseado no seu tempo disponível e filtragem por interesse. Para ingressar, o usuário vai à tela de Login, nela, será necessário colocar e-mail/ nome de usuário e senha, caso o usuário ainda não tenha se registrado na plataforma, ele poderá realizar um cadastro, que inclui a seleção do nível no qual o usuário se encontra atualmente. Baseado no nível deste usuário, a tela home, na qual chamamos de “Navegar”, será atualizada com um número estimado de dias que o usuário levará para ler cada um dos livros selecionados, caso haja interesse, é possível escolher um livro e ler um resumo, além de ter acesso à biografia do autor e um link para compra do livro.
Ainda na tela navegar, a pessoa terá a fazer a filtragem por gênero e autor e fazer buscas por nome. Caso o usuário tenha perdido alguma informação da landing page, há a possibilidade de retornar para ela através do header.
Veja a seguir como ficou a versão final do fluxograma:
https://www.figma.com/embed?embed_host=notion&url=https%3A%2F%2Fwww.figma.com%2Ffile%2FPQPVk5k67eoy2GVm7U1iJT%2FBookfolio-Fluxograma-e-Wireframe%3Fnode-id%3D32%253A2369
Nas ideações iniciais, o Bookfolio teria login via redes sociais e a função de salvar seus livros favoritos em uma biblioteca, ambos os recursos foram colocados em segundo plano, em decorrência do tempo e da complexidade.
<aside> 💡 Link: https://www.figma.com/file/PQPVk5k67eoy2GVm7U1iJT/Bookfolio---Fluxograma-e-Wireframe?node-id=61%3A4178
</aside>