Descrição |
|||||||
|---|---|---|---|---|---|---|---|
| Data de elaboração | 19/09/2021 | ||||||
| Responsável pelo estudo | Rafael Passos dos Santos (Assessor) |
||||||
| Equipe do estudo |
Gustavo Felix Gomes (Assessor) Rafael Passos dos Santos (Assessor) André Honório de Andrade Silva (Tecnico) Emanuel Rufino Alcantara de Lima (Analista) Lucas de Souza e Sousa (Estagiario) Euriane Nogueira (Product Owner) |
||||||
| Alvo | Portal do Cidadão |
||||||
| Origem | Melhorias de UX no Portal do Cidadão |
||||||
| Objetivo | Identificar as possíveis melhorias de UX e Design que podem ser aplicadas ao Portal do Cidadão. |
||||||
| Documentação correlata | -/- | ||||||
| Observações | O presente estudo pretende também levantar as Historias dos cards para a Sprint |
||||||
¶ Glossário
UX, User Experience: Experiência do Usuário
¶ Introdução
Espera-se ter muitos acessos ao Portal do Cidadão através do computador, celulares e tablets. Sendo esses acessos por pessoas de diversas idades e familiaridades com a tecnologia, devido a este cenário e importante o portal ter uma boa usabilidade e experiência de usuário.
¶ Desenvolvimento - Melhorias de UX no Portal do Cidadão
¶ Cores e Texto
Foi definido inicialmente que a cor do tema do Portal do Cidadão teria que ser verde, durante o desenvolvimento testamos vários temas de verde ate chegarmos em um que agrade os clientes, os usuários e os desenvolvedores. Essa escolha do tom de verde foi pensando para trabalhar bem em tela com pouco ou muito contraste e para facilitar a utilização do sistema para pessoas com daltonismo.
Outro fator importante quando se trabalhar com cores e tentar não misturar cores que em monitores com alto ou baixo contraste sumam principalmente nos textos. Para facilitar a identificação desses cenários e possível utilizar o Lighthouse do Google Audits onde ele aponta quais elementos podem apresentar esse problema.
Segue abaixo uma captura de tela do Lighthouse informando um problema com texto:
¶ Painel do Cidadão
Atualmente o Portal do Cidadão não possui um Painel do Cidadão. Conforme observado em outros Portais apresentados para o Time Vingadores ficou claro a necessidade de um Painel do Cidadão para que seja facilmente exibido ao usuários suas informações de uso no sistema e as informações relacionados a segurança, como por exemplo o Aceite de Termo de Uso, o Aceite de utilização de Cookies e Quais informações estão sendo armazenadas e quais sistemas estão utilizando elas.
Segue abaixo uma captura de tela do Painel do Cidadão de um dos sistemas apresentados ao time:
¶ Histórias Previstas
Título |
Pontos da História |
|---|---|
(User Story) Eu como cidadão preciso de um Painel do Cidadão |
2 pontos |
(User Story) Permitir Visualizar Últimos Serviços Solicitados no Painel do Cidadão. |
3 pontos |
(User Story) Exibir Notificações do Cidadão no Painel do Cidadão. |
3 pontos |
(User Story) Eu como cidadão preciso saber quando realizei o Termo de aceite. |
2 pontos |
(User Story) Eu como cidadão preciso saber quais informações o Portal do Cidadão possui minha e quais sistemas estão utilizando elas. |
2 pontos |
(Debito Técnico) Melhorar Menu do Portal do Cidadão. |
2 pontos |
(Debito Técnico) Melhorar Exibição dos Detalhes do Serviço. |
3 pontos |
(Debito Técnico) Melhorar Exibição do Acompanhamento das Solicitações. |
2 pontos |
(Debito Técnico) Melhorar Exibição do Detalhe da Solicitações. |
3 pontos |
(Debito Técnico) Ajustar Contrates de Textos e Cores. |
3 pontos |
(Debito Técnico) Ajustar Acessibilidade de Textos e Imagens. |
5 pontos |
TOTAL |
30 pontos |
¶ Conclusão
Conforme apresentado neste estudo se faz necessário a aplicação dessas melhorias de design e de experiência do usuário para um melhor Portal e para se obter mais Feedbacks positivos e uma maior facilidade de uso dos usuários.
¶ Referências
https://web.dev/performance-audit/
https://developer.chrome.com/docs/lighthouse/overview/