É sinônimo de facilidade de uso, sem rodeios, sem expressões complexas, resolvi escrever este post primeiramente claro pela escassez de material para nós que pesquisamos estudamos, muitas vezes rastreando blogs estrangeiros em busca de material sobre usabilidade e acessibilidade, fiz neste pensamento um material em português para leigos, se você conhece o básico na operação de um computador já está apto a ler entender e comentar este post.

Bom acredito sim, que meus clientes tem todo o direito de saber o que está sendo feito no seu projeto e por este motivo estou escrevendo uma série de artigos elucidando colocando em palavras simples claro que não de forma aprofundada, mais em uma síntese geral eles saberão o que estou fazendo, pra onde vão aqueles recursos que normalmente o empresario pergunta, “mais porque é tão caro esses serviços em web”, bom lendo todo conteúdo relacionado a página inicial deste site você terá uma ideia melhor, nele dou uma pincelada geral sobre o que é a internet, o que ela vai se tornar, web standards, mídias sociais, usabilidade e acessibilidade, navegação em nuvem, web 2.0, SEO, design e o futuro de tudo isso.

Agora voltando a usabilidade, como disse anteriormente, simplicidade é a palavra chave aqui, definição by usabilidoido, se um produto é fácil de usar, o usuário tem maior produtividade: aprende mais rápido a usar, memoriza as operações e comete menos erros.

Assim o mais simples e funcional possível, são construídos sites de uma simplicidade de utilização única e funcionalidades enormes. Se utilizando das recomendações do W3C, construindo websites em Web Standards, onde conseguimos enormes vantagens na área de usabilidade, navegação intuitiva, completamente compatível com outras formas de navegação a web, o que serão cada vez mais comuns, leitores de tela, celulares, utilizáveis tanto para profissionais em informática quanto a profissionais de medicina ou jornalismo construímos ferramentas accessíveis a qualquer pessoa que tenha alguma noção de informática, claro que isso depende do projeto, seus objetivos, aspirações, mais de forma geral para a maioria dos projetos conseguimos níveis semelhantes em usabilidade.

Acessibilidade

Nos trás uma navegação mais segura, melhores condições e qualidade na navegação, não apenas para portadores de deficiências como pode parecer, a acessibilidade nos trás vantagens enormes relacionadas a otimização de websites nos mecanismos de buscas, leia mais em SEO, e principalmente é parte indispensável quando se trata de usabilidade.

Claro também torna possível por exemplo: uma pessoa que tenha deficiência visual acessar o seu site em um leitor de tela, ele será guiado por informações e caminhos determinados pelo web designer, como no preenchimento de um formulário a sequência correta dos campos é determinada por minucias da programação HTML, sendo determinantes não só para deficientes visuais como também pela navegação sem mouse.

Outro exemplo simples de acessibilidade são textos alternativos para imagens, muitos websites acreditam que as imagens falam por si, mais no caso de o usuário ter desativado as imagens de sua navegação será que ele entenderia o contexto de seu website sem imagens?

Estes motivos muitas vezes tornam lindos websites um fracasso enorme pelo despreparo ou até mesmo pela falta de conhecimento de pseudo profissionais, até mesmo por não saber do que se trata, acessibilidade, ter um website de qualidade envolve muitas outras coisas além do layout, um exemplo prático, um website feito com a fonte ventana no tamanho 18 pode ser feio pra você que tem seus 20 anos agora é fantástico para o público da terceira idade. É disso tudo que trata a acessibilidade, leia mais em O que você vende

Web standard é o nome dado a uma recomendação do W3C, com a finalidade de padronizar os sites existentes hoje e assim trazer uma maior compatibilidade em diversos dispositivos.

Anteriormente um website teria que ser produzido pelo web designer imaginando ter que fazer uma versão para o Internet Explorer (até a versão 6), que até então incompatível com os padrões determinados pelo W3C, outra versão para outros navegadores que seguem os padrões e outras tecnologias como a já extinta tecnologia WAP que fazia com que um website para ser acessível necessitaria de pelo menos três versões diferentes, para suas diferentes padronizações.

