w2br internet solutions

OS DEZ PIORES ERROS EM UM WEBSITE

2008-05-13T11:28:00.000-07:00

Baseando em um artigo do Nielsen de 2005, hoje falarei sobre alguns "erros" dos sites atuais, antecipo, que de 2005 para cá, pouca coisa mudou.

Problemas de Legibilidade
"As fontes ruins ganharam o voto por um landslide, ganhando a maioria duas
vezes mais votos como o erro #2. Aproximadamente dois terços dos eleitores
queixaram-se sobre tamanhos de fontes pequenas ou tamanhos de fontes frozen;
aproximadamente um terço queixou-se sobre o baixo contraste entre o texto e o
fundo. " Nielsen 2005

Devemos nos lembrar sempre das pessoas que navegaram pelo site, se for um portal por exemplo, deixar as fontes sob controle do usuário não é má idéia.
Outro problema que eu tenho visto muito, é de textos onde os acentos, cedilhas etc. não funcionam, ou seja, o pobre usuário não sabe o que fazer nessas ocasiões... fazemos o que então??
Vamos prestar atenção e testar os sites em todos os browsers antes de entregar para o cliente.

Conteúdo que não é escrito para a Web

"Escrever para Web significa simplificar (como um índice = content)
curto,
selecionável,
e que vá direto ao ponto.
O conteúdo da Web também deve responder questões dos usuários e
usar
linguagem comum ao invés de termos feitos (isto também melhora a visibilidade da
ferramenta de busca, desde que os usuários usem essas palavras, e não sua
própria). "Nielsen 2005

As pessoas teimam em querer escrever textos enormes para web, porém, cada vez menos os usuários leem na web para entender mais o porquê de escrever textos menores, e mais confortáveis a leitura para web, clique aqui.

Incompatibilidade de Browser

"Eu admito: durante meus seminários na primavera de 2004, eu degradei a
compatibilidade da plataforma cruzada a uma estrela guia (isto é, “vale pensar
sobre se você tem tempo extra para um projeto, mas não com uma prioridade”).
Naquele tempo, quase todos usavam Internet Explorer e as empresas que davam
suporte a outros browsers estavam consideravelmente resistentes em defender uma
base do ROI.

Hoje, entretanto, muitas pessoas usam Firefox (e vários
outros browsers, como Opera e Safari) sendo que o caso se repete. "
Nielsen 2005

Ou seja, devemos lembrar sempre que cada browser se comporta de uma forma, se pudemos porgramar de forma que todos os browsers se comportem da mesma ou de forma semelhante, então deveremos perder um pouco de tempo com isso. Hoje a grande maioria utirliza Firefox e Internet Explorer, porém existem pessoas que entram pelo celular, pelo Safari e a quantidade de erros que se dá é enorme.

O ideal é evitarmos as "gambiarras", como dizia uma amiga minha, gerente de projetos para web e programarmos com mais carinho e testando sempre em todos os browsers que pudermos, ou pelo menos no Firefox, ópera (que é o que mais se aproxima dos browsers para celulares) e logicamente o maldito internet explorer!!!

Cristiana Marroig

O q é CSS???

2008-05-02T06:23:00.000-07:00

Para entender o que é CSS é necessário antes entender o que é HTML.

O HTML(Hyper Text Markup Language) foi desenvolvido e criado por cientistas para tráfego de informações. Com o tempo este foi se aperfeiçoando, assim foi possível dar atributos a estes textos, como mudanças de cor, de tipo de fonte, etc.

Com isso, a cada mudança de parágrafo, ou de título seria necessário colocar as características na linha que o progrqamador desejasse, mas e se um dia ele precisasse mudar todas as linhas do seu site, um site de 100 páginas por exemplo, como ele faria? A única forma seria alterando linha por linha... então, para otimização deste tempo, surge o CSS (Cascading Style Sheets), ou seja ele definirá num arquivo separado as funções e características de todos os parágrafos do site ou de todos os títulos, por exemplo.

Podendo ser re-definido por ordem de prioridade em cascatas... mas isso é muito técnico... podemos ver outro dia.

O Fato que importa é... Qual a vantagem de ter o Meu Site em CSS sem tabelas?

As vantagens do CSS são:

Com CSS otimizamos o tempo de criação e manutenção de um site

O código de textos, fica separado ao do design em um arquivo de CSS;
O tamanho do código HTML fica menor, além de mais fácil de entender, otimiza o carregamento da página;

Os Navegadores carregam o layout da página mais rápido, podendo chegar até a 70%.
Maior eficiência no gerenciamento do Layout.

Com o CSS é possível criar páginas com layouts “sofisticados” que antes era possível apenas com a utilização de tecnologias como o Flash ou applets Java.
E fora que é possível controlar a aparência da sua página apenas com ele.

Na figura abaiso podemos ter uma idéia de como isso funciona.este é o site sem a folha de estilos, como ele apareceria com o HTML simples.
Podemos ver que aparecem apenas os textos e parte das imagens, as fontes são default do HTML, ou seja Times New Roman, o botão também, os Hiperlinks têm o mesmo estilo: cor azul e sublinhada.

