Composição de componentes, elementos de marca e guias de estilo do projeto

Promovendo o gerenciamento de assinaturas com uma solução mobile-first

Desafio técnico para estágio em Prototipação de Interfaces (UX/UI), da pesquisa à documentação

2024

1 semana

design sprint

processo seletivo

Este é um caso técnico para um processo seletivo de Estágio em UX/UI. O desafio consistiu em desenvolver uma solução para gerenciamento de assinaturas, focando em um usuário específico e suas necessidades, com um prazo de 7 dias para execução.

A pergunta norteadora para esse desafio foi:

“Como podemos ajudar os usuários a manter visibilidade e controle sobre seus crescentes gastos com assinaturas digitais?”

O Problema

Carlos, como muitos de nós, luta para acompanhar suas numerosas assinaturas digitais. Netflix, Spotify, aplicativos de produtividade, serviços de nuvem — a lista cresce mensalmente, junto com o desafio de acompanhar datas de renovação e controlar despesas.

A realidade do mercado: A maioria das soluções existentes ou sobrecarrega os usuários com recursos ou carece de funcionalidades críticas para o gerenciamento eficaz de assinaturas.

Minha abordagem: Design Sprint em 7 dias

Dia 1-2: Pesquisa e Descoberta

Busquei verificar se minha hipotese de que priorizar o mobile seria a melhor abordagem. Ela foi respaldada por pesquisas mostrando que:

Após isso, realizei análise competitiva de seis aplicativos de gerenciamento de assinaturas: SubX, Subtree, Suby, Nocta, Tilla e Assinaturas, revelando que:

Aplicativo Nota Google Play Store Adicionar, editar e remover assinaturas Calendário Anotações
Logo do SubXSubX 4,7 Sim Sim Alta carga cognitiva e escopo imenso.
Logo do SubtreeSubtree N/A Sim Não Simples, focado e direto ao ponto.
Logo do SubySuby N/A Sim Não Menor quantidade de funções e menor escopo de todos os analisados.
Logo do NoctaNocta N/A Sim Sim O melhor aplicativo no quesito experiência do usuário e impacto.
Logo do TillaTilla 4,6 Sim Não Mediano, cumpre o que promete.
Logo do AssinaturasAssinaturas 4,7 Sim Não Alta inconsistência visual. Boas funções e escopo médio.

Algumas avaliações comentam necessidade de melhorias, interface mais limpa, menos funções desnecessárias e maior praticidade e customização dentro do aplicativo.

Duas avaliações da loja de aplicativos Play Store
Avaliações na PlayStore

Após feito o benchmarking, o escopo para a solução foi definido com base nos requisitos e necessidades de Carlos, utilizando os pontos altos de cada aplicativo e sugestões de seus usuários.


Dia 3-4: Mapeamento e Wireframing

Após a definição do escopo, eu criei:

Mapeamento do site com as páginas principais e secundárias do aplicativo
Mapeamento do site
Fluxo do usuário com as etapas principais e secundárias do aplicativo
Fluxo do usuário
Wireframes de média fidelidade com esboços de telas do aplicativo
Wireframes de média fidelidade

Dia 5-6: Design e Prototipação

O design final priorizou:

Tela inicial de visualização geral de assinaturas, tela de adição de assinaturas e tela de calendário com data de pagamentos. As telas estão ligadas entre si em um fluxo de navegação. Componentes criados para o aplicativo, como botões, ícones e listas.

Dia 7: Teste de Usabilidade e Refinamento

Realizei testes com dois usuários de 18 anos, que revelaram várias melhorias importantes:


A Solução

O produto final é um aplicativo móvel focado que ajuda os usuários a:

O protótipo de média fidelidade resultante está documentado e pronto para validação com equipes de produto e desenvolvimento para iteração e refino visual. Por ser focado em suas funções essenciais, possui potencial para aumentar seu escopo conforme as necessidades do usuário.


Próximos passos

Com mais tempo e suporte de equipe, eu iria:


Conclusão

Após a submissão e apresentação do projeto, segui para as próximas fases do processo seletivo e a vaga me foi oferecida.

Porém, divergências entre o combinado em entrevista e o contrato, como o horário de trabalho que impossibilitava a presença universitária, me obrigaram a rejeitar a oportunidade.


Reflexões

Este desafio me ensinou a:


Veja também ↘

Revitalizando a marca e a interface de um aplicativo de eventos roraimenses

Capa do estudo de caso