A programação em XHTML – CSS resolveu este problemas de compatibilidade e é hoje uma tendencia mundial. Estimasse que dentro de alguns anos todos os site sigam esta padronização pelo simples fato da compatibilidade, uma página escrita em XHTML – CSS abre em qualquer dispositivo que tenha suporte a padrões web, leitores de tela, celulares, é possível navegar em seu website como se estivesse em seu escritório sentado em frente ao seu desktop.

O segredo de toda essa compatibilidade é extremamente simples, os padrões da recomendação do W3C, simplesmente colocam a utilização da linguagem de marcação HTML como ela foi designada para ser utilizada, na evolução de páginas da web, contínua e sempre buscando o melhor layout, os web designers teriam que produzir sempre algo novo e aproveitando se de qualquer elemento e de todas as suas funções para interfaces mais complexas e atraentes. Neste cenário, foram utilizadas diversas formas para que o cliente estivesse sempre satisfeito, mesmo que a utilização de comandos de marcação da linguagem HTML não estivessem sendo usados da forma correta, por exemplo para se construir um layout com três colunas, navegação, corpo da página e links patrocinados, era utilizado uma tabela geral dividida em três colunas, dentro de cada célula dessas três colunas eram colocadas outras tabelas para dividir as secções e assim se chegava a um layout aceitável, no entanto neste modo de construção todo o layout fica no mesmo arquivo do conteúdo transformando o código fonte de uma simples página num monstro, literalmente, claro além do que transforma cada mudança num sacrifício elevando valores para manutenção a níveis incabíveis a internet de hoje. Se você quiser mudar a cor de determinados títulos dependendo da quantidade de texto que você tem essa mudança poderia levar semanas.

Neste ponto a conclusão foi de que a padronização foi como um adolescente se tornar um jovem, mais saudável e muito menos impulsivo.

Separação conteúdo / design

O que muda imediatamente a performance de seu website, conforme foi dito anteriormente no exemplo das tabelas seu código fonte fica gigante leva muito mais tempo para ser processado carrega aos poucos e ainda trás diversos problemas com relação a indexação de seu websites em mecanismos de buscas, SEO.

Agora dentro do web standards seu website terá algumas divisões conforme segue a tabela abaixo:

Conteúdo – Informação do seu Website	Visual – Layout – Aparência	Funções – Interação como usuário
XHTML	CSS	Javascript – AJAX

Todos os arquivos externos como .css (visual) e .js (funções) ficarão armazenados no cache do navegador do usuário depois do primeiro carregamento da página, reduzindo drasticamente o tempo de carregamento.

O código fica centralizado em um lugar controlando apresentação e interatividade em todo o Web site.

Menor utilização de banda de sua hospedagem – se você opta por um website feito com tabelas e tabelas dentro de tabelas, provavelmente quando você começar a verificar seu uso de banda de sua hospedagem ira perceber duas coisas a primeira é que você mesmo só para ver e testar seu website já está utilizando banda acima do normal, quando poderia estar utilizando toda essa banda em facilidades ao seu cliente, como formulários inteligentes, navegação intuitiva, validação de campos e outra descobrir que existem muito mais conexões lentas a internet do que você julgava e de que se seu website demorar mais de 20s para abrir você terá uma perca de publico de aproximadamente 50% de visitantes novos.

Como hoje a informação é tratada de forma semântica pelos buscadores (Google, Yahoo, Bing) ter resultados melhores em buscas pelo conteúdo desejado, anexando cada vez mais e em melhores condições páginas feitas no XHTML – CSS – JS. Leia mais em SEO

Por isso não é mesmo uma boa ideia:

“ eu tenho um filho do primo de segundo grau da minha mulher que faz isso, ele ainda está no ensino médio, mais tenho certeza de que vai ficar bonitinho ”

E segundo o Wikipedia:

O XHTML consegue ser interpretado por qualquer dispositivo, independentemente da plataforma utilizada, pois as marcações possuem sentido semântico para as máquinas.

]]> http://biras.com.br/2010/01/web-standards/feed/ 0