O que é Gera Provas ?
Visando melhor compreender o conteúdo e colocar em prática o que é ensinado no curso de UX da Awari, foi decidido trabalhar na criação do design da nova aplicação Gera Avaliação. A aplicação irá permitir criar, editar, consultar históricos de avaliações e permitir que alunos possam realizar a prova no próprio ecossistema independente da plataforma.
O aplicativo possui o intuito de ajudar educadores com pouco conhecimento em informática e recursos, onde de formas simples e com poucos toques consegue gerar uma avaliação do conteúdo e nível selecionados.
WHAT IS GERA PROVA ?
Aiming to better understand the content and put into practice what is taught in Awari's UX course, it was decided to work on creating the design of the new application Generates Assessment. The application will allow you to create, edit, consult assessment histories and allow students to take the test in their own ecosystem, regardless of the platform.
The application is intended to help educators with little knowledge in computing and resources, where in simple ways and with a few touches it can generate an assessment of the selected content and level.
Por que ?
- Devido a uma grande dificuldade ou resistência de educadores entrarem na área digital.
- Falta de proficiência em computadores e smartphones.
- Tarefa feita na maioria das vezes de forma manual.
- Pandemia transformou a realidade educação e trabalho no mundo.
WHY?
- Due to a great difficulty or resistance of educators to enter the digital area.
- Lack of proficiency in computers and smartphones.
- Task done mostly manually.
- Disease Covid-19 transformed the reality of education and work in the world.
Pelo gráfico podemos ter uma ideia de como os educadores se veem atualmente confrontando a barreira da tecnologia todos os dias.
From the graph we can get an idea of how educators currently see themselves confronting the technology barrier every day.
Personas mapa de empatia
Através de pesquisa com alguns educadores de rede pública e privada, obtivemos algumas personas para o projeto.
Through research with some public and private network educators, we obtained some personas for the project.
benchmark
Realizando uma uma análise competitiva com os empresas ou sistemas que se propõem a fazer o mesmo. Conseguindo alguns dados importantes e a colocação de como o gera prova iria de comportar no mercado.
BENCHMARK
Conducting a competitive analysis with companies or systems that propose to do the same. Getting some important data and putting how it generates proof would behave in the market.
A logomarca
Ao pesquisar e querendo passar a ideia sobre o que é o nosso produto, finalizamos nessa opção.
A escolha de cores é bem simples, o azul é para que possa passar tranquilidade e confiança a nossos usuários sejam educadores ou alunos que possam ou irão utilizar nosso sistema. Laranja como contraste e destaque para os detalhes, assim como nossa função principal que é gerar provar, é como nos destacamos no mercado.
Fonte mais grossa é robustez e base sólida para que possa ser usada quando e onde quiser, independente do seu conhecimento com de informática ou dispositivo que estaja acessando para acessar o Gera Prova.
LOGO
When researching and wanting to convey the idea about what our product is, we ended up with this option.The choice of colors is very simple, the blue is so that you can pass on tranquility and confidence to our users, whether they are educators or students who can or will use our system. Orange as contrast and highlight for details, as well as our main function which is to generate proof, is how we stand out in the market.Thicker font is robust and solid base so it can be used whenever and wherever you want, regardless of your computer knowledge or the device you are accessing to access Gera Prova.
CONVERSION LANDING PAGE
Aiming to attract users to our proposal, a prototype for system conversion was developed.Taking a more minimalist layout and making use of colors such as blue in the logo and orange to highlight buttons, we managed to reach an extremely pleasant result that meets most expectations, which is to explain about the product and convert.
Landing Page de conversão
Visando atrair usuários para nossa proposta, foi desenvolvido um protótipo de para a conversão do sistema.
Levando um layout mais minimalista e fazendo uso de cores como o azul da logo e laranja para o destaque de botões, conseguimos chegar a um resultado extremamente agradável que atinge a maioria das expectativas, que é explicar sobre o produto e converter.
WIREFRAMES
O PROTÓTIPO
Após testes com usuários em protótipos de baixa fidelidade para testar o fluxo do mesmo e se a UI estava intuitiva, houveram muitos erros e acertos, mas chegamos a uma versão final que atendia ao desejo que foi proposto desde o início do projeto.
THE PROTOTYPE
After tests with users on low-fidelity prototypes to test its flow and if the UI was intuitive, there were many mistakes and successes, but we reached a final version that met the desire that was proposed since the beginning of the project.
Cores
Tipografia
Design System
Obrigado por ter chegado até aqui, espero que tenha agradado ou ajudado de alguma forma. Se possível gostaria de pedir para que se tiver alguma crítica, sugestão ou dúvida pode comentar ou entrar em contato através do e-mail abaixo, será um prazer conversar com você!
Thanks for getting this far, I hope you pleased or helped in some way.If possible, I would like to ask that if you have any criticisms, suggestions or questions, you can comment or get in touch via the email below, it will be a pleasure to talk to you!
rafaamaral.uxui@gmail.com
