- 1. Sobre o projeto
- 2. Histórias de usuário
- 3. Protótipo e UX
- 4. Organização
- 5. Resultados
- 6. Tecnologias
- 7. Sobre as autoras
O projeto Data Lovers é uma página web foi desenvolvido para visualizar um conjunto de dados que se adeque às necessidades de seu usuário, ou seja, recupera de um banco de dados apenas o valor requisitado pelo usuário através de uma interface gráfica intuitiva.
O tema escolhido pelas autoras do projeto é Studio Ghibli, um estúdio japonês de animação, muito conhecido por seus filmes como Meu Amigo Totoro, A Viagem de Chihiro, O Castelo Animado, entre outros grandes sucessos. As animações são bem recebidas em todo o mundo e algumas receberam várias nomeações e prêmios. De todo esse fandom há um grupo que deseja interagir e ver as informações das animações e seus personagens.
O site comporta dados a respeito do filme e dos personagens, para que o usuário possa filtrar, ordenar e buscar por informações de seu interesse. O público alvo são jovens a partir de 12 anos, pois, ainda que o público alvo do Studio Ghibli englobe crianças por conta das animações, é necessário que o usuário possa ler e interpretar as informações apresentadas.
O site permite que o usuário filtre os filmes por diretor e ano de lançamento, ordene os filmes por ordem alfabética, pesquise os filmes de seu interesse e recarregue a página quando lhe for conveniente. A página dos personagens, por sua vez, permite que o usuário filtre-os por gênero e espécie e os ordene por ordem alfabética, bem como pesquise os personagens e recarregue a página.
As histórias de usuário detalhadas neste link foram a base de desenvolvimento do protótipo e posterior construção da interface do site levando em conta que cada história descreve uma necessidade do usuário a ser contemplada por uma funcionalidade.
O protótipo detalhado neste link foi elaborado com a finalidade de permitir que a navegação do usuário se dê pelas seguintes páginas: a página inicial, a página dos filmes e a página dos personagens, bem como os links para os perfis das autoras e o link para o site da Laboratoria no rodapé.
No exemplo do protótipo da página inicial, há a indicação de um gif animado e uma música típica do Studio Ghibli, no entanto, verificou-se que ao implementar tais elementos, a página demoraria para carregar e prejudicaria a experiência do usuário. Os links para as páginas "filmes" e "personagens" foram movidos para a barra de navegação.
Em um teste de usabilidade com um suposto usuário, foi indicado que seria confuso se a página "filmes" indicasse apenas para a página "personagens" e vice-versa pois o usuário teria dificuldade para localizar em qual página se encontra. Portanto, ambas as páginas contam com "Início/Home", "Filmes" e "Personagens".
Foi retirado a ordenação por popularidade da página "filmes" ao estudar a base de dados e a identificar uma dificuldade para desenvolver um código contemplando essa propriedade.
Além de outras pequenas alterações, a página "Sobre as Autoras" foi substituída por um rodapé indicando informações a respeito destas.
A organização e planejamento do projeto e das pequenas tarefas a serem executadas foi exclusivamente realizada pela plataforma trello, neste quadro.
- HTML 5
- CSS3
- JavaScript
- Node.js
- E-mail: leticiaantunes227@gmail.com