Hoje aconteceu o UaiSEO e eu fui. No fim do mês passado fiz um tweet confirmando minha ida ao maior evento de SEO de Minas Gerais que, por uma felicidade minha e de muitos, aconteceu aqui na cidade onde moro, Juiz de Fora.

Sobre o UaiSEO

Não é muito comum eventos de TI acontecerem na cidade, então eu, todos os que foram comigo e todos os colegas que encontrei por lá, confirmaram que a expectativa era alta; ainda mais que era o primeiro evento de SEO na cidade – pelo menos, que eu saiba.

A organização ficou por conta de Alberto André, Ana Martins, Areta do Bem e Renata Tibiriçá, como consta no site oficial do UaiSEO. Já de antemão, como é de praxe, a lista com os palestrantes do evento estava disponível:

• Cassiano Travareli
• Fábio Ricotta
• Flávio Raimundo
• Frank Marcel
• Gustavo Guanabara
• Tiago Luz (aka “Doc”)

Certamente alguns desses nomes são conhecidos pela maioria do pessoal que tenha o mínimo de engajamento na área de desenvolvimento para web (em especial, SEO), mas, caso não saiba sobre as “credenciais” de algum, pesquise e veja que, sem exceções, os convidados a partilharem seus conhecimentos com os inscritos no UaiSEO são nomes de peso na área!

O desenrolar do evento

Costumo dizer que é possível conhecer a qualidade do evento fazendo o “cruzamento de informações” entre o nível das palestras e o coffe break oferecido: se as palestras são melhores que o coffe break, então o evento é bom; se o coffe break é melhor… Posso dizer que ambos estavam excelentes, o que fez com que minha teoria caísse por terra.

Desde a primeira palestra, passando por todas as demais, até chegar a última, a qualidade das apresentações, a riqueza dos slides, a interação com os participantes, nesse aspecto tudo foi bom! Como toda obra executadas por seres humanos, logicamente não foi algo perfeito, já que uma infra estrutura adequada, como a falta de ar condicionado (ou, pelo menos, alguns ventiladores), infelizmente não foi uma realidade.

No entanto, tenho certeza que esse e outros pequeninos “poréns” foram devidamente observados pelos organizadores. Antes do término foi anunciado que essa foi somente a primeira edição e que a próxima será em Belo Horizonte, contando, dessa vez, com espaço para mais pessoas participarem e melhor ambiente para as atividades do UaiSEO.

Conclusões sobre o UaiSEO

A ideia do evento, em si, como explicou o Guanabara, surgiu de uma brincadeira entre algumas pessoas num outro evento brasileiro. Vários dos organizadores e palestrantes confessaram que não estavam esperando muito do UaiSEO, alguns dizendo que esperavam um público de 50 pessoas. Qual não foi a surpresa ao ver que mais de 250 indivíduos estavam se apertando num anfiteatro acadêmico juizforano para ver e ouvir o que os palestrantes tinham a dizer sobre SEO.

Não é preciso esmiuçar cada detalhe do evento, já que isso foi feito com propriedade pelos participantes, que não economizaram tweets a respeito. Inclusive, foi comunicado no decorrer do UaiSEO que a hashtag oficial do evento ficou em primeiro lugar nas twitter trends brasileiras!

Um momento importante e divertido foi no final, quando foi feito um podcast que contou com a participação de todos os palestrantes e algumas pessoas que fizeram perguntas, dentre as quais orgulhosamente eu me incluo, já que tive a oportunidade de contribuir com minhas humildes questões e ajudar a engrandecer o podcast que, me atrevo a dizer, foi o podcast de maior “peso” sobre SEO até hoje produzido no Brasil!

O podcast será publicado por Doc e Guanabara em seus respectivos blogs. Não percam, é sério! Há algumas coisas importantíssimas sobre o mercado de SEO, dúvidas sobre a parte técnica e alguns “saltos felinos” que valem a pena serem conhecidos. Assim que a edição ficar pronta e o lançamento duplo for realizado, atualizo este artigo com os links e corroboro no meu twitter para que ninguém perca.

