To: "Arquitetura da Informação (em Português)" <aifia-pt AT lists.ibiblio.org>
Subject: Re: [AI] Manual de estilos ou padrões???
Date: Wed, 30 Aug 2006 12:11:40 -0300
Simone,
Eu participo de uma comissão que estabelece Padrões de Interface para um grande sistemas web da esfera governamental, esse manual também é usado como base para os sistemas web do Estado da Bahia (Governo).
O trabalho é bem interessante e de grande dimensão. Estamos em constantes revisões (é um processo incremental), pois o fornecedor/usuário sempre aparece com situações e demandas diferentes.
Além de cores, fontes e estilos, definimos uma estrutura de navegação e comportamento (mensagens de erro, componentes de busca, componentes de entrada e saída, etc). Usamos também como premissa a lei de acessibilidade e a complacência com as recomendações da W3C.
Principios importantes para o sucesso do Manual de Padrões:
1 - Com a conclusão do Manual, apresentar para a equipe de desenvolvimento e para a equipe de usuários e gestores.
2 - Embutir uma fase de validação da interface no cronograma do projeto.
3 - Nunca deixar nada de fora do Manual, mesmo as excessões.
4 - Não "engessar", nem flexibilizar demais o Manual, sempre discutir as novas necessidades com uma comissão
5 - Montar a comissão com a participação de usuários, desenvolvedores, arquitetos de informação, assessores de comunicação, editores etc.
6 - ter sempre o manual atualizado e disponivel para todos os participantes do projeto.
Abaixo, segue o sumário de nossa documentação:
1 – Apresentação. 2 – Considerações Gerais. 3 – Cores.
4 – CSS. 5 – Marca/logotipo. 6 – Frames. 7 – Informações de caráter obrigatório. 8 – Tipologia, textos, títulos e mensagens 9 – Barras de títulos. 10 – Tabelas. 11 – Rastro. 12 – Botões.
13 – Página inicial e de acesso ao sistema. 14 – Páginas internas. 14.1 – Cabeçalho. 14.2 – Menu. 14.3 – Área Central 14.4 – Dimensões da página. 14.5 – Formatação de campos. 14.6 – Exibição de dados.
14.7 – Barra de Ferramentas. 15 – Navegação pelo sistema. 15.1 – Tratamento de erros. 15.2 – Páginas de cadastro. 15.2.a – Páginas de confirmação. 15.2.b – Recomendações para o uso de Abas. 15.2.c
– Atributos de Seleção Múltipla. 15.2.d – Atributos de Seleção Simples. 15.2.e – Cadastramento Mestre / Detalhe. 15.2.f – Funcionalidade "Gerar Cópia". 15.3 – Aplicação de filtros e emissão de relatórios.
15.3.a – Relatórios. 15.3.b Modelo Padrão de Relatórios do SGPF 15.4 Anexo de Documentos. 15.5 Treeview - Dados HierÁarquicos. 16 – Recomendações 17 – Estrutura de navegação. Anexo I: Glossário.
Gostaria de continuar com a discussão, os demais se puderem falar algo a respeito, estou a disposição.
Abraços,
On 8/30/06, Simone Reis <sreis24 AT yahoo.com.br> wrote:
> > > Pessoal, > > Preciso criar um manual de estilos e padrões para a nova interface dos sistemas web que estamos implementando aqui no trabalho. > > Procurei por alguma coisa no google mais não achei nada específico voltado para websites ou interface de sistemas web.
> > Alguem por acaso já fez, viu, participou de um trabalho destes. Poderiam me dar uma ajuda para começar?? > > Quais as informações tenho que deixar definidas além de cores, fontes, etc?
> > Desde já, muitíssimo agradecida. > > Abraços > Simone Reis > Webdesigner > > > > > > > > > ----------------------------------------------------------------------------------------------------------
> Simone Reis - Webdesigner > Email:sreis24 AT yahoo.com.br > MSN: sreis24 AT hotmail.com > Skipe: simone_reis
> Paltalk: simonereis_rj > http://www.graficrio.com.br > Cel.: (21)9603-5113 / Casa: 3395-4947/ Trab.: 3861-9771 > Agenda:
http://br.calendar.yahoo.com/sreis24 > "O maior tesouro de um ser humano é a sua consciência tranqüila." > > > ________________________________ O Yahoo! está de cara nova. Venha conferir!
> > > . . . . . . . . . . . . . . . . . . . . . . > Ao responder, elimine o texto não essencial > de mensagens anteriores e evite formatação. > > Lista de discussão AIfIA-pt
> AIfIA-pt AT lists.ibiblio.org > Arquitetura de Informação em Português > http://lists.ibiblio.org/mailman/listinfo/aifia-pt
> >