W3C é Injusto ao Divulgar Padrões Somente em Inglês

Quando acessamos a seção “sobre” no site do W3C lemos que o órgão é um consórcio internacional onde membros da organização, uma equipe fixa e o público em geral trabalham para desenvolver padrões para a internet. Daí vem a pergunta que revela uma certa injustiça: por que as versões normativas dos documentos só são divulgadas em inglês?

Os 12 Melhores Artigos e Dicas Sobre CSS de 2005

Esta é uma tradução de um post feito por droppyale no CSS Beauty. Uma coleta de links interessantes focando o CSS, um para cada mês :
1 - Criando uma barra de navegação a partir de uma lista
2 - Como limpar Floats sem usar estrutura de marcação
3 - Uma tabela estilizada com CSS
4 - Gerando CSS dinamicamente com PHP
5 - Um Framework CSS
6 - Evitando classes excessivas
7 - Projetando CSS
8 - Criando um ranking de estrelas com CSS
9 - Introdução ao módulo Multi-Coluna do CSS3
10 - Na busca de Um Verdadeiro Layout
11 - Uma marcação HTML limpa, vários layouts
12 - Substituição de texto dinâmico com PHP + CSS

Firefox Portátil

O Firefox é um navegador bacana, ágil, simpático e muito melhor que o Internet Explorer. Exatamente por este motivo tem muita gente usando ele. Neste mês, inclusive, ele ultrapassou a marca histórica de 10% de participação no mercado (com 85% para o I.E.).Agora, quem trabalha com muitos computadores diferentes (casa e escritório, talvez inclusive no portátil...), ou que frequentemente usa computadores públicos (faculdade, por exemplo) tem uma versão muito bacana do navegador, o Portable Firefox.O barato é que o Firefox Portátil não precisa ser instalado na máquina, ele roda diretamente de um penDrive ou até mesmo do seu iPod, mantendo o navegador com as mesmas configurações, os mesmos favoritos e até o mesmo history onde quer que você o utilize.Experimente em http://johnhaller.com/jh/mozilla/portable_firefox/deer_park/

Os Principais Erros Cometidos em Sites

Sou por assim dizer um dos maiores fãs de Jackob Nielsen, ele escreveu recentemente um artigo que vale a pena dar uma olhada. Trata-se do resultado de uma pesquisa sobre os 10 maiores erros cometidos por websites em 2005.

Segue abaixo uma tradução "rápida e rasteira" do artigo, que pode ser lido na íntegra em www.useit.com

Problemas de Legibilidade
Fontes ruins encabeçam a lista de problemas. Quase dois terços dos votantes reclamaram à respeito de fontes muito pequenas. Um terço reclamou sobre o baixo contraste de cores entre as fontes e o background.

Links não-padronizados
As principais regras na utilização de links são:
Torne óbvio o que é clicável: Para links de texto, use cor e sublinhado (e não sublinhe textos que não sejam links).
Diferencie links visitados e não-visitados. Explique o que os usuários vão encontrar atrás de cada link, e inclua alguns termos-chave no texto do link em sí (não use "clique aquí" ou outros textos não-descritivos).
Evite técnicas que quebrem a interação padrão entre links. Em particular, não abra páginas em novas janelas (excto para exibir PDF e afins)
Links são o elemento número 1 de interação na Web. Violar expectativas comuns de como links funcionam são certeza de confusão e atraso por parte dos usuários.

Flash
Flash deve ser utilizado para oferecer aos usuários poder e recursos adicionais que não são possíveis em uma página estática.O Flash não deve ser utilizado para "dar uma melhorada" em uma página. Se seu conteúdo é chato, reescreva os textos para torná-los mais interessantes e contrate um profissional para tirar fotos melhores.

Conteúdo que não é escrito para a Web
Escrever pra web significa fazer o conteúdo curto e direto ao ponto. Conteúdo para a web também deve responder às questões dos usuários e usar uma linguagem comum ao invés de termos polidos e frases feitas.

Busca ruim
Tudo mais nesta lista é bastante simples de se fazer direito, mas infelizmente corrigir problemas em sistemas de busca requer um trabalho considerável e investimento em software melhor. Vale a pena fazer, porque a busca é um componente fundamental da experiência do usuário com a web e está se tornando mais importante a cada ano.

Incompatibilidade entre navegadores
Hoje pessoas em número razoável utilizam browsers alternativos como o Firefox (e vários outros como Opera e Safari). Não despreze consumidores simplesmente porque eles preferem uma outra plataforma.

