ACESSIBILIDADE E DESIGN
        Ricardo Rodrigues Nunes
01/15
        http://www.ricardornunes.com.br
        ricardornune...
<Ricardo Rodrigues Nunes>




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




DESIGN ACESSÍVEL
Design acessível beneficia não só pessoas com
  deficiências

 usuários de ...
<Ricardo Rodrigues Nunes>




DESIGN UNIVERSAL
Os Sete Princípios

       Equiparação nas possibilidades de uso;
1.

     ...
<Ricardo Rodrigues Nunes>




DESIGN MINIMALISTA
Dicas de um Webdesign minimalista

 Ocupe de 60% a 80% da página com cont...
<Ricardo Rodrigues Nunes>




LAYOUT: FIXO, LÍQUIDO OU ELÁSTICO?
Layout Fixo

Pontos positivos:
  O web designer tem contr...
<Ricardo Rodrigues Nunes>




LAYOUT: FIXO, LÍQUIDO OU ELÁSTICO?
Layout Líquido/Fluídico

Pontos positivos:
  Os conteúdos...
<Ricardo Rodrigues Nunes>




LAYOUT: FIXO, LÍQUIDO OU ELÁSTICO?
Layout Elástico

 É uma mistura do layout fixo com o layo...
<Ricardo Rodrigues Nunes>




OS CINCO PRINCÍPIOS DE JOSHUA PORTER
       A tecnologia serve o Ser humano;
1.

       Desi...
<Ricardo Rodrigues Nunes>




SITES ACESSÍVEIS PRECISAM SER NECESSARIAMENTE
FEIOS, SEM CORES E IMAGENS?




              ...
<Ricardo Rodrigues Nunes>




                            11/15
<Ricardo Rodrigues Nunes>




                            12/15
<Ricardo Rodrigues Nunes>




                            13/15
<Ricardo Rodrigues Nunes>




                            14/15
<Ricardo Rodrigues Nunes>




                                                                     15/15
  Para ver mais a...
ACESSIBILIDADE E DESIGN
Ricardo Rodrigues Nunes
http://www.ricardornunes.com.br
ricardornunes@gmail.com
Upcoming SlideShare
Loading in …5
×

Ricardo Nunes - 5o Sou+Web: a união faz a acessibilidade

1,105
-1

Published on

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

Published in: Design
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
1,105
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
28
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Ricardo Nunes - 5o Sou+Web: a união faz a acessibilidade

  1. 1. ACESSIBILIDADE E DESIGN Ricardo Rodrigues Nunes 01/15 http://www.ricardornunes.com.br ricardornunes@gmail.com
  2. 2. <Ricardo Rodrigues Nunes> CONSIDERAÇÕES SOBRE DESIGN Tamanho único não serve para todo mundo.
  3. 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. 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. 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. 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. 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. 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. 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. 10. <Ricardo Rodrigues Nunes> SITES ACESSÍVEIS PRECISAM SER NECESSARIAMENTE FEIOS, SEM CORES E IMAGENS? 10/15
  11. 11. <Ricardo Rodrigues Nunes> 11/15
  12. 12. <Ricardo Rodrigues Nunes> 12/15
  13. 13. <Ricardo Rodrigues Nunes> 13/15
  14. 14. <Ricardo Rodrigues Nunes> 14/15
  15. 15. <Ricardo Rodrigues Nunes> 15/15 Para ver mais acesse: http://www.csszengarden.com/tr/portuguese/
  16. 16. ACESSIBILIDADE E DESIGN Ricardo Rodrigues Nunes http://www.ricardornunes.com.br ricardornunes@gmail.com
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×