Liviu

Liviu

Liviu

Desenvolvendo um software de criação de materiais didáticos.

Desenvolvendo um software de criação de materiais didáticos.

Desenvolvendo um software de criação de materiais didáticos.

Como desenvolver um software que permita aos usuários criarem seus próprios materiais didáticos e os publicarem em HTML e em PDF, sendo com plataformas de aprendizado online?

Empresa

Adapt Edtech

Ano

2024

Escopo

User Interface

Contexto

Como tornar a experiência de criar materiais didáticos multidisciplinares intuitiva e menos complexa?


O que foi percebido de cara foi como diversas pessoas estão envolvidas nesse processo: o Diagramador, o Designer Educacional, o Professor, o Coordenador do curso.


O software deveria abarcar essas diferentes atuações e centralizá-las, de modo que as permitisse trabalhar colaborativamente.

01

Criando materiais de forma intuitiva

Uma das telas mais importantes: a Diagramação em si. É nesse ambiente que muitos dos nossos usuários passam horas construindo materiais. A experiência devia ser intuitiva e com menor carga cognitiva.

Criamos diversos estados com um foco em mente: permitir que os usuários criassem a MAIOR quantidade de variações possível.


Buscando se diferenciar do mercado, evitamos o uso de templates prontos por todo o produto.

Documentação de cores

Acessibilidade

Color picker custom

Pastas

Dark mode

Verificação

O Banco Central especifica a importância de que o ambiente Pix esteja acessível na tela de Login ou na tela imediatamente após esta. Com isso em mente, optei por inserir o novo fluxo na Tela Inicial.

Verificação

O Banco Central especifica a importância de que o ambiente Pix esteja acessível na tela de Login ou na tela imediatamente após esta. Com isso em mente, optei por inserir o novo fluxo na Tela Inicial.

Verificação

O Banco Central especifica a importância de que o ambiente Pix esteja acessível na tela de Login ou na tela imediatamente após esta. Com isso em mente, optei por inserir o novo fluxo na Tela Inicial.

Verificação

O Banco Central especifica a importância de que o ambiente Pix esteja acessível na tela de Login ou na tela imediatamente após esta. Com isso em mente, optei por inserir o novo fluxo na Tela Inicial.

Aproximando

Buscando compreender a lógica que estrutura a ordem visual do produto, listei algumas palavras-chave que me aproximaram do resultado a ser alcançado.

Disrupção
Agilidade
Futuro
Mais poder ao Usuário
Balancear o Sistema
Tecnologia

Features Principais

01

Esconder Saldo

Durante entrevistas com Usuários, foi possível perceber um ponto de dor em comum: a capacidade de esconder o saldo. Tanto nas entrevistas quanto analisando reviews na App Store, foi possível notar a importância atribuída a essa feature pelos lojistas.

02

Navegação em Ícones

Entendendo a praticidade que a Área Pix na Home Page traz ao usuário, foi necessário adaptá-la. O modelo atual, em lista, diminuiria o destaque ao ambiente Pix. Com isso em mente, a navegação em ícones foi uma solução bem adaptada. Testes de usabilidade embasam essa hipótese.

03

Enviar e Receber

A proposta de trazer os fluxos de Enviar e de Receber ao início foi trazer agilidade ao Usuário. Essa mudança visa diminuir a quantidade de cliques nas operações e auxilia na percepção de que o Box de ‘Saldo’ pode ser lida como uma Carteira/Maquininha.

04

Área Pix

Com o início do Fluxo em mente, o próximo passo foi idealizar a Área Pix e quais funcionalidades ela precisava abranger. O BACEN deixa claro a obrigatoriedade das seguintes formas de iniciação de pagamento:

Chave Pix, QR Code, Inserção Manual e Pix Copia e Cola.

05

Gestão das Chaves

O BACEN também especifica a necessidade do Usuário poder gerir suas chaves Pix, editá-las, adicioná-las ou removê-las. Através dessa Gestão, pode-se resolver a problemática principal e criar o fluxo de pagamento.

O BACEN também especifica a necessidade do Usuário poder gerir suas chaves Pix, editá-las, adicioná-las ou removê-las. Através dessa Gestão, pode-se resolver a problemática principal e criar o fluxo de pagamento.

Métricas-Chave
Avaliamos o novo fluxo a partir de Testes de Usabilidade com 8 Usuários. Acreditamos que a taxa de 100% de tarefa completa se deve ao fato da Clareza Visual e de seguir heurísticas bem definidas de manter uma ação por vez, separando o processo por etapas.

100%

Tarefa completa

'Senti que foi tudo bem claro, fiz o pagamento rapidamente'

Usuário

O que eu aprendi
Aprendi que limitações podem aumentar a criatividade. Esse projeto contou com várias restrições e elas acabaram por me permitir focar no que era importante. Aprendi que criar fluxos que o Usuário já está acostumado é mais importante que revolucionar um processo já bem estabelecido.

Obrigado pela atenção

Obrigado pela atenção

© 2024 Dann Leal. Todos os direitos reservados.