O site da empresa é o que ela é para o mundo. Sempre que queremos saber mais sobre uma empresa o que fazemos? Entramos no site. Hoje em dia não serve mais estar na internet só para não estar na internet. Não serve mais aquele estilo “O amigo do meu vizinho esta fazendo cursinho de html…”.

Pela quantidade de shows a Babel parace ser uma empresa consolidada e referência nessa área. Veja como o site atrapalha:

1-) Menu em cima da logo, como assim?

A Logo da empresa é uma imagem de fundo, animada. Ai vem o menu por cima. E vem também os argumentos: Ah, mas o site funciona bem no Internet Explorer. Como sempre digo: ‘Coisas são feitas para funcionar’. Isso quer dizer que deve funcionar ao menos para o IE, Firefox e Safari. #3

2-) Imagens sem porquê:

Descreva as imagens de seu site. Se eu clicar nessa imagem pra onde vou? Porque essa imagem ta aqui? O que ela significa? Lógico que não é preciso quando a imagem é obvia demais, o que não é o caso do nosso exemplo. #5

3-) Menu lateral sem porque:

Na direita tem um menu com o nome de um monte de famosos. Penso que são de shows produzidos pela empresa, mas nada no site me da essa certeza. #5

4-) Falta de linearidade no conteúdo:

O menu é Home, Shows, Manu Chao e Radio bomba, Fotos, Contatos. O que que o Manu Chao tem a ver com o restante do menu? Tudo bem, o chefe quer muito que coloque o Manu Chao ai, porque não coloca-lo no final? Ou em um lugar separado. #3

5-) Site mudo:

Site legal é aquele que você entra e ele “leva um papo com você”. Um exemplo: quando postamos uma imagem no Twitter ele retorna uma mensagem dizendo que a foto é bonita. Eu sei que ele vai dizer isso pra todas as fotos e pra todo mundo. Mas me sinto feliz toda vez que troco meu avatar.

No site da Babel Produções faltou isso. O Site não conversa com o usuário. A seção de fotos é uma galeria de imagens sem descrição. Não se sabe quem são, onde foi, quando e como.

6-) Mailto Não!

Muita gente não usa gerenciador de email. Se ele clica sem querer o Mailto vai abrir um programa e o usuário vai ter o trabalho de fechar. Se dói tanto fazer formulário, deixa o email como texto.

O site em sua melhor avaliação, consegue ser simples. Mas simplicidade é diferente de falta de informação. Faltou conversar com o usuário e dizer ao que veio. Semana que vem tem mais.

Existem duas categorias de sites. A primeira são sites com pouca massa de informação, geralmente portfólios ou pequenas empresas que têm menos o que mostrar. Esse é um exemplo de site pequeno. E a segunda são sites com grande massa de informação, muito texto, subsites, produtos. Esse segundo é mais difícil de fazer, é preciso mais pessoas, mais planejamento e é mais fácil sair um site ruim. Esse é um exemplo de site grande.

A massa de informação corpo, de texto e imagens dificultam a estética visual. O que se espera de um site com grande massa de informação é que ele seja estéticamente viável, que funcione e que não incomode demais.

É aceitável que um site com muita massa de informação seja julgado diferente de um site com pouca massa de informação. Sendo assim,  o site da semana é o da Unilver.

A unilever é um complexo de marcas.  Produtos que vão de sabão em pó a alimentação. Logo, um site que represente a unidade dessa empresa tem que ser grande.

1-) O site não é muito bonito, mas funciona:

Na página inicial vemos três colunas a esquerda. Se você não encontra o que procura nessas colunas a quarta é o campo de busca. Ponto pro desenvolvedor!

Logo na segunda linha o site mostra em que parte você esta. Home > Nossa Companhia…

Se você clica em um link é porque que saber mais sobre aquilo. A tecerceira linha tem essa função: Explicar o que foi o link clicado.

2-) Excelente divisão de informação:

Na quarta linha tem uma notícia que abrange todas as colunas. É a informação em destaque.

Abaixo o site se divide em duas colunas de notícias, produtos e conteúdo relacionado ao link proveniente.

Depois encontramos mais duas ou três colunas, que hora levam para demais sites. Ora levam para os links relacionados aos de cima.

E por último. O contato, mapa do site, FAQ…

4-) Primeiro o conceito, depois os produtos:

Antes de falar dos produtos tem-se um artigo falando sobre um conceito. Depois sim os produtos que existem para suprir aquele conceito. Ai é listado todos os produtos relacionados e ai sim, o site daquele produto. Três ponto à equipe de comunicação!

Os artigos não deixam o padrão morrer. A terceira linha (lembra-se dela?) resume o artigo. Ai vem título, texto a esquerda foto a direita.

5-) A coluna de suporte:

A coluna da direita, que começa com a busca, serve de suporte todo o tempo. O  seu conteúdo (que é estático) ajuda o usuário que não encontrou o que queria no restante do site.

6-) O que poderia melhorar:

Esse blog não seria blog se não achasse o que melhorar né?

Imagens de baixa resolução no topo e rodapé. Era só caprichar um pouquinho mais na resolução e ficaria muito mais bonito.

A última linha (a com três colunas) poderia chegar até a direita. Assim formando um retângulo e completando a unidade do site. Fica parecendo que tem um buraco na direta.

Nada que tire o mérito de ser um excelente site.

Digo nunca porque a primeira vez que acessei esse site foi no lançamento da marca, há quase dois anos. Logo que acessei o site notei diversas coisas que não agradavam. Mas  imaginei que era porque a marca tinha acabado de ser lançada.  Quase dois anos e muitas grandes produções depois, o site continua o mesmo. Sem atualizações, inclusive. Abaixo segue os principais problemas:

1: Sonzinho chato:

Nunca teste a paciência do visitante. Ao entrar no site tem um sonzinho simpático de uma multidão gritando. O problema é  ter onde diminuir esse som . Em menos de um minuto esse sonzinho volta, mais meio segundo volta outra vez, e outra vez… O que expulsa qualquer pessoa do site. Eu mesmo tive que diminuir o volume da caixinha pra conseguir deixar o site aberto e fazer esse post. #3

2: Informações frenéticas:

Os desenvolvedores  não testaram o site. Por mais rápido que você consiga ler, não da tempo de chegar ao final de todas as informações. Nem da tempo de ler tudo e nem tem a opção de voltar atrás. Obrigando o visitante passar outra vez pelo barulhinho. #3

3: Site em prol do nada:

O site não é atualizado. Não tem uma opção de contato. Não fala  o telefone ou endereço da empresa. Não diz quais são os próximos shows e nem tem fotos, vídeos e releases dos que já passaram. #3

4: Repetitividade:

As informações são repetidas demais. São seis páginas. A primeira e a segunda só muda o título. O texto das  outras quase só repetem os nomes dos eventos . O menu trabalhe conosco está bem grande, mau posicionado e também repetido em todas as páginas. #5

No entanto é um site bonito. O criador podia ter aproveitado o uso do Flash e caprichar na tipia. Os erros acima acabam com a imagem da empresa na internet. Assim não, Virtual Mind!

1: Dilúvio de Gadget/Plugin:

Gadget para blogs é super bacana, muito legal, mas cuidado com o exagero. Na página principal contei 11. Para não parecer chatisse, vou enumerá-los:

Flickr – Anúncios do Google I -  Qik – Twitter – Youtube – Gengibre – Anúncios do Google II – Comentários – Selos – Anúncios do Google III . #1

Faltou as letrinhas rodando em volta do mouse =D.

2: Cores demais, tamanhos demais:

Repetindo: O blog tem um conteúdo excelente, mas chama a atenção para sí mesmo. Por causa dos diferentes tamanhos e cores.  Tem vermelho, amarelo, azul, laranjado, rosa…

Não vejo problema em coisas coloridas. Mas é sempre bom que as cores tenha um porquê. Usar cores complementares para padronizar e cores em contrastes pra chamar a atenção é sempre uma boa . #2

3: Ritmo:

Como assim rítmo?

Isso mesmo. Um site com muitas imagens de tamanhos diferentes, coisas passando de um lado para o outro, quebram o rítmo.

O banner é maior que o gadget do Twitter. As letras do site não têm relação com o tamanho do banner. Nem com o gadget do Twitter. Redimensionar as imagens e  justificar o texto e resolve o problema.

