Blog Tecmedia

Um site para ser visto precisa estar em uma boa posição nos buscadores (Google, Yahoo, Msn, Bing, etc). A maioria dos usuários clica nos links que aparecem na primeira página. Veja algumas dicas que o pessoal da Tecmedia preparou para você alavancar a audiência do seu site:

Participe de redes sociais
Estar presente ativamente em Redes Sociais (Twitter, Facebook, etc) aumenta a visibilidade de seu site. Quanto mais links estiverem apontando para suas páginas nas mais diversas mídias, melhor.

Otimize seu Site
Adotar técnicas de SEO (Otimização de Resultados para Buscadores) é utilizar estratégias para melhorar o posicionamento do site. O desenvolvimento do SEO envolve o trabalho de vários profissionais, entre eles, programadores, analistas de sistema e jornalistas.

Entre as técnicas estão:  análise das palavras chaves de maior potencial e da concorrência; otimização dos códigos do site, da navegação e de textos.

Tenha conteúdo
Manter um conteúdo relevante e atualizado é essencial para que os sistemas de busca elevem a importância de seu site nos buscadores. Utilizar palavras-chaves e destacá-las com negrito  é outra  maneira de facilitar o trabalho destes sistemas, afinal, você está mostrando o que é importante.

Simplifique a navegação
Seu site deve ser organizado de uma forma que o usuário encontre facilmente e rapidamente o que procura. A navegação deve ser simplificada ao máximo. Adote critérios de Usabilidade, ou seja, torne seu site fácil de usar.

Quero saber mais!
A Tecmedia presta serviços de manutenção evolutiva de websites, otimização nos website (SEO), consultoria de usabilidade, alimentação em redes sociais. Entre em contato conosco.

Na semana passada, foram apresentados, na Universidade do Sul de Santa Catarina (Unisul), dois Trabalhos de Conclusão de Curso, orientados pelo diretor da Tecmedia, Eder Cachoeira. Ambos TCCs eram para o curso de Sistemas de Informação e abordavam o conceito de Acessibilidade e Usabilidade.

O trabalho “Acessibilidade em Aplicações para a Web”,  desenvolvido por Flávio Capistrano dos Santos Júnior e Rodrigo Alves Miguel, tratou sobre a utilização da web 2.0 e a criação de websites, utilizando conceitos de Acessibilidade.  Esta diz que um site deve proporcionar condições para que qualquer pessoa possa navegá-lo, incluindo quem não possua equipamentos apropriados; tenha  uma conexão lenta; ou seja portador de deficiência visual, auditiva, da fala, motora ou cognitiva.

A dupla desenvolveu um site para deficientes visuais, com apoio da ATIDEV – Associação Tubaronense para a Integração do Deficiente Visual, sediada na cidade de Tubarão (SC). Os próprios membros da associação testaram e aprovaram as páginas.

O trabalho de Felipe Rodrigues Ascari e Rafael Brigido abordou o tema Usabilidade. A monografia, denominada “Análise de Usabilidade e Otimização da Interface do sistema web Betha Livro Eletrônico”, propôs melhorias no sistema utilizado pelo governo,  para auxiliar no processo de declaração dos serviços prestados pelos contribuintes do ISS (Imposto Sobre Serviço de Qualquer Natureza).

Usabilidade pode ser entendida como a facilidade, eficiência e agradabilidade que um sistema interativo proporciona a um usuário, quando este precisa realizar alguma tarefa. Ou melhor, se usuário alcançou seu objetivo de forma rápida e fácil. Ascari e Brigido realizaram testes com usuários no Betha Livro Eletrônico e sugeriram melhorias.

Os TCCs foram bastante elogiados pela banca avaliadora, composta pelo Dr. Rafael Ávila Faraco, Dr. Luiz Alfredo Garcindo e Prof. Clavison Zapeline

A partir de março de 2010, os trabalhos poderão ser encontrados no acervo de projetos de Sistemas de Informação, no prédio do Cettal, no campus da Unisul de Tubarão.

Acessibilidade e Usabilidade na Tecmedia

A preocupação de facilitar a vida do usuário e de inclusão social também existe na Tecmedia. A empresa  se propôs, há mais de 3 anos,  em adotar conceitos de Usabilidade e Acessibilidade no desenvolvimento de seus sites e sistemas.

