Ricardo Nunes e sua apresentação sobre acessibilidade e design para o 5o Sou+Web: a união faz a acessibilidade.

1. ACESSIBILIDADE E DESIGN
Ricardo Rodrigues Nunes
01/15
http://www.ricardornunes.com.br
ricardornunes@gmail.com

2. <Ricardo Rodrigues Nunes>
CONSIDERAÇÕES SOBRE DESIGN
Tamanho único não serve para todo mundo.

3. <Ricardo Rodrigues Nunes>
DESIGN ACESSÍVEL
Design acessível beneficia não só pessoas com
deficiências
usuários de dispositivo móvel com tela pequena (celular,
PDA), web-tv, quiosques;
acesso à internet com conexão lenta;
equipamento sem aúdio;
impressora monocromática;
outros navegadores que não os mais comuns;
ambiente ruidoso;
ambiente com luminosidade precária.
03/15

4. <Ricardo Rodrigues Nunes>
DESIGN UNIVERSAL
Os Sete Princípios
Equiparação nas possibilidades de uso;
1.
Flexibilidade no uso;
2.
Uso Simples e intuitivo;
3.
Captação da informação;
4.
Tolerância ao erro;
5.
Mínimo esforço físico;
6.
Dimensão e espaço para uso e interação.
7.
04/15

5. <Ricardo Rodrigues Nunes>
DESIGN MINIMALISTA
Dicas de um Webdesign minimalista
Ocupe de 60% a 80% da página com conteúdos (relevantes);
Apresente as informações mais importantes primeiro;
Se algo não é relevante, simplesmente não precisa estar lá;
O background não é mais importante que a informação;
Faça um bom contraste entre plano de fundo e texto.
05/15

6. <Ricardo Rodrigues Nunes>
LAYOUT: FIXO, LÍQUIDO OU ELÁSTICO?
Layout Fixo
Pontos positivos:
O web designer tem controle sobre a forma como a
informação é apresentada;
As linhas de texto têm uma largura fixa e curta, o que
facilita a leitura de texto na tela.
Pontos negativos:
Numa tela com uma resolução grande, o web site fica
encostado a um dos lados ou centrado na página, com muito
espaço disponível à sua volta;
Menor acessibilidade, uma vez que o layout não se adapta às 06/15
necessidades do usuário.

7. <Ricardo Rodrigues Nunes>
LAYOUT: FIXO, LÍQUIDO OU ELÁSTICO?
Layout Líquido/Fluídico
Pontos positivos:
Os conteúdos ocupam toda a área visível da tela, permitindo
transmitir mais informação;
Deixa de haver espaço vazio à volta do website;
Maior acessibilidade. Os conteúdos adaptam-se melhor à
resolução de tela do usuário.
Pontos negativos:
Maior dificuldade na leitura de linhas de texto demasiado
longas;
Perde-se o controle sobre o posicionamento de alguns
elementos na página. 07/15

8. <Ricardo Rodrigues Nunes>
LAYOUT: FIXO, LÍQUIDO OU ELÁSTICO?
Layout Elástico
É uma mistura do layout fixo com o layout líquido/fluídico;
Controle dos elementos na página por parte do web designer
e controle da largura da janela por parte do usuário;
É possível fazer com que ao aumentar o tamanho do texto no
browser (Firefox: CTRL+), a largura da página aumente na
mesma escala.
08/15

9. <Ricardo Rodrigues Nunes>
OS CINCO PRINCÍPIOS DE JOSHUA PORTER
A tecnologia serve o Ser humano;
1.
Design não é arte;
2.
A experiência pertence ao utilizador;
3.
Excelente design é invisível;
4.
A simplicidade é a maior sofisticação.
5.
09/15

10. <Ricardo Rodrigues Nunes>
SITES ACESSÍVEIS PRECISAM SER NECESSARIAMENTE
FEIOS, SEM CORES E IMAGENS?
10/15

11. <Ricardo Rodrigues Nunes>
11/15

12. <Ricardo Rodrigues Nunes>
12/15

13. <Ricardo Rodrigues Nunes>
13/15

14. <Ricardo Rodrigues Nunes>
14/15

15. <Ricardo Rodrigues Nunes>
15/15
Para ver mais acesse: http://www.csszengarden.com/tr/portuguese/

16. ACESSIBILIDADE E DESIGN
Ricardo Rodrigues Nunes
http://www.ricardornunes.com.br
ricardornunes@gmail.com