A Salvação Está à Mão

Browsers modernos são muito melhores para renderizar os padrões web, por isso não precisamos mais utilizar estes métodos arcaicos.
No lugar de aninhar tabelas dentro de tabelas, e encher celulas vazias com gifs transparentes, nós podemos usar simples marcações HTML e CSS para formatar belos sites, que são rápidos para carregar, fáceis de redesenhar, e muito mais acessíveis para todos.

O Problema

Apesar dos principais browsers terem sido envolvidos na criação de Web Standards desde a formação do W3C, durante muitos anos o seguimento dessas regras não foi levada em conta. Ao lançar browsers que não suportavam os standards uniformemente, os fabricantes fragmentaram desnecessariamente a Web, prejudicando designers, programadores, usuários e empresas.

CSS e Marcação Estruturada

Usando marcação estruturada e Cascading Style Sheets em nossas páginas, podemos manter o conteúdo separado da formatação.
Com isto temos várias vantagens sobre o uso de tabelas.

Tabelas Aninhadas e GIFs de Espaçamento

No princípio, a internet era principalmente um meio em que os acadêmicos, pesquisadores e o exército compartilhavam informações. Entretanto, não demorou muito para que os visionários empresariais percebecem que este era um excelente meio para se vender qualquer coisa, de produtos frescos e cachorros quentes até carros usados e equipamentos esportivos.
Porém, como qualquer mídia "jovem", a internet estava esteticamente cru (e por isso não atraía os consumidores), até David Siegel publicar seu livro, um marco, que ofereceu algumas formas de trabalhar as limitações dos browsers existentes e as especificações do w3c, aproximadamente 1997. (estamos falando de netscape 2 e 3, pessoal.)
Na realidade, estas formas de trabalho eram tão brilhantes, que prevalecem até hoje como o método mais utilizado para projetar páginas para web.

Web Standards Projet

O World Wide Web Consortium (W3C), juntamente com outros grupos e organismos reguladores, estabeleceu tecnologias para criação e interpretação de conteúdo para a Web. Estas tecnologias, a que chamamos “ Web Standards”, são cuidadosamente concebidas para dar os maiores benefícios ao maior número possível de usuários da Web, assegurando ao mesmo tempo a viabilidade a longo prazo de qualquer documento que seja publicado na Web.

A Importância da Ergonomia nos Sistemas de Informação e Comunicação

A utilização de sistemas de informação e comunicação tem vindo a assumir um papel cada vez mais importante na vida das pessoas. Um exemplo desta tendência é a proliferação de computadores, telefones celulares, televisão interativa e de outros equipamentos e sistemas, alguns deles, exigindo dos usuários uma grande necessidade de adaptação. Sabe-se que a interação com sistemas de informação e comunicação nem sempre é responsável pela melhoria da qualidade de vida das pessoas, é frequente a recusa da sua utilização ou a ocorrência de problemas de saúde e segurança dos usuários. Neste âmbito, a concepção de um sistema de informação e comunicação deve ser centrada no usuário, de modo a proporcionar-lhe, conforto, segurança e satisfação, ao mesmo tempo que promove a eficácia do sistema envolvido. É ainda de referenciar que os sistemas que não respeitam estes critérios, provocam todos os anos prejuízos de milhões de reais às organizações, em termos de redução de produtividade e insatisfação dos consumidores.

Escreva uma vez, use em qualquer lugar, para qualquer pessoa

Os padrões Web tornam nossas páginas muito mais acessíveis para usuários com deficiências e para browsers de celulares e PDAs que acessam a Web.
Visitantes que utilizam leitores de tela (e visitantes com conexões lentas) não têm que navegar por incontáveis células de tabelas e espaços para chegar ao conteúdo real de nossas páginas.
Em outras palavras, separar o conteúdo da formatação deixa o seu site acessível independente do dispositivo utilizado.

A Necessidade do Design Centrado no Usuário

Essa matéria eu li no sítio webinsider.uol.com.br, ela é muito interessante.

http://webinsider.uol.com.br/vernoticia.php/id/1936