Algumas dicas de acessibilidade na Internet apresentadas pelos alunos Flávio Capistrano dos Santos Júnior e Rodrigo Alves Miguel:

• O site deve facilitar a navegação através do seu conteúdo, ou seja, que os elementos de sua interface possam ser utilizados por qualquer pessoa;
• O conteúdo e os controles do site devem ser de fácil identificação e auto-explicativos;
• O conteúdo do site deve ser perceptível a qualquer pessoa seja quais forem as condições de acesso;
• O site deve utilizar tecnologias que o compatibilizem com os dispositivos de visualização atuais e futuros, para que a sua integridade tecnológica seja preservada.

Dicas sobre usabilidade extraídas da monografia de  Felipe Rodrigues Ascari e Rafael Brigido:

• Facilidade de aprendizado: os usuários conseguem realizar as tarefas básicas logo na primeira vez que encontram o projeto?
• Eficiência e Produtividade: após o usuário ter aprendido o projeto, ele consegue executar as tarefas com agilidade?
• Facilidade de memorização: após certo tempo de desuso do projeto, o usuário consegue facilmente desempenhar as atividades já realizadas? Consegue lembrar de como executá-las?
• Quantidade de erros: Quantos erros o usuário comete durante a execução das tarefas? Qual a gravidade dos erros cometidos? O usuário consegue se recuperar  facilmente dos erros cometidos?
• Satisfação do usuário: É uma atividade agradável utilizar o projeto? O sistema  faz o que o usuário necessita? Pois pouco importa se é fácil de fazer, se não for o que o usuário espera que o projeto faça.

A nova funcionalidade Linha do tempo permite que os usuários do PCT4 acompanhem as últimas ações realizadas nos componentes Chamados, Negociações e Documentos. O sistema inclui, automaticamente, pequenos posts no Painel do Usuário que informam cada nova atualização feita nestes componentes.

Além da atualização automática, o usuário pode incluir comentários de até 140 caracteres, a fim de complementar informações ou deixar recado para outros usuários.

Foi incluído, no Painel do Usuário do PCT4, o Cadastro rápido de Chamados e Negociações. Através da nova funcionalidade, abrir um chamado ou negociação no sistema ficou muito mais fácil. Para cadastrar um chamado, por exemplo, o usuário seleciona a empresa que fez a solicitação, define o título e escreve um comentário. Veja na figura abaixo:

O cadastro rápido de uma nova negociação é feito da mesma forma, com uma única diferença, o usuário também pode incluir a data para o próximo contato com o cliente ou prospect.

Após realizar o cadastro rápido de um chamado, por exemplo, o sistema comunica que o chamado foi incluído e fornece um link para acesso aos detalhes, possibilitando o cadastro de novos comentários. Veja a localização do link na figura abaixo:

O Portal do Software Público Brasileiro oferece a partir desta semana o software Avaliador e Simulador para a Acessibilidade de Sítios (ASES). A carta que divulga a solução à sociedade foi assinada pelo secretário de Logística e Tecnologia da Informação (SLTI) do Ministério do Planejamento e o diretor de Governo Eletrônico, João Batista Ferri de Oliveira.

O ASES permite avaliar, simular e corrigir a acessibilidade de páginas, sítios e portais, com funcionalidades para a avaliação e desenvolvimento de portais acessíveis a pessoas deficientes.

Para internautas cegos, por exemplo, a ferramenta oferece recursos como a utilização de descritores de imagens. Voltada para desenvolvedores de portais e sites públicos, a ferramenta alerta quando um portal não está acessível e oferece os procedimentos necessários para a sua correção.

O desenvolvimento desse software é resultado de uma parceria entre a SLTI e a OSCIP Acessibilidade Brasil. Para os usuários brasileiros, o programa é distribuído gratuitamente sob a licença LGPL – GNU Lesser General Public License.

Fonte: IDG Now!

A mobilidade já é uma realidade no Brasil e ter a preocupação em desenvolver websites que sejam compatíveis com dispositivos móveis vem se tornando um grande diferencial entre as empresas de internet.

O básico para o desenvolvimento de um website acessível é que ele seja criado totalmente dentro dos padrões web XHTML, Javascript não-obstrutivo e CSS (Tableless).