Aos organizadores do evento e aos palestrantes: meus parabéns! Que venha o UaiSEO 2011!

Desde que o CSS foi criado, muita coisa mudou, atualizações foram feitas, especificações criadas, elementos revisados, enfim, a tecnologia evoluiu e vem evoluindo. O CSS alterou para muito melhor o modo como o desenvolvimento web é feito, deu ensejo à técnica de criação em camadas, dentre outras coisas.

E a comunidade CSS a cada dia desenvolve uma técnica nova, uma nova e melhor maneira de se fazer algo, um jeito diferente de sair de uma “enrascada CSS”, maneiras inovadoras de realizar algum efeito. É o caso da técnica de rolagem com fundo transparente com CSS. Uma técnica que confere um efeito muito peculiar, permitindo que uma imagem de background vá surgindo à medida em que a pessoa rola a barra de rolagem ao fundo da página.

Como a rolagem com fundo transparente funciona

Para realizar o efeito de rolagem com fundo transparente, são necessários 2 arquivos:

• Uma imagem PNG transparente. A imagem deve ter dois conjuntos de gráficos: o que você quer mostrar antes de rolagem e que aparece quando se vai chegando ao final da página. Cada grupo deve ser uma cor diferente. Veja o PNG da demonstração.
• Uma imagem em degradê. O truque é usar as duas cores do PNG transparente para criar o gradiente.

Os scrolls do gradiente sob o PNG transparente. Porque ele corresponde às cores do PNG, cada conjunto de imagens desaparece dependendo de qual parte do gradiente vão “chegando”.

HTML e CSS da rolagem com fundo transparente

Será necessária uma estrutura com 2 “divs-base”, como segue:

<html>
<head>
  <title>Rolagem com fundo transparente com CSS</title>
</head>
<body>
  <div id="wrapper">
    <div id="container">
 
    </div>
  </div>
</body>
</html>

O CSS de body (que precisa “zerar os elementos”, como explicado no artigo de CSS Mínimo), deve ser da seguinte forma:

body {
background: #900 url(gradient-tile.jpg) repeat-x bottom left; // hexadecimal é a mesma cor da imagem
}

Para a div “wrapper”, o CSS:

#wrapper {
background-attachment: fixed;
background: url(transparency.png) repeat-x center bottom;
width: 100%;
}
 
* html #wrapper { background-image: none; } /* IE6 */

É um CSS simples, maiores explicações não são necessárias, fora o fato de a largura da wrapper ser definida em 100% para o PNG transparente aparece em toda a largura da janela do navegador.

E o CSS da div “container”:

#container {
  width: 750px;
  margin: 0 auto;
  background-color: #000;
}

A largura de #container pode ser qualquer uma que se adapte ao seu layout (alguns preferem o padrão de 960px). Para o exemplo, está um pouco menor para que o efeito possa ser visto com mais clareza. A cor de fundo, também, pode ser o que quiser. As margens esquerda e direita são definidas como “auto” para centralizar a div na janela do navegador.

Observações sobre rolagem com fundo transparente (e o IE6)

Se você não tem conteúdo suficiente na div container para fazer scroll, o efeito não acontecerá e o que será visto é somente a cor de fundo. A solução é definir uma altura mínima na div container para forçar a rolagem, independentemente da quantidade de conteúdo.

Sobre a transparência do PNG, nosso amiguinho pré-adolescente IE6 não dá suporte à transparências… No caso, existem diversos scripts e macetes em CSS para sanar este bug, dentre eles o filtro AlphaImageLoader.

Como foi visto, há um hack para IE6 em #wrapper, mas não podemos negligenciar o fato de o IE6 não suportar a propriedade min-height (para o caso de acontecer o explicado no parágrafo anterior). Se for o seu caso, experimente usar o Tan Hack, que faz com que o IE6 interprete “height” como “min-height”.

Mas, sinceramente, o efeito só tem graça numa página extensa, quando o visitante é surpreendido com o efeito somente no fim da rolagem da tela, não é? ;-)

Veja o resultado final da técnica de rolagem com fundo transparente com CSS.

E aí, gostou?

É através de perguntas ao cliente que podemos nortear todo o planejamento e desenvolvimento de um projeto. E existem perguntas apropriadas para se fazer antes e depois do desenvolvimento de um software para web. Perguntas essas que são de vital importância para se entender as regras de negócio, as especificações, expectativas e muitas outros imprescindíveis. Veja algumas perguntas que devem ser feitas aos clientes antes e depois de um projeto.

Perguntas ao clientes antes do projeto

As perguntas que devem ser feitas ao cliente antes de o projeto se iniciar servem, justamente, para dar o “norte” ao que será realizado no job. É através dessas perguntas que se poderá conhecer melhor a empresa, saber quais as expectativas (de ambas as partes envolvidas) e ter uma noção melhor de como se dará o desenvolvimento, em si. Certamente as perguntas a seguir são excelentes complementos a um bom briefing de desenvolvimento de sites.

Qual é o tipo de negócio da sua empresa?

Esta é uma questão importante porque é o primeiro passo para conhecer a estrutura do negócio do seu cliente. Ela irá ajudá-lo a avaliar as necessidades da empresa, na seara de desenvolvimento web e é também uma porta de entrada para a reflexão estratégica.

Qual é a reputação de sua empresa?

No meio online, reputação é tudo. Você quer (e precisa) criar um site que reflete a reputação do negócio de seus clientes. Se a reputação de seu cliente está passando por um período difícil, então qualquer projeto que você desenvolva tem poder de seguir o mesmo caminho ou atrair “positividade” – logicamente ambos querem a segunda opção. Além disso, a empresa possui uma boa reputação de satisfação, qualidade e tempo de serviço? Esses são todos elementos que afetam o projeto.

Evidentemente que a pergunta não precisa ser feita de forma tão direta; o cliente pode até se sentir ofendido. Mas a pessoa responsável pelas negociações deve extrair esse tipo de informação do cliente a fim de prover recursos de qualidade para o desenvolvimento do projeto. A experiência mostra que a capacidade de abstrair respostas dos clientes para transformá-las em conceitos de desenvolvimento web é algo que valoriza bastante o projeto – tantos em termos financeiro, quanto em termos de qualidade.

Qual é seu cliente típico?

Esta questão irá ajudar a você ter uma idéia melhor do qual é a abrangência da empresa. O cliente típico está fora do mercado de atuação da empresa? Como a empresa interage com sua clientela? O cliente típico fala uma língua diferente?

Essas questões são vitais para a estética e/ou usabilidade de seu projeto. Se você estiver projetando um logotipo, por exemplo, e os clientes típicos de seu cliente não falam o mesmo idioma, então você teria a certeza de que o logotipo deve ser capaz de comunicar eficazmente em um outro nível.

Qual é o seu público-alvo?

Diferente do qual é o cliente típico, você deve ter uma profunda compreensão do público-alvo que o seu cliente está apontando. Talvez ele esteja tentando trocar seu nicho de atuação ou está procurando redefinir e expandir sua base de clientes; seja qual for, saber exatamente qual o público alvo de seu cliente é fundamental para o desenvolvimento e sucesso de seu projeto.

Você tem concorrentes? Como se diferencia deles?

Embora isso possa ter uma resposta óbvia (se você fez uma boa quantidade de pesquisas), você ainda deve fazer essa pergunta para ter uma idéia do que o cliente acredita que seja sua concorrência. Mais do que provavelmente, ele tem uma ideia muito melhor de quais são seus concorrentes. Conhecendo os concorrentes de seus clientes é possível excluir qualquer semelhança entre todos os seus projetos existentes. Isso ajudará a criar um design (e um projeto, em si)  mais exclusivo e centralizado para o seu cliente.