Nesta próxima imagem, vemos o site com o CSS ativo.

Como podemos perceber, os fundos as fontes, as cores mudaram, ou seja todo o layout é codificado apenas em um único arquivo.

Lógico que para o programador Tabless, não é fácil fazer isso, até porque conseguir que em todos os browsers se comportem do mesmo modo, é algo que leva tempo de estudo, dedicação e muita paciência!!!

SEO - Search engine optimization

2008-04-24T07:14:00.000-07:00

SEO é uma abreviação do inglês Search Engine Optimization ou Otimizador do mecanismo de pesquisa ou busca.

Refere-se a um conjunto de estratégias com o objetivo de potencializar o posicionamento de um site nos resultados dos sites de busca.

huuum, muito técnico, né?

Já reparou que alguns sites aparecem no topo do google? Por que será que isso acontece?

Bem... existem algumas programações que o google e outros sites de busca desenvolvem para a partir de palavras-chave que o usuário digita ele faz uma espécie de mapeamento e retorna com os resultados que voce estava precisando. A idéia é entender essa programação pra na hora da pesquisa... ou desse mapeamento, o seu site ser visto por eles.

E pra que o meu site tem que estar no topo do google?

Em pesquisa feita pelo IBOPE/NetRatings, em fevereiro o numero de internautas brasileiros era de 40 milhões. Considerando que 99% desses efetuam suas buscas através do Google e do Cadê (Site de buscas do Yahoo!), logo estar no topo do google significa uma aumento de acessos ao seu site em até 8.000%.

Hoje em dia, não basta apenas ter um site bonito no ar. Ele tem e pode ser visto.

É importante lembrar que...
Não existe milagre para colocar o seu site no topo do google, mas existem técnicas que podem aumentar as chances disso acontecer.

A primeira coisa que deve ser feita é definir uma palavra-chave como base para as buscas.
Feito isso... deixa conosco!

Como os Usuários Leêm na web?

2008-04-23T08:15:00.000-07:00

Os usuários NÃO leêm na web.

Os usuários da web, estam sempre buscando informações rápidas, buscam apenas o que interessa, não ficam rodeando tentando encontrar complementos as suas respostas.

Em recente estudo John Morkes e Jacob Nielsen constaram que 79% dos usuários estudados passam o olho em cada nova pagina pela qual eles passam e apenas 16% lêem palavra por palavra.

Algumas dicas que podem atrair usuários são:

utilizar meios de destacar palavras-chave,
colocar as idéias em forma de lista de marcadores, de forma que cada marcador tem uma idéia diferente,
destacar os links sempre de alguma forma, seja ela usando bold, sublinhando-a ou utilizando as duas formas, mas nunca se deve tratar um link igualmente como o texto corrido.
O estilo "Pirâmide invertida" também pode ser utilizado, ou seja, começar pela conclusão, o que faz com que a medida que haja interesse, o usuário continuaria lendo o texto.
E ainda ao contrário do que eu própria estou fazendo, utilizar a menor quantidade de palavras possíveis.

Com essas pequenas mudanças nos textos, a usabilidade já está sendo aplicada, simples não?

Escrito por: Cristiana Marroig
Fonte: useit.com Oct. 1997 Reading on the Web

Usabilidade

2008-04-22T14:43:00.000-07:00

Interação Humano Computador.

Apesar do comum acesso para a maioria das pessoas no mundo informatizado, o computador é uma tecnologia relativamente nova e com e com um grande potencial.

A cada dia surgem novas descobertas tanto na área tecnológica como também nas questões de usabilidade.
Segundo Beven, usabilidade é um termo usado para descrever a qualidade da interação dos usuários com uma determinada interface.

Como qualquer meio de comunicação a internet deve facilitar a comunicação independente do grau de conhecimento do usuário, agilizando o aprendizado, fazendo com que o mesmo lembre-se das tarefas realizadas e que possua baixa taxa de erros obtendo assim a satisfação do usuário.

Para atingirmos esse objetivo devemos analisar cuidadosamente e identificar os possíveis ruídos de comunicação que podem ser dos mais simples aos mais complexos. O grau do problema deve ser avaliado pelo dano causado a obtenção de informações pelo usuário.

Grave: Usuários precisam de mais de 2 min sem progresso na realização da tarefa. Usuários abandonam a tarefa ou demonstram stress na realização da mesma ou não concluem a tarefa.

Importante: Usuários gastam até 2 min e obtêm êxito na realização da tarefa. Usuários podem demonstrar stress visível ou perda de qualidade de interação.

Menor: Usuários encontram o problema, mas conseguem contorná-lo sem prejuízo importante para a qualidade da realização de tarefas.

Além dessas observações deve-se avaliar com que freqüência esses problemas acontecem.
A busca por uma melhor interação entre homem e máquina será constante e cada vez mais aperfeiçoada a fim de conseguirmos uma completa e fácil adaptação entre os mesmos.