Usabilidade de Sistema

Trabalho de Usabilidade

1. Tela de Autenticação

1. Titulo
Cor: Vermelho (#dd5a43)
Fonte: Open Sans
Tamanho da Fonte: 20px

2. Subtítulo e Rotulo dos campos de Autenticação
Cor: Azul (#478fca)
Fonte: Open Sans
Tamanho da Fonte: 18px

3. Caixa de Texto Usuário e Senha
Borda: 1px
Cor: Cinza (#858585)
Fonte: Open Sans
Tamanho da Fonte: 14px
Tamanho: 351px x 30px

4. Botão Entrar
Cor do Fundo: Azul (#2283c5)
Cor da Letra: Branco
Fonte: Open Sans
Tamanho da Fonte: 14px
Tamanho: 123px x 32px

2. Tela Principal (Home)

3. Menu do Sistema

Cor da letra: Preto (#585858)
Fonte: Open Sans
Tamanho da Fonte: 13px
Cor do Fundo: Cinza (#e4e6e9)

4. Menu Dashboard

4.1. Processador (CPU)

Tipo de Gráfico: Aréa

4.2. Memoria

Tipo de Gráfico: Aréa

4.3. Disco

Tipo de Gráfico: Pizza

5. Monitor de DeadLock

6. Relatório de Servidor

1. Rótulos dos Campos
Cor da Fonte: Preto (#393939)
Fonte: Open Sans
Tamanho da Fonte: 15px

2. Caixa de Texto Servidor e Relatório
Borda: 1px
Cor do texto: Preto (#555)
Fonte: Open Sans
Tamanho da Fonte: 14px
Tamanho: 530px x 30px

3. Caixa de Texto Data
Borda: 1px
Cor do texto: Cinza (#858585)
Fonte: Open Sans
Tamanho da Fonte: 14px
Tamanho: 164px x 30px

4. Botão Acessar
Cor do Fundo: Azul (#2283c5)
Cor da Letra: Branco
Fonte: Open Sans
Tamanho da Fonte: 14px
Tamanho: 85px x 32px

7. Administração

7.1. Usuário
7.1.1. Pesquisar

1. Cabeçalho do Painel
Cor da Fonte: Branco (#FFF)
Cor do Fundo: Azul (#307ecc)
Fonte: Open Sans
Tamanho da Fonte: 14px

2. Caixa de Texto de Pesquisa
Borda: 1px
Cor do texto: Preto (#555)
Fonte: Open Sans
Tamanho da Fonte: 14px
Tamanho: 284px x 30px

3. Botão Pesquisar
Cor do Fundo: Azul (#2283c5)
Cor da Letra: Branco
Fonte: Open Sans
Tamanho da Fonte: 14px
Tamanho: 85px