Webmeteoro
Memorial Descritivo

1. Requisitos adotados

1.1 Rapidez
1.2 Facilidade de navegação
1.3 Simplicidade
1.4 Usabilidade
1.5 Identidade Visual

2. Conceito da proposta
O layout toma como base os requisitos levantados, incluindo a solicitação de estar associado a marca do Webmeteoro. Para esse resultado usamos o padrão cromático da marca em maior intensidade na barra superior, juntamente com uma imagem relacionada com tecnologia. A ideia também é que a imagem passe a ideia de manchas remetendo um pouco as imagens de satelite do sistema.

Levando em conta os requisitos, procuramos fazer uma analogia do software com a mesa de trabalho do usuário. Para que o trabalho seja mais produtivo e fácil para usuários, a interface se preocupou em organizar as informações sem muita interferência visual, se limitando ao extritamente necessário. O design é clean, sem muitos elementos gráficos, prezando pela limpeza visual da tela e facilitando o carregamento da página pelo browser.

2.1 Cores

Apesar do sistema em java ser todo em azul, tornou-se necessaria a aplicação de outras cores para quebrar a monocromia uma vez que a web possui uma outra linguagem. Dessa forma, foi utilizado no layout também as cores que seguem o padrão da marca. Por ser o laranja e o vermelho cores quentes, limitamos a sua predominância a área superior que identifica o sistema. No que chamamos área de trabalho, utilizamos os tons azulados proporcionando ao usuário tranquilidade e limpeza. É importante salientar que o azul foi utilizado também como forma de manter uma identidade com o sistema em java.

2.2 Menu
Optamos pela utilização de um menu sem recurso de imagem para facilitar a atualização do sistema. O menu é montado com texto html, e a diferença entre itens e subitens é dada através de cores.

Foi projetado em dois ou três níveis de acordo com sua necessidade. Essa solução tem o objetivo de limpar mais a interface e de agrupar as informações funcionais do sistema de forma que facilite a navegação. O usuário identifica rapidamente a área de navegação. Além disso, sua disposição na parte superior torna- o mais visível.

 

layout
1. 2