Simplicidade e Clareza Algumas notas sobre o Portal do Cidadão Jorge Fernandes Programa ACESSO...
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.](https://reader036.fdocuments.net/reader036/viewer/2022062512/552fc0fc497959413d8b9ec5/html5/thumbnails/1.jpg)
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.](https://reader036.fdocuments.net/reader036/viewer/2022062512/552fc0fc497959413d8b9ec5/html5/thumbnails/2.jpg)
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.](https://reader036.fdocuments.net/reader036/viewer/2022062512/552fc0fc497959413d8b9ec5/html5/thumbnails/3.jpg)
![Page 4: Simplicidade e Clareza Algumas notas sobre o Portal do Cidadão Jorge Fernandes Programa ACESSO Nov.2003.](https://reader036.fdocuments.net/reader036/viewer/2022062512/552fc0fc497959413d8b9ec5/html5/thumbnails/4.jpg)
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.](https://reader036.fdocuments.net/reader036/viewer/2022062512/552fc0fc497959413d8b9ec5/html5/thumbnails/5.jpg)
![Page 6: Simplicidade e Clareza Algumas notas sobre o Portal do Cidadão Jorge Fernandes Programa ACESSO Nov.2003.](https://reader036.fdocuments.net/reader036/viewer/2022062512/552fc0fc497959413d8b9ec5/html5/thumbnails/6.jpg)
![Page 7: Simplicidade e Clareza Algumas notas sobre o Portal do Cidadão Jorge Fernandes Programa ACESSO Nov.2003.](https://reader036.fdocuments.net/reader036/viewer/2022062512/552fc0fc497959413d8b9ec5/html5/thumbnails/7.jpg)
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.](https://reader036.fdocuments.net/reader036/viewer/2022062512/552fc0fc497959413d8b9ec5/html5/thumbnails/8.jpg)
A perdição dos Designers :-)
![Page 9: Simplicidade e Clareza Algumas notas sobre o Portal do Cidadão Jorge Fernandes Programa ACESSO Nov.2003.](https://reader036.fdocuments.net/reader036/viewer/2022062512/552fc0fc497959413d8b9ec5/html5/thumbnails/9.jpg)
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.](https://reader036.fdocuments.net/reader036/viewer/2022062512/552fc0fc497959413d8b9ec5/html5/thumbnails/10.jpg)
![Page 11: Simplicidade e Clareza Algumas notas sobre o Portal do Cidadão Jorge Fernandes Programa ACESSO Nov.2003.](https://reader036.fdocuments.net/reader036/viewer/2022062512/552fc0fc497959413d8b9ec5/html5/thumbnails/11.jpg)
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.](https://reader036.fdocuments.net/reader036/viewer/2022062512/552fc0fc497959413d8b9ec5/html5/thumbnails/12.jpg)
![Page 13: Simplicidade e Clareza Algumas notas sobre o Portal do Cidadão Jorge Fernandes Programa ACESSO Nov.2003.](https://reader036.fdocuments.net/reader036/viewer/2022062512/552fc0fc497959413d8b9ec5/html5/thumbnails/13.jpg)
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.](https://reader036.fdocuments.net/reader036/viewer/2022062512/552fc0fc497959413d8b9ec5/html5/thumbnails/14.jpg)
![Page 15: Simplicidade e Clareza Algumas notas sobre o Portal do Cidadão Jorge Fernandes Programa ACESSO Nov.2003.](https://reader036.fdocuments.net/reader036/viewer/2022062512/552fc0fc497959413d8b9ec5/html5/thumbnails/15.jpg)
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.](https://reader036.fdocuments.net/reader036/viewer/2022062512/552fc0fc497959413d8b9ec5/html5/thumbnails/16.jpg)
![Page 17: Simplicidade e Clareza Algumas notas sobre o Portal do Cidadão Jorge Fernandes Programa ACESSO Nov.2003.](https://reader036.fdocuments.net/reader036/viewer/2022062512/552fc0fc497959413d8b9ec5/html5/thumbnails/17.jpg)
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.](https://reader036.fdocuments.net/reader036/viewer/2022062512/552fc0fc497959413d8b9ec5/html5/thumbnails/18.jpg)
![Page 19: Simplicidade e Clareza Algumas notas sobre o Portal do Cidadão Jorge Fernandes Programa ACESSO Nov.2003.](https://reader036.fdocuments.net/reader036/viewer/2022062512/552fc0fc497959413d8b9ec5/html5/thumbnails/19.jpg)
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.](https://reader036.fdocuments.net/reader036/viewer/2022062512/552fc0fc497959413d8b9ec5/html5/thumbnails/20.jpg)
![Page 21: Simplicidade e Clareza Algumas notas sobre o Portal do Cidadão Jorge Fernandes Programa ACESSO Nov.2003.](https://reader036.fdocuments.net/reader036/viewer/2022062512/552fc0fc497959413d8b9ec5/html5/thumbnails/21.jpg)
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.](https://reader036.fdocuments.net/reader036/viewer/2022062512/552fc0fc497959413d8b9ec5/html5/thumbnails/22.jpg)
![Page 23: Simplicidade e Clareza Algumas notas sobre o Portal do Cidadão Jorge Fernandes Programa ACESSO Nov.2003.](https://reader036.fdocuments.net/reader036/viewer/2022062512/552fc0fc497959413d8b9ec5/html5/thumbnails/23.jpg)
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.](https://reader036.fdocuments.net/reader036/viewer/2022062512/552fc0fc497959413d8b9ec5/html5/thumbnails/24.jpg)
![Page 25: Simplicidade e Clareza Algumas notas sobre o Portal do Cidadão Jorge Fernandes Programa ACESSO Nov.2003.](https://reader036.fdocuments.net/reader036/viewer/2022062512/552fc0fc497959413d8b9ec5/html5/thumbnails/25.jpg)
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.](https://reader036.fdocuments.net/reader036/viewer/2022062512/552fc0fc497959413d8b9ec5/html5/thumbnails/26.jpg)
![Page 27: Simplicidade e Clareza Algumas notas sobre o Portal do Cidadão Jorge Fernandes Programa ACESSO Nov.2003.](https://reader036.fdocuments.net/reader036/viewer/2022062512/552fc0fc497959413d8b9ec5/html5/thumbnails/27.jpg)
![Page 28: Simplicidade e Clareza Algumas notas sobre o Portal do Cidadão Jorge Fernandes Programa ACESSO Nov.2003.](https://reader036.fdocuments.net/reader036/viewer/2022062512/552fc0fc497959413d8b9ec5/html5/thumbnails/28.jpg)
-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.](https://reader036.fdocuments.net/reader036/viewer/2022062512/552fc0fc497959413d8b9ec5/html5/thumbnails/29.jpg)
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.](https://reader036.fdocuments.net/reader036/viewer/2022062512/552fc0fc497959413d8b9ec5/html5/thumbnails/30.jpg)
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.](https://reader036.fdocuments.net/reader036/viewer/2022062512/552fc0fc497959413d8b9ec5/html5/thumbnails/31.jpg)
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.](https://reader036.fdocuments.net/reader036/viewer/2022062512/552fc0fc497959413d8b9ec5/html5/thumbnails/32.jpg)
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.](https://reader036.fdocuments.net/reader036/viewer/2022062512/552fc0fc497959413d8b9ec5/html5/thumbnails/33.jpg)
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.](https://reader036.fdocuments.net/reader036/viewer/2022062512/552fc0fc497959413d8b9ec5/html5/thumbnails/34.jpg)
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.](https://reader036.fdocuments.net/reader036/viewer/2022062512/552fc0fc497959413d8b9ec5/html5/thumbnails/35.jpg)
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.](https://reader036.fdocuments.net/reader036/viewer/2022062512/552fc0fc497959413d8b9ec5/html5/thumbnails/36.jpg)
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%