[email protected]

Entre em Contato

Simula UX/UI – Front-End

Portfólio

Simula é um sistema Business Intelligence para sugerir melhores contratações e treinamentos.

Cuidamos da UX do sistema, da elaboração da interface e da implementação do mesmo.

O Design foi elaborado para ser simples e didático. Por ser um software com o objetivo de gráficos e relatórios analíticos, ele foi pensado para uso em telas que variam de Tablets de 8 polegadas ou superior à telas 5K.

Pensando em otimizar a leitura, o leiaute foi pensado tendo como base os espaçamentos. Espaçamentos em contêineres e elementos de interação, tipografia pensada em facilitação de leitura e organização pensada em direcionamento.

As cores foram idealizadas pensando em facilitar a leitura, com um alto contraste, para evitar quaisquer erro de interpretações. Mesmo parecendo ligeiramente intenso, essas cores mais saturadas só aparecem nos resultados gráficos. As cores que possuem mais repetição durante o sistema são mais pasteis, para não incomodar o usuário.

Para permitir que as informações ocorram de formas mais orgânicas, o sistema foi criado para que todas as interações resultem em transições e evitar que informações chegam abruptamente ao usuário.

De forma a carregar o sistema mais rapidamente, a parte de idioma é tratada via objeto Javascript, mantendo o idioma padrão em inglês e atualizando em tempo real de acordo com a preferência (ou geolocalização) do usuário.

Essas transições se fazem importante a medida que prepara o cérebro para a informação seguinte, garantindo uma melhor compreensão dos dados.

O Front-End, do qual fomos encarregados, foi feito em Javascript, com jQuery, CSS3 e usando tecnologias HTML5. As transições foram feitas com animações em CSS, assim os navegadores poderão utilizar melhor o recurso e evitar travamentos em máquinas menos poderosas.

Usando HTML e jQuery foi possível criar interações mais orgânicas para o usuário. Foi sempre buscado uma forma prática de interação, com recursos mais suaves e simplificados.