web de leve

Não sei de quem é essa campanha mas com certeza quem a fez a defende com todas as suas letras: “Já tentei de tudo” - www.jatenteidetudo.com.br .

O blog da campanha tem um banner que me chamou a atenção. Vi ele na home do estadão.

[clique na img para ampliar]

Tem também a bela senhorita “Paloma” ( será que essa campanha é para a Colgate-Palmolive? =] )…

…que está com sérios problemas com o cabelo dela e que pede a ajuda da “amiga” que visita o blog:

Irresistível, sugeri ovo =]

Ótimo, engraçado, inédito ( ao menos para mim )… mas e o resto do blog? Tente usar tudo o que tem lá.

Já tentei ver as fotos… não deu.

Já tentei me cadastrar… não deu.

Já tentei deixar comentários… não deu.

Agora são 12:43 horas do dia 4 de outubro, quinta-feira, e de acordo com os posts o blog foi publicado há 4 dias.

Um banner na tela inicial do site do estadão e um blog que pede socorro, pede a participação do usuário através de comentários - leia os posts da Paloma - e não tem um formulário pra deixar os comentários é uma baita mancada.

A brincadeira de falar, sugerir, o que você quiser para que Paloma resolva o problema do cabelo salva o blog ( se é que se pode chamar isso de blog ).

Embora pareça não haver muitas opções já valeu por ver a moça se virar com o ovo, a cerveja e o chocolate quente =]

Claro, daqui há pouco eles podem dar um up e resolver esses “detalhes” mas por enquanto você pode visitar o site e falar com todas as letras: já tentei de tudo

//———————–

Update by Jairo Mendes: essa campanha é para a Unilever

Se você ao desenhar um menu definiu visualmente a área de cada um de seus itens faça com que cada área seja eficiente quando o usuário clicar nela.

Vamos ver um menu do Imasters pra entender essa história (clique na imagem para vê-la na íntegra):

O designer definiu uma área para cada item do menu organizando o layout mas - querendo ou não - também sugeriu ao usuário a área onde ele pode clicar só que o mesmo designer esqueceu de dar a funcionalidade de link que a área propõe.

É sério.

Basicamente o usuário usa o mouse para alcançar a área do item, clicar e ir para uma outra página.

O item do menu não precisa ser um lindo botão, precisa somente ter uma área definida como um retângulo para que o usuário clique nele.

Por diversas vezes vi pessoas clicando em retângulos e nada acontecendo - meu pai é um exemplo =]

E a situação piora quando há uma resposta visual da interface mas o link não funciona de acordo.

No site Via6 o item do menu muda de cor quando o mouse está sobre ele mas o ato de clicar resulta em nada pois o link é válido somente para o texto do item.

A área de clique e a resposta visual à interação do usuário são fatores de grande importância para uma boa navegação e compreensão do funcionamento do site.

Veja um bom exemplo no portal Agrolink:

Há outro exemplo no Estadão onde os itens do menu nem possuem uma área visualmente definida:

E veja mais um exemplo no próprio Imasters:

Ainda não te convenci??

Tu acha que de qualquer forma o usuário vai clicar no texto do item do menu e que gastar tempo com o CSS pra isso é bobagem??

Está bem então, mas faça um teste: navegue com o firefox no site do UOL e depois no da Folha . (este teste vai expirar algum dia quando um dos sites for alterado)

Se possível veja outras pessoas navegando neles também.

Navegue, veja e analise se o simples cuidado com as áreas de cliques promovem ou não uma melhor experiência para usuário.

Bom, não sei sobre você, mas eu quero menus fáceis na web, eu quero clicar e ir!

Semana passada estava visitando o Camiseteria pela sei lá que vez para tentar comprar uma camiseta e acabei escolhendo a Moai?.

A camiseta deve estar chegando ainda hoje. Não é a qual eu queria mas tá valendo.

Então, na semana passada fiz o meu cadastro no Camiseteria e vejam abaixo dois detalhes que encontrei:

1) NoFollow

As dicas na imagem abaixo são para um textarea.

Olhe a última dica:

Será que a maior parte dos usuários do Camiseteria são programadores html, trabalham com SEO ou sabem o que é PageRank??

Será que o usuário comum entende a informação e ela é útil pra ele??

2) “X-largura por X-altura”

Geralmente quando nos cadastramos em um site e criamos um perfil há um campo para o envio de uma imagem (foto) nossa.

Nem todo site informa ou restringe as dimensões da imagem mas quando o faz segue o formato (convenção) “X-largura por X-altura”.

No Camiseteria não:

Aposto que muitos usuários olham rápido e buscam no texto somente quais são os tipos de arquivos (jpg, png, gif) e os números que para eles sempre serão correspondentes ao par “x-largura por x-altura”

Bom, são detalhes lembrados às 4:56 horas da manhã.

Qualquer coisa me dêem um desconto. oks?? =]