Abaixo seguem algumas dicas para deixar seu website acessível para o maior número de pessoas possível:

1. Evite Flash ou ofereça conteúdo alternativo.

2. Use layout líquido/fluído ou ofereça alternativas de resolução

3. Organize sua Tab Index e permita uma boa navegação, usando apenas
as teclas Tab e Enter (sem utilizar o mouse)

4. Preencha todos os atributos ALT descrevendo as imagens

5. Possibilite aumento da fonte – lembre-se que definir font-size com
unidade /px/ bloqueia a alteração do tamanho da fonte em alguns
browsers.

6. Botão Ir para conteúdo no início da página agiliza a navegação.

Não esqueça também de evitar que a navegação dependa da interpretação de ícones, imagens ou cores específicas, ou seja, respeite o usuário e simplifique a navegação.

A etapa de implementação da interface navegável de um site é feita após a aprovação do layout.

Essa etapa é a “transformação” de uma imagem, criada pelo web designer, em páginas navegáveis, através de links que se relacionam. Cada elemento do layout é implementado na interface através de estruturas HTML e CSS.

Breve noção sobre HTML e CSS:

HTML é uma linguagem de marcação utilizada para criação de páginas web. Os navegadores interpretam essas marcações e exibem o conteúdo, estruturando-o de acordo com as tags HTML contidas no documento que forma a página.

Parte de código HTML (cabeçalho da página – Blog Tecmedia)

CSS é uma linguagem para aplicação de estilo ao documento HTML.

Parte de código CSS (aplicação de estilo no menu do Blog Tecmedia, definição de tamanho, margem, imagem de fundo, posicionamento e tipo de lista)

Uma interface é composta por: HTML (conteúdo) + CSS (apresentação) + JavaScript (comportamento).

As páginas são formadas por HTML, mas, o que dá todo o acabamento, cores, tamanhos, fundos, bordas, posicionamento, (etc) é o CSS. Não entraremos em detalhes, aqui, sobre JavaScript.

Porém… lá vem a velha frase: nem tudo são flores…

Navegadores de internet e um pouco de história:

Existem diversos navegadores disponíveis para acesso a páginas web. Cada navegador tem suas particularidades, o que pode diferenciar a visualização da mesma página entre cada um eles. Essas diferenças existem tanto em interpretação de HMTL (mais raras) quanto de CSS (principalmente).

Há alguns anos, os desenvolvedores precisavam criar páginas basicamente em HTML, usando essa estrutura de marcação para um fim ao qual não é destinada: estilização. O CSS era utilizado em pequena quantidade, pois muitos navegadores ainda não davam suporte.

Devido à falta de padronização da implementação de CSS, eram necessários vários estilos para atender aos diversos navegadores.

Ou então, deixar as pessoas que usavam um navegador para o qual o site não estava preparado sem acesso à página.

Logo de alguns navegadores mais conhecidos.

Outra frase conhecida: uma luz no fim do túnel…

Chegaram os Padrões Web!

No ano de 1994, foi criado o W3C – World Wide Web Consortium, consórcio responsável por definir padrões para a rede mundial de internet.

À medida que os navegadores fossem aderindo a esses padrões, bastava os desenvolvedores também os seguirem, e todos viveriam felizes para sempre! =)

A maioria dos navegadores já dá suporte à grande parte desses padrões, mas não todos, assim como não são todos os desenvolvedores que dão importância para os padrões.

Logo W3C, Validação de HTML e Validação de CSS

Esquecendo um pouco o problema com os navegadores, temos também que pensar nas diversas resoluções de tela que o usuário pode estar utilizando. Por isso, implementamos layouts fluídos, ou seja, layouts que se adaptam a qualquer resolução.

Não podemos esquecer da questão da acessibilidade…

Acessibilidade não é só criar estilos diferentes para pessoas com deficiência visual. Acessibilidade é permitir que as pessoas visitem seu site de qualquer dispositivo e tenham acesso integral ao seu conteúdo.

Menu rápido de acessibilidade do site Tecmedia.

Implementamos interfaces com HTML bem estruturado, de acordo com os padrões da W3C para que os visitantes dos sites tenham uma boa experiência ao acessá-los, seja de qualquer tipo de dispositivo, navegador ou resolução. E não esquecendo da beleza, mas sim, incorporando-a a um site bem estruturado e no qual todos se sintam confortáveis ao navegar.

