Acessibilidade: Design com foco no conteúdo

Em se tratando de web, uma das coisas que mais atrai minha atenção é saber que o usuário tem o controle. Ele não precisa seguir um caminho linear, ele navega por onde bem entender à procura da informação desejada.

Facilitar o acesso à informação é o caminho do sucesso em um projeto web. E nesse ponto, é crucial aliar conteúdo de qualidade a uma apresentação impecável. Pense comigo: você pode ter o melhor produto do setor, mas se não apresentá-lo de maneira agradável contribuirá para reduzir o seu nível de confiabilidade.

Imagem Vitrines Os produtos podem ter a mesma qualidade, mas quem transmite mais confiança?

Entretanto não podemos esquecer do acesso à informação, não adianta ter um produto apresentado de maneira glamurosa se você não facilita o acesso a ele.

objetivo.jpg A informação está lá. Mas o usuário consegue chegar facilmente até ela?

E o que isso significa na prática?

Facilite a vida do usuário

Tenha em mente que muitas vezes você “perde” (entre aspas) no design para aumentar suas chances de conquistar o internauta.

Exemplo: um site com uma barra de rolagem interna.

barra1.jpg Até certo ponto, layout agradável e conteúdo ok.

No meu monitor de 17 polegadas o site aparece exatamente como na imagem acima. Agora veja o que acontece quando acesso de um monitor menor.

barra2.jpg Cadê o conteúdo? O site inteiro fica dentro desse espaço.

O conteúdo do site (que no fim das contas é o que realmente importa) fica num espaço pequeno e difícil de navegar. Apesar do layout “bacana”, não consigo acessar as informações de maneira agradável. Nesse caso, será que não valeria a pena modificar o layout para facilitar a navegação? Quem acha que sim, levante a mão.

hands.jpg Viva o usuário!

Isso quer dizer que devo fazer meu site no menor tamanho possível? Não. A recíproca também é prejudicial, diminua seu site para monitores 800×600 e ele ficará menor ainda em monitores de grande resolução, prejudicando a leitura.

O mesmo site visto em dois monitores diferentes. Vai uma lupa aí?

O que fazer então?

Desenvolva soluções criativas baseadas no público-alvo e no briefing do projeto. Tenha em mente que seu site pode ser acessado de vários dispositivos…

Existem até geladeiras acessando a internet atualmente.

E de várias maneiras…

Já tentou acessar seu site só com o teclado?

Não trabalhe achando que todo mundo acessa o site da mesma maneira que você. Desenvolva priorizando a apresentação do conteúdo de maneira agradável ao usuário, e não a apresentação do site como um todo. No fim das contas, o sucesso fica por conta dos que são criativos e sabem aliar os melhores conceitos de design e desenvolvimento web (leia-se padrões web, usabilidade, acessibilidade, SEO e todos os conceitos correlacionados) ao seu trabalho.

Lembre-se sempre que, não importa a forma de acesso do usuário, seu site sempre deve estar apresentável de modo que o conteúdo seja o foco.

Para saber mais