Formulários Trabalhosos
Formulários são usados com muita frequencia na Web e tendem a ser muito grandes, com muitas questões e opções desnecessárias.Existem cinco regras para resolver estes problemas:
Corte quaisquer questões não necessárias. Por exemplo, é realmente necessário que se escolha um cumprimento (Sr./Sra./Srta./etc.)?
Não torne campos obrigatórios a não ser que eles verdadeiramente sejam.
Suporte o recurso de auto-preenchimento (autofill) ao máximo evitando nomes de campos incomuns (use apenas Nome, Endereço, etc.)
Defina o foco do teclado para o primeiro campo quando o formulário é exibido.
Permita a digitação flexível de números de telefones, cartões de crédito e outros. É fácil fazer com que o computador elimine caracteres como parênteses e espaços adicionais.

Falta de informações de contato
Mesmo que números de telefone e endereços de email sejam os meios de contato mais requeridos, ter um endereço físico para correspondencia no site pode ser mais importante porque é um elemento-chave para criar credibilidade.

Layouts com largura fixa
Em monitores grandes, websites são difíceis de utilizar se eles não redimensionam a janela. De maneira análoga, se usuários tem um monitor pequeno e a página não utiliza um layout fluído, podem aparecer as tão indesejáveis barras de rolagem horizontais.

Ampliação inadequada de fotos
Uma das regras mais comuns para usabilidade em comércio eletronico é oferecer aos usuários a possibilidade de ampliar fotos de produtos. O pior erro é quando o usuário clica em "Aumentar foto" e o site simplesmente exibe a mesma foto numa nova janela.

Firefox é Foda !

Uma foto, tirada pelo telescópio espacial Hubble, da estrela V838 mostra que o astro ficou impressionantemente parecida com o logotipo do navegador Firefox. A V838 é um de um tipo recém descoberto de estrela, que muda sua aparência de tempos em tempos. As chamadas estrelas variáveis podem mudar a sua intensidade do seu brilho em questão de segundos, ou levar muitos e muitos anos para tal. Entretanto, a V838 mudou completamente sua aparência nos últimos meses. “Normalmente eventos astronômicos acontecem durante espaços de tempos enormes, é muito raro testemunhar mudanças significativas em objetos individuais durante a vida de um só ser humano,” diz a estudante de doutorado da Universidade de Cape Town, Lisa Crause, que trabalha no Observatório Astronômico da África do Sul.

Politica de Acessibilidade Adotada no Brasil

Segundo estimativas de Fletcher, existem 500 milhões de pessoas deficientes no mundo - um décimo da raça humana. Estima-se que, se o impacto em suas famílias for considerado, 50% da população é afetada. O censo de 1995, realizado pelo governo americano, entretanto, contradiz essa estimativa por ter identificação 20% de sua população (na época, 54 milhões de pessoas) como portadores de algum tipo de deficiência.
No Brasil, por não haver dados estitísticos confiáveis e/ou atualizados, as entidades públicas e privadas dedicadas aos problemas desse grupo populacional adotam o percentual estimado de 10%, equivalente a quase 17 milhões de brasileiros (calculados a partir da população total aferida pelo Instituto Brasileiro de Geagrafia e Estatística - IBGE, no censo de 2000).

Wireframe, documento cada vez mais importante

Aliado ao sitemap, o wireframe é um documento que se torna cada vez mais fundamental para o trabalho do arquiteto de informação, apesar de não ser (e nem pretender ser) uma régua de estilos para o layout e a criação das páginas de um site, como é erroneamente interpretado por muitos webdesigners. Sua função é estruturar o conteúdo de cada página, indicando o peso e relevância de cada elemento do layout e sua relação com os demais elementos formadores do todo.

Teste Automático de Acessibilidade e Validação de Código

Existem ferramentas automáticas, disponíveis gratuítamente na Web, que avaliam a acessibilidade de páginas web, por meio de análise estátistica dessas páginas, e geram relatórios com observações sobre a avaliação. Essas ferramentas são úteis tanto aos projetistas de sítes quanto aos auditores responsáveis pela avaliação de acessibilidade de portais web governamentais.

A Usabilidade sai da Academia e vai ao Mercado