Começando a implementar uma interface

Primeiro, encare o layout. Pense: quais as divisões existentes? Como será feita a marcação do conteúdo? Quantas colunas formam o site? O que faz parte do conteúdo e o que é só “enfeite”?

Comece pelo HTML. Monte toda a estrutura necessária para a apresentação do conteúdo da página.

HTML bem estruturado? Dentro dos padrões? Qualquer pessoa conseguirá acessar o conteúdo do site e compreendê-lo, numa sequência lógica? Ok.

Segunda parte: Hora de embelezar seu website. Querendo ou não, é isso que fará com que a primeira impressão das pessoas seja boa.

Com o HTML montado, basta você começar a alocar as “divisões”, seguindo o layout que tem em mãos, dando tamanhos, cores, fundos, posicionamento, enfim, tudo o que o layout lhe solicitar, dentro do que está estabelecido pelos padrões CSS e que os navegadores suportam. Se você é um desenvolvedor, vou ser mais clara: nada de gambiarras! =)

Ah, esqueci! A parte interessante dessa separação entre estrutura e estilo também tem relação com acessibilidade para deficientes visuais. Os leitores de tela utilizados por essas pessoas conhecem html e lêem de acordo com o que cada tag significa. Por isso, não vamos sujar nosso html

Também é possível fazer a troca de estilos para maior contraste, dispositivos móveis, alteração do tamanho de fonte. Tudo apenas alterando o estilo CSS. A estrutura do site continua a mesma, ele não deve ser refeito; fica tudo muito simples!

Recentemente, o Google adaptou um de seus serviços de leitura de notícias, o famoso Google Reader, com o fim de possibilitar seu acesso às pessoas com algum tipo de deficiência visual, segundo informações da companhia. Essa iniciativa permite que usuários possam acessar ao Google Reader com qualquer tipo de leitor de tela, ferramenta que as pessoas com deficiência visual utilizam para acessar os sites.

O suporte recém-adaptado foi testado no browser Mozilla Firefox, e, segundo o Google, é um grande passo para enviar a informação aos usuários.

Via Pinceladas da Web

Segundo o dicionário Aurélio, Acessibilidade (Lat. accessibilitate), s.f. qualidade de ser acessível; facilidade na aproximação, no trato ou na obtenção. Acessível adj. a que se pode chegar facilmente; que fica ao alcance.

O que é acessibilidade na Internet?

É garantir que seu trabalho esteja disponível e acessível via web a qualquer hora, local, ambiente, dispositivo de acesso e por qualquer tipo de visitante/usuário.

Permitir o acesso às informações via celular, Palmtop, Web-tv ou qualquer dispositivo atual ou futuro de acesso à web. Permitir que seus visitantes possam acessá-las em sistemas Linux, Windows, Unix, Mac OS ou qualquer outro sistema operacional e, principalmente, que as informações possam ser acessadas por qualquer visitante, independente de sua capacidade motora, visual, auditiva, mental, computacional, cultural ou social.

É o acesso à informação sem precedentes, uma Internet verdadeiramente democrática.

Como funciona um website acessível?

Funciona exatamente como todo website, a diferença é que para tornar-se acessível é necessário que sejam aplicadas nas páginas algumas técnicas e regras de acessibilidade, além da correta utilização da marcação HTML/XHTML. É um erro pensar que é necessário à criação de uma outra versão do website apenas em modo texto para torná-lo acessível, assim como também é um mito dizer que websites acessíveis têm um design limitado e pobre.

Como os deficientes visuais têm acesso às informações?

Eles utilizam programas chamados de “Ledores de Tela” ou screen readers, que varrem as informações da tela e falam o texto exibido aos deficientes, para que eles possam ouví-lo. Utilizando a tecla TAB, as setas e teclas de atalho navegam nas páginas através dos links, campos de formulário e textos. Para ter acesso a todos os eventos do website é importante que eles possam ser acessados também através do teclado, sem utilização de mouse e monitor.

• A Tecmedia já utiliza os conceitos de acessibilidade. Todo projeto é desenvolvido de modo que pessoas portadoras de necessidades especiais (física, motora ou tecnológica) possam utilizar, navegar e compreender o conteúdo publicado, sem restrições.

Fonte: Internativa