9 Comentários em "Acessibilidade: Design com foco no conteúdo"

  1. Permalink Comentou em February 1, 2008 at 4:00 pm

    Mandou bem no artigo. Parabéns!!!

  2. Permalink Comentou em February 6, 2008 at 5:35 pm

    Olá!
    Vc está me seguindo no Twitter, e vim ver do que se trata seu blog… Ainda li só este post mas já basta: muito bom!
    Diz tudo o que precisa para quem está projetando um site ou blog. Não sei se o meu é acessível em todos navegadores ou através de diversas tecnologias (cel., geladeira.. o_0), mas sempre procurei deixá-lo “limpo”, ou seja, sem bagunça, e onde está todo o conteúdo deixo em no máximo 780px… Assim dá pra ler tanto em monitores de 15 polegadas até o de 19 - os maiores ainda nunca tentei ver, espero que também dê certo.
    Uma coisa importante também de citar nesse asunto, é que até mesmo em sites profissionais, que também incluem “compras” neles, é uma bagunça! Alguns com menus incompletos ou bagunçados, outros até sem menu, o design não combinar direito as cores, etc… São coisas que me irritam! O site da Level UP (jogos) é um exemplo disso. Sei pq preciso usá-lo e me perco várias vezes que preciso achar algo.
    Enfim… Embora a internet esteja mais em alta do que nunca, ainda é preciso bom senso de quem é dono de um site para sua organização e design.

    Abraços!

  3. Permalink Comentou em February 6, 2008 at 6:18 pm

    Valeu Pedro e Viviam.
    É bom saber que vocês gostaram do artigo.
    Abraço.

  4. Permalink Comentou em February 7, 2008 at 3:07 pm

    simples e criativo é bem MT :) e bem Pictolírica.

    aí é IE7? vou trabalhar nisso, obrigada por avisar! inclusive, artigo tudo a ver com essa minha aflição com navegadores! muito bom artigo e bem exemplificado. as imagens são suas? adorei o menininho tentando alcançar o topo da cerca pra representar a informação difícil de alcançar!

    bjo

  5. Permalink Comentou em February 8, 2008 at 5:41 am

    Poxa!!!

    Eu ia ler um texto sobre acessibilidade, mas o feed estava incompleto…

    Isso não é contraditório??

    Abraços

  6. Permalink Comentou em February 8, 2008 at 5:47 am

    Sim Jonny, é contraditório.

    Mas estou tendo sérios problemas para exibir o texto completo nos feeds. Não tem plugin ou configuração que resolva.

    Não se preocupe, é uma das próximas coisas a serem implantadas aqui no blog.

    Valeu o puxão de orelha,

    Abraço.

  7. Permalink Comentou em February 8, 2008 at 7:00 am

    Pronto, o próprio Jonny Ken resolveu o problema dos feeds incompletos.

  8. Permalink Comentou em February 12, 2008 at 4:40 am

    Caro Guilherme,

    Concordo com o que você escreveu: deve-se fazer uma pesquisa e levar em conta os diferentes dispositivos que podem acessar um determinado site.

    Quando fizemos o site da Candyland, chegamos à conclusão de que uma faixa de aproximadamente 9% dos visitantes, usuários de telas com resolução de 800 x 600, infelizmente teria que ser preterida em favor dos outros 91% de visitantes que usam resoluções de 1024 x 768 (aprox. 54 % do total de usuários), segundo estatística que pode ser conferida na imagem localizada em:

    http://img91.imageshack.us/img91/4193/resolucaoov3.jpg

    Claro que você poderia ter apurado isso, se tivesse conversado com a gente antes de publicar este tópico, mas compreendo que nem sempre se dispõe do tempo e dos métodos necessários para a realização de um bom trabalho.

    Um abraço

    Guilherme Caldas
    Candyland Comics

  9. Permalink Comentou em February 12, 2008 at 6:20 am

    Olá Gulherme,

    Obrigado pela participação.

    O objetivo deste blog é fornecer opniões e conceitos sobre desenvolvimento web. Mais importante do que reconhecer um erro é apresentar uma solução e tento seguir essa linha à risca por aqui.

    Apresentei o site de vocês como um exemplo do que ocorre com alguns sites em monitores menores. Em nenhum momento, a intenção foi difamar vocês. Se você reparar, não é citado o nome, nem apresentado qualquer referência imediata à empresa (a não ser no seu comentário).

    Estou satisfeito com meu trabalho pois ele tem apresentado resultados, mesmo assim é normal que nem todos achem o mesmo. Sempre existem bons trabalhos, mas é bom lembrar que ninguém chega à perfeição.

    Se apesar de tudo, você sentir-se prejudicado, fico à disposição para retirar as imagens do seu site, não há problema algum nisso.

    Abraço,

    Nagüeva Guilherme

Deixe um comentário

Topo