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

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

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

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

Simplicidade e Clareza

Algumas notas sobre o Portal do Cidadão

Jorge FernandesPrograma ACESSONov.2003

Page 2: 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 3.6 - Use a notação de listas e liste os seus elementos de forma apropriada.  Prioridade 2 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 

3. Utilize correctamente a notação e as folhas de estilo.

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

3.6 - Use a notação de listas e liste os seus elementos de forma apropriada.  Prioridade 2 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 

3. Utilize correctamente a notação e as folhas de estilo.

Page 5: Simplicidade e Clareza Algumas notas sobre o Portal do Cidadão Jorge Fernandes Programa ACESSO Nov.2003.
Page 6: Simplicidade e Clareza Algumas notas sobre o Portal do Cidadão Jorge Fernandes Programa ACESSO Nov.2003.
Page 7: Simplicidade e Clareza Algumas notas sobre o Portal do Cidadão Jorge Fernandes Programa ACESSO Nov.2003.

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 

3. Utilize correctamente a notação e as folhas de estilo.

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

A perdição dos Designers :-)

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

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

4. Clarifique usando linguagem natural.

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

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

4. Clarifique usando linguagem natural.

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

4.3 - Identifique o idioma principal do documentoPrioridade 3

4. Clarifique usando linguagem natural.

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

12.3 - Divida grandes blocos de informação em grupos mais manejáveis e apropriados. Prioridade 2

12. Forneça informação de orientação e contexto.

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

13. Forneça mecanismos de navegação claros.

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

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

13. Forneça mecanismos de navegação claros.

13.9 - Providencie informação sobre colecções de documentos (i.e., documentos compostos por múltiplas páginas).  Prioridade 3 

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

14.1 - Use linguagem clara e o mais simples possível apropriada ao conteúdo do site. Prioridade 1 14.2 - 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 14.3 - Crie um estilo de apresentação que seja consistente ao longo das páginas.  Prioridade 3 

14. Certifique-se que os documentos são simples e claros.

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

14.2 - 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 14.3 - Crie um estilo de apresentação que seja consistente ao longo das páginas.  Prioridade 3 

14. Certifique-se que os documentos são simples e claros.

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

14.3 - Crie um estilo de apresentação que seja consistente ao longo das páginas.  Prioridade 3 

14. Certifique-se que os documentos são simples e claros.

Page 26: Simplicidade e Clareza Algumas notas sobre o Portal do Cidadão Jorge Fernandes Programa ACESSO Nov.2003.
Page 27: Simplicidade e Clareza Algumas notas sobre o Portal do Cidadão Jorge Fernandes Programa ACESSO Nov.2003.
Page 28: Simplicidade e Clareza Algumas notas sobre o Portal do Cidadão Jorge Fernandes Programa ACESSO Nov.2003.

-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ãoProposta inicial

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

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?

USABILIDADETeste do CamiãoSteve Krug “Don’t Make me Think”

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

1. que site é este? (ID do site)

Portal do CidadãoEncontra-se devidamente identificado em todas as páginas.

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

2. em que página estou eu? (nome da página)

Registo do UtilizadorQualquer página deve ter explicitamente o seu nome afixado, incluindo a Homepage

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

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

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

4. quais são as minhas opções a este nível? (navegação local)

Efectuar RegistoDentro de cada página deve estar claramente identificada as diversas opções locais

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

5. em que posição relativa estou eu face à estrutura? (indicador: "você está aqui")

Você está aqui: Início > Cidadãos

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

6. como posso procurar?

Motor de BuscaPresente 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.

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

Algumas notas sobre problemas AcessibilidadeProtó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 convencionalAdicionar 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%