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.
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