O documento discute princípios de design acessível e universal, incluindo que tamanho único não serve para todos e que design acessível beneficia não só pessoas com deficiências, mas também outros usuários. Ele também cobre layouts fixos, líquidos e elásticos e cinco princípios de design.

1. ACESSIBILIDADE E DESIGN
01/15 Ricardo Rodrigues Nunes
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
1. Equiparação nas possibilidades de uso;
2. Flexibilidade no uso;
3. Uso Simples e intuitivo;
4. Captação da informação;
5. Tolerância ao erro;
6. Mínimo esforço físico;
7. Dimensão e espaço para uso e interação.
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
1. A tecnologia serve o Ser humano;
2. Design não é arte;
3. A experiência pertence ao utilizador;
4. Excelente design é invisível;
5. A simplicidade é a maior sofisticação.
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