Guia de Estilo
Introdução
Um guia de estilo, conforme definido por Barbosa e Silva, é um conjunto de diretrizes e princípios que orientam o design de interfaces de usuário de sistemas computacionais. O guia visa promover a consistência visual, a usabilidade e a eficácia na comunicação entre o usuário e o sistema.
Objetivo do Guia de Estilo
O principal objetivo de um guia de estilo é garantir a consistência visual e de interação em um sistema ou produto, promovendo uma experiência unificada e intuitiva para o usuário. Nele serão analisados: - Elementos de interface: janelas, cores, símbolos, tipografia. - Elementos de interação: estilos de interação, seleção de um estilo, aceleradores. - Elementos de ação: preenchimento de campos, seleção e ativação.
Organização e Conteúdo do Guia de Estilo
O Guia de Estilo do Site do Portal Detran-DF será feito com base nos elementos citados anteriormente.
Público-alvo do Guia de Estilo
O Guia de Estilo é destinado aos alunos da turma de Interação Humano Computador e aos desenvolvedores do site do Portal Detran-DF.
Como utilizar o Guia
Este guia de estilo é uma ferramenta valiosa que pode ser consultada ao longo de todo o ciclo de vida do projeto de Interação Humano-Computador, abrangendo desde a fase de produção até a fase de manutenção, guiando a equipe em relação ao design e assegurando que sejam atendidas as necessidades dos usuários.
Como manter o Guia
É crucial manter o Guia de Estilo atualizado para garantir sua relevância ao longo do tempo. Isso implica em revisões periódicas para incorporar as melhores práticas de design, análise do feedback dos usuários para identificar áreas de melhoria, comunicação transparente sobre atualizações e implementação de um sistema de versionamento claro.
Resultados da Análise
Os usuários acessam o site por meio de uma variedade de dispositivos, incluindo desktops e dispositivos móveis. Nesse cenário, é essencial conceber e construir a interface do site com responsividade em mente.
Elementos de Interface
Os elementos de interface são apresentados na figura 1:
Figura 1 - Elementos da Interface.
Vocabulários e Padrões
O site utiliza termos simples enão muito intrusivos, seguindo também um padrão no design que se mantêm durante todo o site.
Referências Bibliográficas
1. BARBOSA, S. D. J.; SILVA, B. S. Interação Humano-Computador. Rio de Janeiro: Elsevier, 2011.
Histórico de Versões
| Versão | Data | Descrição | Autor(es) | Revisor(es) |
|---|---|---|---|---|
1.0 |
13/05/2024 | Criação da aba de Guia de Estilo. | Víctor Almeida | Filipe Carvalho |