Jefferson Aparecido's profile

Myia Controle de Usabilidade

Projeto Myia - Controle Financeiro
O projeto Myia - Controle Financeiro surgiu de uma necessidade pessoal de organizar minhas finanças pessoais.

Assim como toda pessoa que não nasceu com sorte de rico, ao longo dos anos, criei um sistema de controle de despesas x receitas que servia para meu modo de vida, e que me fazia render uns trocados salvadores ao final de cada mês. Acontece que esse modelo de controle era completamente analógico e a medida que as contas ficavam mais complexas a administração no papel aumentava de complexidade também.

A partir desse cenário a plataforma Myia foi elaborada com objetivo de ajudar não somente na minha administração financeira, mas na de qualquer pessoa que utilizava um sistema de controle parecido com o meu.

Processo de criação
Mesmo sendo um projeto pessoal, a plataforma Myia seguiu os conceitos de Design Thinking à partir do método clássico de criação de projetos, o modelo cascata.

O cronograma das etapas de desenvolvimento podem ser visualizadas na planilha abaixo a acessada por esse link.
O nome da plataforma é em referencia a Myia, uma filósofa pitagórica e poetisa, filha de Teano e Pitágoras, importantes expoentes da matemática e filosofia grega. Esse nome tem convergência, em sua sonoridade, com o principal objetivo da plataforma.
Após a criação da identidade visual da marca Myia, chegou a hora da criação dos fluxos, não vou negar que antes disso eu já tinha pensado em alguns elementos visuais da página, porém é sem pre importante dar um passo atrás e desenhar como cada tela, cada componente e cada botão deve se comportar.

Importante dizer que algumas coisas que estão no documento de fluxos podem sofrer transformações na etapa de implementação, mas é fundamental que a essência do projeto continue da forma que foi concebida.

Neste link você pode ter acesso ao documento de que mostrar como se comportam os elementos das telas.
A parte gráfica do projeto foi desenvolvida no Figma, primeiro criando o Style Guide, depois os Design System e posteriormente cada tela da aplicação. Abaixo você pode visualizar a página do Design System, porém, todo do projeto está disponível para visualização neste link. No total foram 36 telas.
Caso queira, você também pode testar o protótipo navegável da ferramenta.
Logo depois da criação dos protótipos foram realizados alguns testes de usabilidade, visando entender sobre a facilidade de uso da plataforma com pessoas reais.

Para o teste foi criado um roteiro com sete ações importantes (você pode conferir p documento do roteiro neste link) e após a finalização das tarefas realizei os testes de usabilidade.
Processo de desenvolvimento
Esse projeto foi desenvolvido nas ferramentas, HTML5, CSS3, JavaScript, PHP e banco de dados MySQL, abaixo um print do projeto do banco de dados para implementação da plataforma.
Na etapa de desenvolvimento o desafio foi criar, via código, tudo que o foi estabelecido nas etapas anteriores, e fiquei satisfeito com o resultado final, que vocês podem conferir no link simples-ux.com.br/myia.

Esta plataforma está funcional, então, se quiser, basta você criar uma conta e utilizar, mas sempre lembrando que se trata de um desenvolvimento para estudos, que podem ocorrer erros, invasões e interrupções momentâneas.

Com relação a proteção de dados, foi pensado na criptografia de todos os dados que são transmitidos na plataforma, mas trata-se de uma criptografia básica. Então, não coloque na plataforma informações que possa te comprometer. ;)

Muito obrigado pela leitura.
Myia Controle de Usabilidade
Published:

Myia Controle de Usabilidade

Published: