Introdução

Você já acessou um site e teve a sensação de que alguma coisa muito errada tinha sido feita ali? Ruim essa sensação, não é mesmo? Se você quer evitar que os visitantes do seu site tenham essa mesma impressão, fique de olho em alguns detalhes que podem derrubar seu projeto:

1 - Conteúdo importante em janelas pop-up

Hoje em dia mesmo os usuários menos experientes já têm bloqueadores de pop-up ativados nos navegadores. Se o conteúdo for realmente importante, não tente inventar moda: coloque-o numa página normal e garanta que ele será visto por todos os visitantes.

2 - Animações de abertura

Quando o usuário acessa um site, ele procura informação. Para ele, pouco importa se você aprendeu técnicas super legais no seu curso de Flash, ele quer acessar o site sem esperar. Por isso, evite as chamadas splash screens a todo custo. Mas se você não tiver mesmo outra saída - ou quando seu cliente insistir muito e não abrir mão da abertura - não esqueça de colocar um link de “pular animação” (que funcione!).

3 - Música no site

Em alguns tipos de sites, especialmente naqueles voltados para o público mais jovem, a música é uma ferramenta interessante. Porém, se não for bem projetado, esse recurso pode, na verdade, criar uma má impressão no usuário. Imagine se ele estiver escutando música? Ou se a caixa de som estiver ligada com o volume muito alto? Aqui vale novamente a dica: se não tiver outro jeito e a música for necessária, não esqueça de incluir os controles de volume, pause e stop.

4 - Site sem contato

Seu site não deve ser uma ilha isolada do resto da humanidade. Se você tem o que dizer na internet, deve dar às pessoas a chance de contatá-lo para criticar, elogiar ou acrescentar algo às suas idéias. Coloque um formulário e/ou um endereço de e-mail para o usuário entrar em contato. Já publiquei aqui no InfoWester uma coluna falando sobre como disponibilizar seu e-mail de forma eficiente no site.

5 - Desabilitar o teclado

Se você não quer que seu conteúdo corra o risco de ser roubado, não publique-o na internet. Utilizar códigos em JavaScript que bloqueiam o teclado ou o clique do mouse não impede a ação de usuários mal intencionados, e ainda atrapalha a navegação do visitante comum, que nada tem a ver com suas preocupações.

6 - Imagens mal tratadas

Antes de publicar imagens e fotos, trate-as num editor de imagens da maneira apropriada. Se for publicar uma galeria de fotos, por exemplo, gere os arquivos das miniaturas no tamanho apropriado. Não exiba imagens com tamanho diferente do original, ou seja, se a sua imagem tem 100×100 pixels, e você quer exibí-la com 50 pixels de largura, gere um novo arquivo com as dimensões corretas. Imagens “estouradas” (como a do logotipo do InfoWester ao lado) deixam a página feia e são mais demoradas para carregar, pois o navegador precisa processar o novo tamanho. Imagens com alta resolução também deixam a página pesada para carregar, o que pode fazer seu visitante desistir e ir para outro site.

7- Site que não funciona em qualquer navegador

Outro assunto que já tem sido tratado aqui desde a minha primeira coluna. É você que precisa se adequar ao computador do usuário, e não o contrário. Quem utiliza outros navegadores que não o Internet Explorer sabe bem como é frustrante acessar um site e não conseguir visualizar seu conteúdo ou todos os seus recursos porque foram projetados só para um navegador. Poucas pessoas têm a paciência de abrir outro browser para continuar navegando no site, ou pior ainda: muitos nem têm outro navegador instalado.

8 - Não testar seus links

Você já clicou num link que levou a uma página de erro? Já preencheu um formulário e ficou sem saber se ele foi enviado ou não? Chato isso… Não deixe que seu usuário tenha o mesmo problema: teste todas as suas páginas, especialmente depois de publicar o site no servidor. Leia mais no artigo Desenvolvimento do site: backup, testes e feedback.

9 - Erros de português

De novo, mais um item que eu venho citando desde o começo, mas não custa repetir. Se você quer que seu site seja levado a sério, disponibilize seu conteúdo num português correto, sem erros de gramática ou digitação. É claro que um erro ou outro pode escapar, afinal, errar é humano, mas se esforce para evitá-los.

10 - Disponibilizar um conteúdo que dependa de plugins

Hoje em dia a grande maioria dos usuários possui todos os plugins mais comuns instalados em seus computadores. Porém, não deixe que seu conteúdo dependa exclusivamente da exibição desses recursos. O visitante pode estar num computador mais antigo, ou ainda em algum computador onde não possa instalar nenhum plugin, e assim o acesso ao seu conteúdo fica comprometido. Sempre que possível, ofereça uma versão em HTML “normal” da sua página.

11 - Falta de atualização

Não deixe que seu visitante se sinta numa cidade fantasma do velho-oeste. Se você publica notícias no site, mantenha a atualização constante. Se o seu conteúdo é sempre o mesmo e não tem muito o que atualizar, dê sempre uma modificada nos detalhes do layout, adicione fotos novas, enfim, deixei seu site movimentado.

12 - Falta de cuidado com a tag

Se você usa editores visuais, tome cuidado para não publicar uma página com títulos como Sem Título, Documento Sem Título ou untitled.html. É feio, dá a impressão de relaxo e descuido, e ainda prejudica seu site nos mecanismos de busca.

13 - Conteúdo sem referência

Quando publicar conteúdo de outro site, não esqueça de dar os devidos créditos ao autor, linkando a origem da informação, se possível. Notícias sem créditos passam uma péssima impressão, e você ainda pode acabar arrumando problemas com o verdadeiro autor da informação.

14 - Navegação complicada

Vivemos em um mundo agitado, onde as pessoas têm pressa. Elas querem que sua página carregue rapidamente, forneça as informações que elas procuram de forma quase instantânea e, caso precisem navegar, não querem se sentir perdidas com um menu “alternativo”. Às vezes apostar no tradicional é a melhor forma de acertar, por isso projete os menus de seu site de forma óbvia e objetiva.

15 - Esta página está em construção

Se você ainda não desenvolveu seu site completamente, não publique páginas “em construção” ou “breve”. GIFs animados então são o fim da picada! Se o conteúdo ainda não está disponível, simplesmente não coloque o link para ele.

Finalizando

A grande dica aqui é conhecer seu público e adequar seu site a ele. Músicas, vídeos e animações, tudo isso pode fazer toda a diferença, mas quando bem aplicado. Entender o seu público alvo, descobrir o que ele espera do seu site e equilibrar seu conteúdo com a aplicação consciente dos recursos que tem em mãos é uma combinação que pode ser a chave do sucesso de seu projeto.

Fonte: http://www.infowester.com/

Autor(a): Erika Sarti, em 16/04/2007.

Erika Sarti é web designer e trabalha como free-lancer desde 2000. É a responsável pelo novo layout do InfoWester, basicamente feito com tableless, um de seus assuntos preferidos. Seu portfólio está em www.erikasarti.net.

Bookmark e Compartilhe
Comentários (129)

Simulador de Crawler

29 de Março

Este serviço on-line simula e mostra como os robôs do Google e outros serviços de busca visualizam o conteúdo do seu site. Como você deve saber estes softwares robôs vasculham toda internet catalogando páginas e palavras relacionadas a elas. Verifique se o conteúdo que pode ser lido é realmente relevante. Quanto maior a quantidade de textos relavantes no seu site melhor será sua posição nos resultados de busca.
Visite: http://seobench.com/search-engine-crawler-simulator/

Fonte: http://neosite.ilogic.com.br/dicas

Bookmark e Compartilhe
Comentários (182)

A escolha das cores é fundamental para uma boa harmonia dos elementos de um site. Ela pode enfatizar textos, imagens e caracterizar especialmente os elementos da página.

A cor exerce influência decisiva nos olhos dos seres humanos, afeta a atividade muscular, mental e nervosa. A combinação das cores afeta o psicológico e pode tornar um ponto importante no interesse do público em seu site.

A combinação certa pode causar efeitos como de excitação, urgência, contentamento, calma, vulgaridade, melancolia, segurança etc., e ainda destacar algum elemento em relação a outro.

Na Web a seleção de uma cor é um pouco complicada, pois é impossível garantir que uma determinada cor irá se apresentar no monitor do usuário como ela realmente é, ou seja, como a que o designer colocou.

Isto acontece devido ao fato de cada monitor ter uma especificação diferente, uns podem trabalhar com mais vermelho, ser mais brilhante, ter mais contraste e etc., e ainda cada um pode estar configurado com uma determinada resolução como 640×480 pixels, 800×600 pixels e assim por diante.

A combinação desses fatores é que irá determinar a fidelidade e a reprodução de cores e a qualidade das imagens.

Abaixo você poderá visualizar algumas sensações “psicológicas” conhecidas:

As cores e os efeitos psicológicos