Ocorreu na quinta-feira, 3 de novembro, o primeiro WUD brasileiro. Este evento marca o início da discussão de questões de usabilidade no Brasil. Embora o tema já seja discutido há um bom tempo em outros eventos regulares – mas de uma maneira um tanto quanto ortodoxa – o WUD procura trazer aquilo que é desenvolvido e pesquisado no meio acadêmico para as necessidades do mercado.

Web 2.0: o futuro da internet

Acabou de ser publicado no Carreirasolo um artigo escrito a dez mãos sobre esta tendência que está tomando bastante terreno e pretende mudar a cara da web como conhecemos hoje. Hoje ela é representada por serviços inovadores como o Flickr, Basecamp e Writeboard que oferecem uma forma diferente de se relacionar com as informações e com os outros usuários. Nestes sistemas tudo é muito simples, desde a classificação das fotos no Flickr usando tags até a criação de artigo por cinco pessoas.
Não deixe de conferir!

Aplicação de Questionários de Satisfação do Usuário

Os questionários permitem ao avaliador conhecer as experiências, opiniões e preferências dos usuários ap utilizarem um determinado sistema. Nesse método de auditoria de portais web, foi desenvolvido um questionário online de satisfação acessível aos usuários participantes. Outra alternativa seria adaptar questionários de satisfação existentes, como Software Usability Measurement Inventoty (SUMI), Questionnaire for User Interface Satisfaction (QUIS) e Web Analysis and MeasureMent Inventory (WAMMI).

Definição de Acessibilidade

No contexto da informática, o termo acessibilidade é frequentemente associado à capacidade de um software padrão ser acessado e usado por pessoas com necessidades especiais, mesmo que a forma de uso não seja idêntica para todos.

Design Universal

É o processo de criar produtos, comercialmente viáveis, que possam ser usados por pessoas com as mais variadas habilidades, operando em situações (ambientes, condições e circunstâncias), as mais amplas possíveis.

Alguns princípios que suportam o design universal:

• Uso equitativo
• Flexibilidade no uso
• Uso simples e intuitivo
• Informação perceptível
• Tolerância a falhas
• Baixo esforço físico
• Tamanho e espaço para aproximação e uso

O Blog no Opera

A internet é fantástica procurando um navegador para testar o blog que não fosse o IE, eu achei um sítio interessante, ele testa a sua página em vários navegadores como Firefox, Opera, Mozilla, Safari e outros, ele esta na versão BETA.Testei o blog no Opera e vejam como ficou.

O endereço do sítio é www.browsershots.org

Tabela de Referência CSS

Quando eu vi esta página pela primeira vez eu pensei em fazer apenas uma referência a ela ali nos links, mas depois de olhar com mais calma eu percebi que ela merecia estar ocupando este espaço como um post.
A sua concepção foi simplesmente genial. Como você sabe, a especificação da CSS 2.1 contém uma série de propriedades que raramente são usadas pelo fato de poucas pessoas terem o conhecimento da sua existência. Pois é, para aqueles que procuram uma tabela de referência rápida que contenha todas as propriedades da CSS 2.1 esta "CSS Cheat Sheet" é uma verdadeira mão na roda.
Além das propriedades ela lista os seguintes itens:
1- Sintaxe
2- Seletores
3- Pseudo-seletores
4- Tipos de media
5- Diagrama explicando o box model
6- Lista das unidades
7- Propriedades que são herdadas
Eu gostei particularmente da seção que explica os diversos seletores existentes. Esta é uma área que gera grande dúvida naqueles que estão começando a usar a linguagem. Eu já imprimi esta tabela e sugiro que você faça o mesmo e deixe perto do seu computador sempre que for escrever um código CSS, pois ela certamente te ajudará.

Portais Horizontais vs Verticais

Portais Horizontais : Voltados a toda e qualquer pessoa que busque informações de interesse geral.
Portais Verticais ou Portais Segmentados : Geralmente destinados a um público predefinido.

Capa de Revista

O principal objetivo comercial de uma capa é fazer com que você escolha uma revista no meio de centenas de outras existentes na banca de jornal. No entanto, os usuários não vêem a homepage antes de optarem por um website e visita-lo. Portanto, as homepages não precisam se mostrar e atrair a atenção do usuário porque o usuário já estará olhando para elas. A segunda missão de uma capa de revista é definir, o conteúdo, o estilo e outros ítens contidos na revista.

Acessibilidade na Fundação Cultural Tancredo Neves

