É 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 http://biras.com.br/2010/01/seo/ http://biras.com.br/2010/01/seo/#comments Mon, 25 Jan 2010 06:03:17 +0000 biras http://www.biras.com.br/wordpress/?p=545 more...]]> SEO – Search Engine Optimization ou otimização para sistemas de buscas, você que tem interesse na sua marca na web com certeza já fez uma pesquisa pelo nome da sua empresa no Google, Yahoo, Bing, então a maneira como eles indexam informação e o estudo de maneiras de otimizar seu website para que você possa estar no topo deste ranking é chamado de SEO.

Este artigo pretende discutir não a parte técnica de como posicionar um site nos mecanismos de busca, pois isto depende de inúmeros fatores a serem analisados, mas sim a necessidade e a importância que um site otimizado tem para uma empresa.

Necessidade porque as empresas precisam ampliar mercados e atingir sempre novos objetivos e novos números.

Importância porque como você encontra produtos ou serviços, por exemplo no caso de precisar comprar comida para camelo onde você vai procurar isso, se respondeu no Google ou qualquer um dos concorrentes essa é basicamente a importância do SEO na sua empresa. Porque hoje a internet se torna para empresas a principal, ferramenta de marketing, promoções, eventos e geração de novos negócios leia mais em Mídias Sociais.

As empresas que já possuem um website buscam ampliar as oportunidades de negócios e uma das ações estratégicas de marketing na internet mais eficientes e com resultados interessantes é colocar o site entre os primeiros resultados dos mecanismos de busca.

O Google é disparado o líder mundial em buscas na internet, com aproximadamente 70% de utilização.

Se você for pensar quais as marcas líderes na internet brasileira com certeza irá lembrar de Submarino, Americanas e Mercado Livre, independente de ser um cliente ou não destas empresas.

O que faz você se lembrar destas Marcas?

Entre os inúmeros fatores que fizeram estas Marcas atingirem a liderança no mercado brasileiro, uma das principais ações que estes três sites fizeram é se posicionar de forma correta nos mecanismos de busca.

Ao pesquisar alguma palavra, o internauta SEMPRE irá encontrar respostas, mesmo que a resposta esteja do outro lado do mundo e é exatamente isto que o empresário precisa entender e se preocupar. Antes da internet, uma pessoa saia na rua procurando algum produto ou serviço e caso não o encontra-se na sua região, ele desistia ou buscava outra alternativa. Era o momento do mercado totalmente regionalizado, sem grandes ameaças e com a concorrência bem identificada.

Hoje isto não acontece mais. Se uma pessoa pesquisar algo na internet COM CERTEZA ela vai encontrar inúmeras respostas. Respostas estas que podem direcionar o internauta para empresas de outras cidades, de outros estados e até de outros países.

E isto é extremamente preocupante para empresas com atuação local ou regional. Porque estas empresas sofrem uma concorrência quase invisível, pois o concorrente normalmente não tem nenhuma ação local e passa despercebido pelos empresários que analisam a concorrência na sua região.

E como hoje milhões de buscas são feitas diariamente, isto demonstra a necessidade e a importância que uma empresa precisa dar ao posicionamento do site na internet.

Quando uma empresa contrata o desenvolvimento de um site em padrões web, ele já é planejado e programado para posicionar-se de forma correta nos mecanismos de busca, pois esta é uma das principais estratégias de marketing na internet.

O não entendimento desta premissa faz com que as empresas construam sites com diversos problemas de estrutura e programação, impedindo-os de se colocarem no topo dos resultados das pesquisas feitas nos mecanismos de busca.

Um exemplo claro do problema acima:

No Brasil ainda se privilegia muito o uso de flash em todo o site. Não sou contra o flash, pelo contrário, mas utilizá-lo em todo o site, inclusive em locais onde deveria ser texto é um erro grosseiro de planejamento, ou da falta dele.

A empresa contrata um desenvolvedor e não questiona a tecnologia, metodogia que será utilizada na programação do site. Pronto. Ele poderá ter um site bonito, bem construído, mas com sérios problemas de posicionamento, pois não foram observadas pequenas regras nesta construção.

Existem milhares de sites que possuem estes dois problemas juntos. E ai, não existe milagre que resolva este problema. Só a construção de um novo site baseado nas informações fornecidas.

Portanto, é importante, que no momento da definição do “fornecedor” que irá construir um novo site ou reformular o atual, o empresário pesquise profissionais que possam compreender a sua necessidade e contribua desenvolvendo um planejamento que possibilite a esta empresa ter um bom posicionamento nos resultados das pesquisas feitas nos mecanismos de busca.

Em suma a importância do SEO para sua empresa é você estar lá ou não na hora da pesquisa por um produto ou serviços comercializado por você.