O Web Standards Project Alerta

Essa saiu no Web Standards Project. O sistema Passport/Hotmail não pode ser acessado por um Mozilla.
Veja um screenshot.

Heurísticas para a Arquitetura da Informação

Louis Rosenfeld é considerado o guru da Arquitetura da Informação e ultimamente tem vindo a partilhar as suas heurísticas no tema, derivadas da sua vasta experiência neste campo. Esta lista é basicamente uma lista de fundamental de perguntas a colocar quando da fase estrutural da Arquitetura da Informação. Fundamental. [BF] http://www.louisrosenfeld.com/home/bloug_archive/000286.html

A Necessidade de Standards para Web Design

Os usuários têm determinadas expectativas de comportamento por parte de certos elementos que compõem as páginas na Web. No entanto, ainda existem uma série de elementos cujo comportamento não se encontra homogenizado. Neste artigo, Jakob Nielsen categoriza estes elementos sob três parâmetros: Elementos Consolidados, Convencionais e Confusos, chegando à conclusão de que os últimos criam ainda alguns problemas de usabilidade aos usuários. [BF] http://www.useit.com/alertbox/20040913.html

Artigo Publicado no Sítio Usabilidade.com

Substituto Escalável de Texto em Flash

Mike Davidson é um programador web reconhecido pelos seus pares. A sua última incursão versa a programação de um substituto de texto que permita utilizar qualquer tipo de letra, de forma automática e mantendo a acessibilidade dos conteúdos. Na prática, qualquer texto escrito na página é automaticamente convertido em Flash em tamanhos e tipos de letra pré-especificados. Um artigo imprescindível para Web Developers. [BF] http://www.mikeindustries.com/blog/archive/2004/09/sifr2-kick-the-tires

Artigo Publicado no Sítio Usabilidade.com

O Problema com o uso de Tabelas

• misturam o conteúdo da formatação:
• esta mistura deixa os arquivos de seu site desnecessariamente grandes , uma vez que os usuários têm que descarregar estes dados a cada página que visitam;
• banda de transferência (quantidade de bytes requisitados do servidor) não é grátis.
• elas fazem o redesign de sites de conteúdo extenso ser um trabalho intenso (e caro);
• também tornam extremamente difícil (logo caro) manter a consistência visual do site;
• páginas baseadas em tabelas são também muito menos acessíveis para usuários com deficiências e para aqueles que usam celulares e PDAs.

Os Motivos para usar Padrões Web

• suas páginas carregarão mais rápido;
• os custos de hospedagem serão reduzidos;
• os redesigns dos seus sites serão mais eficientes e mais baratos;
• será mais fácil manter a consistência visual entre todos seus sites;
• melhores resultados das ferramentas de busca;
• o seu site se tornará mais acessível para todos os visualizadores e browsers;
• e lhe proporcionará mais competitividade (isto é, estabilidade no mercado) enquanto todo o Mundo começa a usar os padrões.

Porque Utilizar Tabelas para Layout é Estupidez

Tabelas existem no HTML por um motivo: Exibir dados tabulados. Mas a utilização de border="0" tornou possível para designers terem uma grade para exibir imagens e textos. Esta é, ainda, a forma predominante em que os designers projetam seus sites com um visual rico, porém, hoje o uso de tabelas está, de fato, interferindo na construção de sites melhores, mais acessíveis, flexíveis e funcionais. Descubra a origem destes problemas, e encontre soluções para criar sites transitivos, ou completamente sem tabelas (tableless).

Seybold

San Francisco 2003

Alinhamento para Páginas Impressas

Nada deve ser colocado arbitrariamente em uma página. Cada item deve ter uma conexão visual com algo na página.

Porque Priorisar Design de Conteúdo e não Design de Interface ?

Existe uma mania na web em priorisar o belo ( a escravidão do design ) e não o usual, quando alguem entra em uma página para fazer alguma coisa ( comprar, consultar extrato bancário e etc..) ele não esta interessado em saber se a página é bonita ou feia ele quer saber do conteúdo, ele vai em busca da informação.