Com que frequência você gostaria de atualizações?

Você não quer ser inconveniente e comunicar o cliente cada passo que dá no projeto. Esta questão irá ajudá-lo a estabelecer um alinhamento com o seu cliente para fazer comunicados sobre atualizações somente quando ele quiser (o que ele julgar que é conveniente, aliado ao que você considera ser importante para o projeto). Atualizações excessivas podem desencorajar um cliente a usar seus serviços no futuro…

O que é necessário para que considere o projeto finalizado?

Essa é a pergunta equivalente ao “aceite”, que consta no modelo do artigo sobre briefings para desenvolvimento de web sites.

Se você está projetando um site ou sistema virtual, então é importante perguntar ao seu cliente como pretende utilizar o site, e como eles prevê que será o resultado. Não seria nada bom se você estivesse finalizando um projeto e descobrisse que ele não tem as características que seu cliente solicitou ou não se comporta do modo como ele idealizou.

Quais formas de pagamento você usa?

Se você não tem intenção de elaborar um contrato antes de iniciar o projeto, então seria uma boa ideia pedir ao seu cliente para avaliar como eles planejam pagar por seus serviços. Talvez você só aceite o PagSeguro, mas o cliente só paga em cheque. Se não for combinada uma forma de pagamento antes, isto pode criar graves problemas e causar um desgaste irremediável na relação profissional.

Perguntas ao cliente depois do projeto

Essas são perguntas que podem ser feitas um pouco antes da entrega do projeto ou imediatamente depois. O objetivo é realizar uma “linha suave” desde a concepção do projeto até sua conclusão e saber em quais pontos você acertou e não acertou no decorrer do desenvolvimento. Aprender com os próprios erros para se aprimorar é básico.

Você está satisfeito com os resultados?

Esta questão irá ajudá-lo a analisar a qualidade de suas habilidades e como você é capaz de desenvolver um projeto baseado nas necessidades do seu cliente. A medida em que você avança em sua carreira, você vai ter muita chance de melhorar suas habilidades e saber o quão satisfeitos seus clientes ficam com os trabalhos que você faz cria oportunidades de você fazer exatamente isso.

Gostou da minha postura profissional durante o projeto?

Tão importante quanto saber se o cliente gostou do resultado final do projeto é saber se ele gostou da relação profissional que vocês tiveram neste ínterim. Desenvolver as relações interpessoais faz parte de qualquer negócio, não somente de desenvolvimento para web; portante, procure sempre aperfeiçoar suas habilidades de comunicação. Perguntar a opinião do cliente sobre isso é uma boa, vai permitir que você regule seu “termômetro sócio-profissional”.

Alguma outra dúvida?

Às vezes, um cliente pode ter algumas perguntas, mas ela pode receoso ou intimidado a perguntar, por motivos pessoais e profissionais. Qualquer razão que seja, você deve deixar claro para seu cliente que ele pode sempre vir a você com todas as perguntas que possa ter, mesmo agora, com o término do job, que o contato entre vocês não será tão frequente. Isso, por si só, poderia inspirar o cliente a perseguir os seus serviços para projetos no futuro. Ter um relacionamento digno de confiança com seu cliente é uma das coisas mais importantes que você pode fazer.

Não existem outras perguntas que se deve fazer ao cliente?

Obviamente que existem centenas de outras perguntas que podem – alguns casos, devem – ser feitas ao cliente, antes e depois de um projeto. As perguntas aqui apresentadas são somente um guia, um “esboço” das perguntas que você efetivamente fará ao cliente.

O mais importante não é “decorar” essas perguntas; o mais importante é ter consciência de que determinadas perguntas podem e devem ser feitas aos clientes antes e depois de um projeto. Antes para que ambos fiquem em sintonia com o projeto; depois, para aferir os resultados e esclarecer dúvidas (que existem, pode acreditar).

E você, quais perguntas faz a seus clientes antes e depois de um projeto?