Voltar aos trabalhos UX/UI

Rede Otaku

Interface mobile para app voltado a streaming de animes.

Duplo Diamante

Para me auxiliar no desenvolvimento desta interface do zero, eu utilizei o método duplo diamante.

O desafio

Durante anos usei diversos aplicativos de streaming para animes, mas todos faltavam funções ou tinham algum problema que influenciava na usabilidade do mesmo. Pensando nisto eu decidi criar uma interface, onde através de pesquisas com diversas pessoas que consomem diariamente apps de streaming para animes, tivesse todas as funções mais importantes para uma boa usabilidade do usuário.

1) Descobrir | A pesquisa

De acordo com uma pesquisa realizada através do Google Forms, podemos ter uma visão de quem são os usuários, e quais são suas opiniões sobre os aplicativos deste nicho no mercado.

A pergunta: "O que você mudaria/adicionaria no aplicativo de animes que você utiliza?"

Pessoa 1“O aplicativo que eu uso é muito feio e meio complicado de entender, mas é o único que tem todos os animes que eu gosto :(”

Pessoa 2“Sim, a possibilidade de criar uma conta no app para quando reinstalar o aplicativo a lista de favoritos não sumir.”

Pessoa 3“Talvez só uma maneira de conhecer pessoas dentro do app”

Pessoa 4“Onde eu assisto não tem a função visto por ultimo, e também é meio feio, só uso porque é fácil de achar os animes que lançam.”

2) Definir | Entendendo o problema

A partir da pesquisa realizada, pude perceber as maiores necessidades que os usuários deste determinado nicho almejam e quais problemas mais os afetam. Utilizando a pesquisa de base, criei personas para auxiliar na elaboração e desenvolvimento do projeto.

Luiza Santos

19 Anos

Mulher cisgênero, estudante de relações internacionais.

Gosto muito de assistir animes no final do meu dia, mas a maioria dos aplicativos que eu já usei sempre tem um ou outro problema, as vezes eu não consigo salvar os animes nos favoritos, ou o histórico de visualizações buga e eu não consigo encontrar um episódio que eu assisti novamente.

Gabriel Lemos

25 Anos

Homem bissexual, estudante de Design.

Eu assisto animes casualmente e percebo que a maioria dos aplicativos só tem o episódio e pronto, eu sinto falta de um app mais completo que abranja mais funções e opções para o usuário.

3) Desenvolver | Design

Para visualizar de uma maneira mais geral a interface que eu tinha em mente, desenhei esboços iniciais no papel.

Arquitetura da informação

Para auxiliar o desenvolvimento do design do aplicativo eu desenvolvi um workflow para saber a arquitetura ideal para cada seção do app.

Menu
- Perfil
- Sair
- Ajuda
- Adicionar amigos
- Recentemente assistidos
- Favoritos
- Recentemente adicionados
- Mais famosos
- Recomendados da temporada
- Chats
Perfil
- Alterar nome
- Alterar foto
- Alterar background
- Descrição pessoal
- Animes favoritos
- Alterar e-mail
- Alterar senha
Chat
- Statusonline / ocupado / invisível
- Bate-papo
- Adicionar amigo
- Ver perfil
Pesquisar
Recentemente adicionados
Recentemente assistidos

Da entrada até a última tela: seis seções saem da home, e só menu, perfil e chat abrem níveis abaixo.

Wireframe de média fidelidade

Depois de organizar todas as informações, iniciei a criação do wireframe de média fidelidade do app.

4) Entregar | Prototipação

Tipografia + paleta de cores. A tipografia foi escolhida com o intuito de deixar a leitura fácil e a navegação pelo app de uma forma intuitiva, levando o usuário até seus objetivos.

A paleta que escolhi para a interface foi selecionada a partir de variações dos tons das cores existentes na bandeira do Japão, juntamente das cores neutras absolutas (preto e branco) e suas variações (tons de cinza).