1. Logo SISDREN SISDREN Docs
  2. Releases

Facelift da Interface e Melhoria na Usabilidade


Facelift

A interface do SISDREN foi atualizada para aproveitar melhor o espaço disponível na tela, tanto em notebooks quanto em celulares para que a navegação seja mais agradável e que o sistema tenha uma aparência mais familiar, semelhante aos aplicativos do Google que muitos já utilizam no dia a dia.

A antiga interface do SISDREN no desktop era assim:

Antiga interface do SISDREN no desktop
Antiga interface do SISDREN no desktop

Agora, a nova interface do SISDREN no desktop apresenta um visual renovado, conforme ilustrado na imagem a seguir. O destaque principal está no menu lateral esquerdo, que foi reorganizado para tornar a navegação mais intuitiva e melhorar o aproveitamento do espaço disponível. Os itens estão agrupados e os ícones foram substituídos pela família de ícones do Google Fonts, proporcionando uma experiência mais familiar para a maioria dos usuários.

Nova interface do SISDREN no desktop
Nova interface do SISDREN no desktop

Aba de Layers

Ao abrir a aba de layers, destaca-se aprimoração na tipografia e espaçamentos, que proporcionam uma identificação mais clara e organizada nos grupos de layers. Abaixo, seguem capturas de tela comparando as versões antiga e nova da aba de layers:

Antiga aba de layers do SISDREN
Antiga aba de layers do SISDREN
Nova aba de layers do SISDREN
Nova aba de layers do SISDREN

Tela de Propriedades

As telas de propriedades dos layers também foram aprimoradas. Abaixo, seguem capturas de tela comparando as versões antiga e nova das telas de propriedades:

Antiga tela de propriedades do SISDREN
Antiga tela de propriedades da bacia no SISDREN

Na versão atualizada, o tamanho das fontes foi ajustado para que ficar mais legível em tela desktop e o cabeçalho da aba de propriedades foi reformulado para facilitar a identificação da feição geográfica selecionada.

Nova tela de propriedades do SISDREN
Nova tela de propriedades de bacia do SISDREN
Nova tela de propriedades do SISDREN
Nova tela de propriedades de hidrografia do SISDREN

Menu de Seleção de Mapa-Base

O menu de seleção de mapa-base antigo era assim.

Antigo menu de seleção de mapa-base do SISDREN
Antigo menu de seleção de mapa-base do SISDREN

Ao clicar no botão de seleção de mapa-base, o usuário verá um menu de opções com os nomes de todos os mapas-base disponíveis. Ao selecionar o item desejado, o usuário verá sua opção refletida no mapa e o item será destacado no menu. Abaixo, segue captura de tela do novo menu de seleção de mapa-base:

Novo menu de seleção de mapa-base do SISDREN
Novo menu de seleção de mapa-base do SISDREN

Outras telas

Nova tela de troca de senha
Nova tela de troca de senha
Nova tela de logoff do SISDREN
Nova tela de logoff do SISDREN

Usabilidade

Aba de Layers

Na versão para celular, a listagem de layers foi redesenhada para evitar sobreposição com o menu inferior, aproveitando melhor o espaço disponível e exibindo mais itens por rolagem de tela. Abaixo estão as capturas de tela da aba de listagem de layers, comparando as versões anterior e atualizada:

Nova tela de lista de camadas do SISDREN
Nova tela de lista de camadas do SISDREN

Telas de Listagem

As melhorias de espaço também se estendem às telas de listagem de bacias, cadernos e etc. com melhor aproveitamento do espaço disponível em tela.

Nova tela de lista de bacias do SISDREN
Nova tela de lista de bacias do SISDREN

A caixa de filtragem desloca-se para a parte superior da tela, evitando sobreposições indesejadas.

Nova tela de lista de bacias do SISDREN
Posicionamento automático da caixa de busca

Tela de Propriedades

Ao visualizar as propriedades de feições geográficas, a caixa de busca é momentaneamente ocultada para aumentar a área de visualização dos dados. Além disso, a listagem de campos e seus respectivos valores são exibidos lado a lado para, novamente, exibirmos mais informações por rolagem de tela.

Nova tela de propriedades da bacia do SISDREN
Nova tela de propriedades da bacia do SISDREN