Simplicidade e Clareza Algumas notas sobre o Portal do Cidadão Jorge Fernandes Programa ACESSO Nov.2003

3.5 - Use os elementos de cabeçalho para transmitir a estrutura dos documentos e utilize-os de acordo com as especificações. Prioridade 2 Use os elementos de cabeçalho para transmitir a estrutura dos documentos Use a notação de listas e liste os seus elementos de forma apropriada. Prioridade 2 Use a notação de listas e liste os seus elementos de forma apropriada Use a notação de citações. Não utilize a notação de citação para formatar efeitos tais como tabulação/entalhe. Prioridade 2 Use a notação de citações 3. Utilize correctamente a notação e as folhas de estilo.

3.6 - Use a notação de listas e liste os seus elementos de forma apropriada. Prioridade 2 Use a notação de listas e liste os seus elementos de forma apropriada Use a notação de citações. Não utilize a notação de citação para formatar efeitos tais como tabulação/entalhe. Prioridade 2 Use a notação de citações 3. Utilize correctamente a notação e as folhas de estilo.

3.7 - Use a notação de citações. Não utilize a notação de citação para formatar efeitos tais como tabulação/entalhe. Prioridade 2 Use a notação de citações 3. Utilize correctamente a notação e as folhas de estilo.

A perdição dos Designers :-)

4.1 - Clarifique identificando alterações em linguagem corrente do texto do documento e de qualquer equivalente textual. Prioridade 1 identificando alterações em linguagem corrente Forneça uma extensão de cada abreviatura ou sigla existente num documento quando este surge pela primeira vez. Prioridade 3 abreviatura ou sigla Identifique o idioma principal do documento Prioridade 3idioma principal 4. Clarifique usando linguagem natural.

4.2 - Forneça uma extensão de cada abreviatura ou sigla existente num documento quando este surge pela primeira vez. Prioridade 3 abreviatura ou sigla Identifique o idioma principal do documento Prioridade 3idioma principal 4. Clarifique usando linguagem natural.

4.3 - Identifique o idioma principal do documento Prioridade 3idioma principal 4. Clarifique usando linguagem natural.

Divida grandes blocos de informação em grupos mais manejáveis e apropriados. Prioridade 2Divida grandes blocos de informação 12. Forneça informação de orientação e contexto.

13. Forneça mecanismos de navegação claros Coloque informação diferenciada no início dos cabeçalhos, parágrafos, listas, etc. Prioridade 3 Coloque informação diferenciada no início Providencie informação sobre colecções de documentos (i.e., documentos compostos por múltiplas páginas). Prioridade 3 informação sobre colecções de documentos

13. Forneça mecanismos de navegação claros Providencie informação sobre colecções de documentos (i.e., documentos compostos por múltiplas páginas). Prioridade 3 informação sobre colecções de documentos

Use linguagem clara e o mais simples possível apropriada ao conteúdo do site. Prioridade 1 linguagem clara e o mais simples possível Reforce a mensagem texto através de gráficos e/ou áudio na medida em que os mesmos facilitem a compreensão da página. Prioridade 3 Reforce a mensagem texto através de gráficos e/ou áudio Crie um estilo de apresentação que seja consistente ao longo das páginas. Prioridade 3 de apresentação que seja consistente 14. Certifique -se que os documentos são simples e claros.

Reforce a mensagem texto através de gráficos e/ou áudio na medida em que os mesmos facilitem a compreensão da página. Prioridade 3 Reforce a mensagem texto através de gráficos e/ou áudio Crie um estilo de apresentação que seja consistente ao longo das páginas. Prioridade 3 de apresentação que seja consistente 14. Certifique -se que os documentos são simples e claros.

Crie um estilo de apresentação que seja consistente ao longo das páginas. Prioridade 3 de apresentação que seja consistente 14. Certifique -se que os documentos são simples e claros.

-Inclusão de textos alternativos em botões e imagens; -Utilização de folhas de estilo e templates; -Ilustração da possibilidade de utilização de diferentes línguas e facilidade em trocar de língua; -Utilização preferencial de listas em detrimento de tabelas; -Inclusão de uma barra de navegação que permite obter informação contextuai actualizada; - Utilização de mecanismos de navegação simples, coerentes e explícitos; - Utilização de linguagem simples e clara; - Inclusão do símbolo de acessibilidade, com o respectivo texto associado, em cada página. Acessibilidade do Portal do Cidadão Proposta inicial

1. que site é este? (ID do site) 2. em que página estou eu? (nome da página) 3. quais são as principais secções deste site? (secções) 4. quais são as minhas opções a este nível? (navegação local) 5. em que posição relativa estou eu face à estrutura? (indicador: "você está aqui") 6. como posso procurar? USABILIDADE Teste do Camião Steve Krug Dont Make me Think

1. que site é este? (ID do site) Portal do Cidadão Encontra-se devidamente identificado em todas as páginas.

2. em que página estou eu? (nome da página) Registo do Utilizador Qualquer página deve ter explicitamente o seu nome afixado, incluindo a Homepage

3. quais são as principais secções deste site? (secções) Principais secções do Portal Cidadãos, Empresas e Comunidades As principais secções devem estar referenciadas em todas as páginas

4. quais são as minhas opções a este nível? (navegação local) Efectuar Registo Dentro de cada página deve estar claramente identificada as diversas opções locais

5. em que posição relativa estou eu face à estrutura? (indicador: "você está aqui") Você está aqui: Início > Cidadãos

6. como posso procurar? Motor de Busca Presente em todas as páginas do site Nielsen (1997) reported the results of some usability studies where he found that: - More than half of all users are search- dominant, - About 20% of all users were link- dominant, and - The remaining 30% exhibited mixed searching and linking behaviors.

Algumas notas sobre problemas Acessibilidade Protótipo do Portal do Cidadão - Links do tipo clique para mais informações; link não compreensível fora do contexto; - notas relativas a cores: cor de fundo e de letra com padrões próximos. - Botões de rádio posicionados de forma não convencional Adicionar funcionalidade: -Saltar menu; -Introduzir tecla de atalho para motor de busca; -Dotar o site de 4 folhas de estilo adicionais: # branco/preto 120% # preto/branco 120% # branco/preto 150% # preto/branco 150%