Ricardo Nunes - 5o Sou+Web: a união faz a acessibilidade
Upcoming SlideShare
Loading in...5
×
 

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

on

  • 2,078 views

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

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

Statistics

Views

Total Views
2,078
Views on SlideShare
2,078
Embed Views
0

Actions

Likes
0
Downloads
25
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

CC Attribution License

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

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

  • ACESSIBILIDADE E DESIGN Ricardo Rodrigues Nunes 01/15 http://www.ricardornunes.com.br ricardornunes@gmail.com
  • <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 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
  • <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
  • <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
  • <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.
  • <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
  • <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
  • <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
  • <Ricardo Rodrigues Nunes> SITES ACESSÍVEIS PRECISAM SER NECESSARIAMENTE FEIOS, SEM CORES E IMAGENS? 10/15
  • <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 acesse: http://www.csszengarden.com/tr/portuguese/
  • ACESSIBILIDADE E DESIGN Ricardo Rodrigues Nunes http://www.ricardornunes.com.br ricardornunes@gmail.com