Sensações visuais + significado:

- Branco – pureza
- Preto – negativo
- Cinza – tristeza
- Vermelho – calor, dinamismo
- Rosa – graça, ternura
- Azul – pureza, fé

Sensações Acromáticas

Branco: inocência, paz, divindade, calma, harmonia, para os orientais pode significar morte, batismo, casamento, cisne, lírio, neve, ordem, simplicidade, limpeza, bem, pureza.

Preto: sujeira, sombra, carvão, fumaça, miséria, pessimismo, melancolia, nobreza, seriedade. É expressivo e angustiante ao mesmo tempo. Alegre quando combinado com outras cores.

Cinza: pó, chuva, neblina, tédio, tristeza, velhice, passado, seriedade. Posição intermediária entre luz e sombra.

Sensações Cromáticas

Vermelho: guerra, sol, fogo, atenção, mulher, conquista, coragem, furor, vigor, glória, ira, emoção, paixão, emoção, ação, agressividade, perigo, dinamismo, baixeza, energia, revolta, calor, violência.

Laranja: prazer, êxtase, dureza, euforia, outono, aurora, festa, luminosidade, tentação, senso de humor. Flamejar do fogo.

Amarelo: egoísmo, ciúmes, inveja, prazer, conforto, alerta, esperança, flores grandes, verão, limão, calor da luz solar, iluminação, alerta, euforia.

Verde: umidade, frescor, bosque, mar, verão, adolescência, bem-estar, paz, saúde (medicina), esperança, liberdade, paz repousante. Pode desencadear paixões.

Azul: frio, mar, céu, horizonte, feminilidade, espaço, intelectualidade, paz, serenidade, fidelidade, confiança, harmonia, afeto, amizade, amor, viagem, verdade, advertência.

Roxo: fantasia, mistério, egoísmo, espiritualidade, noite, aurora, sonho, igreja, justiça, misticismo, delicadeza, calma.

Marrom: cordialidade, comportamento nobre, pensar, melancolia, terra, lama, outono, doença, desconforto, pesar, vigor.

Púrpura: violência, furto, miséria, engano, calma, dignidade, estima.

Violeta: calma, dignidade, estima, valor, miséria, roubo, afetividade, miséria, calma, violência, agressão, poder sonífero.

Vermelho-alaranjado: sexualidade, agressão, competição, operacionalidade, desejo, excetabilidade, dominação.

A escolha da cor sofre influência da moda, das tendências e da decisão do designer.

Harmonia e Contraste

Espaços em branco podem ser definidos como áreas que não contenham textos, imagens ou qualquer outro elemento gráfico. Saber balancear o conteúdo e o espaço em branco em um site é a chave para manter a harmonia dos elementos dentro da página e prender a atenção do usuário.

A conseqüência da má utilização desse recurso é não ter um bom equilíbrio, assim os olhos ficam confusos pois não existirá uma progressão visual para o internauta seguir e conseqüentemente ele perderá o interesse pela página.

O que pode ser feito para que isto não aconteça é seguir as recomendações de alguns “gurus” em design:

“Não coloque o máximo de informações dentro de uma página”.

“Os espaços vazios reforçam a unidade de grupos, harmonizam as áreas, aumentam o contraste e facilitam a visualização e leitura”.

Em geral as cores claras e quentes elevam e expandem, por isso, no passado era comum casas com o teto pintado de azul e paredes amarelas, a sensação que passava era de mais espaço. Por exemplo, nunca se deve pintar um teto de preto ou roxo, essas cores passariam a sensação de opressão e clausura.

Visibilidade

Amarelo e Azul são as cores que melhor se lêem a distância

O contraste preto-amarelo se vê desde mais longe

O contraste preto-branco tem um valor neutro

O contraste vermelho-verde é o que menos se percebe

Em geral os elementos gráficos escuros sobre fundo claro se percebem melhor que o contrário

Fonte: http://www.mxstudio.com.br/

Bookmark e Compartilhe
Comentários (1128)

Sou eu assim sem você

02 de Setembro

Vídeo impagável com interpretação corporal do ator Raul Franco, do grupo Fanfarrões, para a música Sou Eu Assim Sem Você.

Fonte: http://www.nadaver.com/

Bookmark e Compartilhe
Comentários (204)

Fonte: http://www.elielcezar.com/

Bookmark e Compartilhe
Comentários (1)

Copyright © 2008 - Todos os direitos reservados.

diHITT - Notícias BlogBlogs.Com.Br