Em alguns posts as imagens estão alinhadas à esquerda, em outros no centro. Coisa que não ajuda muito. #4

4: Imagens em baixa qualidade:

O banner e o menu parecem ser feitos por uma pessoa que aprendeu mecher ontem no Bevel and Emboss e o Drop Shadow do Photoshop. Apesar da idéia ser simpática, o problema fica com a qualidade baixa da imagem. #4

5: Sopinha de letrinha:

Não sou desse tipo que defende o uso de uma só fonte, e que essa fonte seja sem serifa, se possível a Helvetica. Longe disso. Mas defendo o padrão: Ou é com serifa ou é sem serifa ou a mistura é um recurso criativo. No blog em questão, a esquerda tem arial feiosa, os posts uma fonte serifada, os comentários arial outra vez. Assim, não. #1

6: #Cuidado com o conteúdo que ninguem sabe o que é:

Continuar no blog um post que você começou no twitter é perigoso. Nem todos seguem o Twitter, nem todo “twitteiro” lê o blog. Se  o post tem o título com #chupa, ao menos mostre quem anda chupando de onde vem o  #chupa. Exemplo? A #filosofia aqui do site.

Ví que o currículo segue a fórmula: A de não ter forma.

Excepcionalmente nesse caso, me disponho a ajuda-la padronizar o conteúdo. Mande um email para: moiza.coiza@gmail.com

Apesar de tudo, recomendo pelo conteúdo o blog e a palestra da Rosana Hermann. Aprendi muito.

Um abraço a todos, até a próxima.

O cinza do texto é parecido demais com o do fundo. O que atrapalha a visualização do texto.  #4

Segundo problema e o mais sério, o texto:

O que esta escrito é mais importante do que o layout e as cores.

E é ai que a fator2009  errou feio:

“SUCESSO AO EXPLORAR NOVOS CAMINHOS.

Com ousadia, criatividade, atendimento personalizado, eficiência, objetividade e disponibilidade; nos aproximamos cada vez mais de nossos clientes e assim, acreditamos traçar um caminho repleto de bons negócios.

Conte com a experiência de profissionais qualificados na busca pelos melhores resultados.”

Esse texto serve para qualquer empresa na terra. Dentre elas:

Consultoria.

Gestão de RH.

Agência de Publicidade.

Bombeiros.

Transportes.

Auto escola.

Internet…

E se serve para todas as empresas, é porque não serve nenhuma.

E por fim,  o que mesmo que essa empresa faz? Qualquer pessoa que entra direto nesse site nunca vai descobrir o qual o ramo de atuação. Tirando raras exceções, um site nunca deve ter fim em sí mesmo. #5

1- Já na entrada vemos o primeiro problema, a entrada:  ”Entrar >” 

Se o usuário teve o trabalho de digitar no google, clicar em buscar, clicar no link da empresa, é porque ele quer entrar no site. Porque aumentar um clique? #1

Talvez uma apresentação de “o que que a empresa faz” poderia justificar essa página.

2 - Imagens em baixa resolução:

Apesar das informções estarem bem organizadas, as imagens estão feias. Em baixa resolução. #1

“Menuzinho em flash que troca a cor quando põe o mouse em cima. Meu avô fazia sites com menu assim. Se o usuário não tem o flash instalado, morreu o site.  Além de que css resolveria o problema.  Se pode resolver com css, esquece o flash.

3 – Fale conosco:

Meu papagaio falador  sabe fazer um formulário de contato.  O mailto abre um programa no computador do usuário. Não é todo mundo que usa gerenciador de emails. O usuário só usará esse recurso se realmente, realmente mesmo, precisar falar com a empresa. Então, pelo bem da humanidade, vamos parar de usar o mailto? #3

4- A  imagem que leva para a página inicial esta com o link errado. A página não é encontrada, óbvio. #3

5 – A página em ASP do link artigos  não funciona. Além de dar o nome de várias colunas do banco de dados. O pessoal do sql ijection agradece #3

E apesar dos pesares, repito: Até que o site tem informação bem organizada. Nada de splash e exagero com “!”. Podia ser pior, então você vai para a categoria “Quase bom”.

Até a próxima.