• 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

• LinkedIn
• E-mail: [email protected]

• LinkedIn