Fiquei satisfeito em saber que o sítio da Fundação Cultural Tancredo Neves do Estado do Pará, esta tendo como padrão a Acessibilidade isso é muito interessante, meus parabéns !!

Fundação Tancredo Neves - http://www.fcptn.pa.gov.br

Interação Humano Computador

Promover a interação entre pesquisadores, profissionais e alunos de IHC (Interação Humano-Computador) no Brasil. Incentivar o trabalho interdisciplinar envolvendo Ciência da Computação, Artes, Design, Ergonomia, Psicologia, Sociologia, Semiótica, Lingüística, e áreas afins.

O Que é o IHC ?
Interação Humano-Computador (IHC) é uma área de pesquisa dedicada a estudar os fenômenos de comunicação entre pessoas e sistemas computacionais.

Artigo do sítio IHC Brasil - www.serg.inf.puc-rio.br

O Propósito Básico

O propósito básico do contraste é duplo, e seus dois objetos são unificados. Um deles é criar interesse sobre uma página; se ela tiver uma aparência interessante, atrairá mais a leitura. O outro é auxiliar na organização das informações. O leitor deveria ser capaz de compreender instataneamente a maneira através da qual as informações são estruturadas, o fluxo lógico de um ítem para outro. Os elementos contrastantes nunca deveriam confundir o leitor ou criar um foco que não seja o correto.

World Wide Web

A World Wide Web, assim como outros serviços oferecidos na internet, é capaz de dar oportunidade, a qualquer pessoa, de participar da nova era da informação oferecendo benefícios, em particular às pessoas com necessidades especiais. Não há dúvida de que as oportunidades de comunicação e de aquisição de informação por pessoas portadoras de deficiências aumentam significativamente com a internet, desde que seja acessível.

O Formulário de Contato: Design e Usabilidade

Diferente dos tradicionais formulário de alguns sítios, que pedem apenas " nome, e-mail e mensagem ", um formulário completo de uma grande empresa ou de um orgão público precisa, comportar todas a informações do cliente que a empresa ou orgão público julgue necessárias para futuras respostas.

Redesigns São Mais Fáceis

Removendo os dados de formatação de nossas páginas, refazê-las se torna um trabalho muito menos intenso (e mais barato). Para mudar o layout do sítio, tudo o que você precisa fazer é alterar a folha de estilo (CSS); você não precisa editar todas as páginas do site novamente.

Todas as Páginas Estão Parecidas

Utilizando os padrões Web torna-se extremamente fácil manter a consistência visual de um sítio. Todas as páginas usam o mesmo arquivo CSS que configura cores, tamanhos e posições para os textos e demais objetos, deixando-as formatadas da mesma maneira.
Isto deixa o seu site muito mais usável.

O Google é Cego

Falando de acessibilidade: minimizar a código e usar corretamente as tags de cabeçalho (h1, h2 etc) são métodos que ajudam a melhorar o seu ranking em ferramentas de busca.
Reduzir a proporção do código em relação ao conteúdo, usar palavras-chave em suas tags de cabeçalho, e substituir GIFs por texto normal é uma grande ajuda para que o seu site apareça melhor nos resultados das pesquisas.

A Marcação XHTML para Mecanismos de Navegação

As Web Standards recomendam que mecanismos de navegação, ou seja, grupo de links, sejam marcados no código do documento Web com o elemento lista. Tal recomendação visa a incrementar a acessibilidade além de trazer outros benefícios.

O Que Esta na Moda

Veja bem, o jeito correto de se construir páginas web hoje é usar o HTML para estruturar seu conteúdo e formatá-lo via CSS. Se você não conhece bem CSS, já está alguns anos atrasado. É hora de correr atrás do prejuízo.

O Bom, o Mal e o Sensato

DHTML não é acessível a quem não tiver um browser moderno, e, dependendo de como você o projetou, a quem não possui as mesmas habilidades que você. Isso pode ter uma série de implicações indesejadas. Um deficiente visual usando um leitor de tela pode não conseguir entrar no site se você não fornecer um substituto para o menu DHTML. O Google pode não conseguir indexar suas páginas se seu robozinho não encontrar um link comum para elas (o que pode acontecer se você, por exemplo, criou um esquema de navegação esotérico com DHTML).

O Que Você Precisa Saber

DOM significa Document Object Model. Não é uma linguagem. É uma interface, uma maneira de acessar através de javascript elementos criados pelas linguagens HTML e CSS.

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.