desenvolvimento para web - xhtml, css, padrões da web, usabilidade, acessibilidade, web design, SEO, blogs e tecnologias para desenvolver a web

Wordpress é, sem dúvida alguma, o melhor CMS (”Content Management System” ou Sistema de Gerenciamento de Conteúdo) focado em blogs que existe atualmente. Obviamente que é possível, também, adaptar o Wordpress para montar web sites “tradicionais” mas, como disse, seu foco são os blogs.

Um dos motivos que tornam esta ferramenta tão útil e procurada por desenvolvedores web e/ou pessoas querendo montar/melhorar um blog é, sem dúvidas, a possibilidade de aumentar/incrementar suas funcionalidades através da instalação de extensões; extensões estas, ou plugins, desenvolvidas por terceiros, em sua quase totalidade gratuitas, com o objetivo principal de aumentar a capacidade e recursos que o CMS Wordpress oferece nativamente.

Existe uma seção especial no web site oficial do Wordpress, o Pugin Directory, que serve, na verdade, como uma base oficial de plugins que terceiros desenvolvem/atualizam pelo mundo. Aquele que desenvolve sua extensão a submete à base de dados ofical de plugins para Wordpress e, através de buscas por expressões e/ou acesso a categorias específicas, é possível encontrar os que foram cadastrados.

O fato de o Plugin Directory ser a base oficial de armazenamento de plugins para Wordpress não significa que seja o único. Procurando pela web, não é demorado encontrar compilações de extensões para a plataforma, diretórios não-oficiais, indicações de extensões, e muito material relacionado à expansão das funcionalidades e características do Wordpress.

Inclusive, já citei algumas aqui no desenvolvimento para web, que foram:

• Os melhores e mais usados plugins para Wordpress;
• Excelentes plugins para Wordpress, feitos por um brasuca.

Navegando pela web, recentemente descobri um diretório não-oficial de extensões muito interessante: “I want a WordPress Plugin to…“! Através de um sistema de tags, este diretório de plugins indica, de forma rápida e fácil, mais de 450 extensões diferentes para WP! Dentre as muitas tags que classificam todo o conteúdo do diretório, vejam o exemplo de algumas:

• Painel administrativo;
• Ajax;
• Blogroll;
• Downloads;
• E-commerce e monetização;
• SEO.

Enfim, para quem mexe com a plataforma Wordpress e sabe que a instalação e uso de extensões é realmente um catalizador de suas potencialidades, que aumenta e expande aquilo que, nativamente, o sistema é capaz de realizar, confira esta excelente lista de plugins que, certamente, vai ajudá-lo em algum projeto; seja para tirá-lo de um sufoco, ajudá-lo na otimização e performance ou, simplesmente, contribuir para que sua experiência como blogueiro (e, consequentemente, a dos visitantes de seu blog ou site) seja muito melhor!

Um dos pilares do sucesso de um bom web site é fazer um bom briefing com o cliente. Um briefing bem feito e executado pode determinar se um site será bom ou ruim - baseado nas necessidades e expectativas de projeto que o cliente tem.

Para os iniciantes em desenvolvimento web, e mesmo para quem já atua na área a certo tempo, uma “pedra no sapato” muito comum é a falta de um bom briefing e de uma boa entrevista com aquele que vai encomendar o web site (potencialmente falando). Não é incomum o fato de um cliente não gostar do resultado final de um projeto web em função de um briefing mal feito ou desfalcado, que não recebeu a devida atenção de quem o fez e não foi feito e estudado com bastante cuidado.

Neste artigo, falo um pouco sobre como fazer um bom briefing com o cliente e apresento uma proposta que, a meu ver, serve perfeitamente como base para qualquer pessoa fazer o seu próprio briefing de desenvolvimento de web sites, conforme suas preferências, necessidades e gosto pessoal.

O que é “Briefing”?

A definição de “briefing“, segundo o Novo Dicionário Eletrônico Aurélio versão 5.0:

1. Conjunto de informações básicas, instruções, diretrizes, etc., elaborado para a execução de um determinado trabalho, ou missão militar, etc.

2. Reunião onde se definem essas instruções, diretrizes, etc.

A Wikipédia, por sua vez, define briefing da seguinte maneira:

O briefing é um conjunto de informações passadas em uma reunião para o desenvolvimento de um trabalho, sendo muito utilizadas em administração e na publicidade.

O briefing é uma peça fundamental para a elaboração de uma proposta de pesquisa de mercado. É um elemento chave para o planejamento de todas as etapas da pesquisa de acordo com as necessidades do cliente.

Um amigo meu definiu briefing como “uma palavra ‘fresca’ para umas perguntinhas que se faz ao cliente sobre o que ele quer no site”. :-D

Basicamente, é mais ou menos isso, mesmo: o briefing é um conjunto de perguntas e/ou atividades que servem para determinar como se dará o projeto, elaboração e execução de determinada coisa - no caso, a “coisa” é um web site.

Como fazer um bom briefing?

Quando procuramos na internet sobre briefing e quais as melhores maneiras de se fazer um, encontramos diversas opiniões, modos de pensar, pareceres, dicas e até modelos prontos de briefing para web sites. Assim como acontece com muitas coisas que procuramos na internet (em especial na web), fica difícil “tomar um rumo” e escolher tal ou qual maneira ou resultado para seguir, em face à imensidão de resultados e possibilidades que nos são apresentadas.

Pessoalmente, creio que o melhor é filtrar alguns resultados/modelos que pareçam de melhor qualidade e confiabilidade - usando sempre o bom senso e discernimento pessoal para esta decisão - e, depois de uma filtragem inicial, pegar “o que sobrou” e, a partir disso, elaborar o próprio briefing, baseado nas escolhas pessoais e modo de trabalho.

O briefing deve ser feito na primeira reunião com o cliente, preferencialmente em um encontro pessoal. A vantagem de se encontrar pessoalmente com a pessoa que irá contratar seus serviços é poder “sentir” melhor o que a pessoa está realmente precisando e/ou buscando, além de você poder auxiliar e explicar melhor para o cliente o teor e objetivo de cada pergunta.

Encontrando-se cara-a-cara com a pessoa, é mais fácil de mostrar quem você realmente é e uma excelente forma de seu cliente e você estreitarem ainda mais os laços profissionais que, se tudo correr bem, irá uní-los.

Entretando, pode ser que fique complicado de se encontrar pessoalmente com o potencial comprador do web site. Para sanar essa questão, algumas medidas podem funcionar:

1. Briefings por e-mail. Esta abordagem seria a mais simples e “tradicional”, quando o assunto é web. Enviar as perguntas do briefing por e-mail e receber as respostas também por e-mail é algo fácil, relativamente fácil e, até certo pronto, eficiente;
2. Conversa por mensageiros instantâneos. Os instant messengers são usados pela maioria das pessoas que trabalham com web - ou que acessam a rede mundial várias horas por dia. Fazer um briefing com o cliente através de um instant messenger é mais demorado, mas dá um toque mais pessoal a todo o processo;
3. Vídeo conferência. Realizar uma vídeo-conferência é bem próximo de se encontrar pessoalmente com o cliente. Para quem vai realizar uma transação comercial com pessoas de outros estados ou países, este deve ser o meio de escolha adequado;
4. Sistema web de briefings. Para desenvolvedores web é bastante simples montar um sistema online para realização de briefing. Um exemplo seria definir um esquema de IDs para os clientes e programar um formulário com as perguntas separadamente, para cada um; as respostas seriam armazenadas em um banco de dados e/ou num arquivo, como um XML, por exemplo;
5. “Misturar” diversos técnicas. Dependendo do caso, pode ser eficiente “misturar” diversas destas técnicas de feitura de briefing. Por exemplo, pode-se enviar um e-mail com as perguntas e, em uma vídeo-conferência, fazer um acompanhamento com o cliente para auxiliá-lo a responde-las. Outro: elaborar um sistema online para a pessoa responder às perguntas do briefing e enviar as respostas para seu e-mail. Recorra à sua criatividade e certamente bons resultados serão encontrados.

Estratégias para fazer um briefing eficiente

Pessoalmente, sigo a metodologia de que são necessários, no mínimo, 2 encontros com o cliente com, conseqüentemente, 2 briefings:

1. “Briefing Preliminar”. Define-se, sem muito detalhamento, quais as necessidades do cliente, baseando-se em seu público-alvo, os objetivos que quer alcançar com o site, breves informações sobre sua concorrência, dentre outros.
2. “Briefing Completo” ou “Briefing Detalhado”. Este sim, é o briefing que trará maior nível de detalhamentos sobre o projeto, necessidades e especificações do site, estratégias de divulgação, informações sobre design, e muito mais.

Briefing Preliminar

O primeiro briefing a ser feito serve para você ter um primeiro contato com as necessidades e idéias que do cliente. O interessante, nesta fase inicial, é conversar bastante com o cliente e tentar captar, ao máximo, o que está “oculto”. Sim, existem necessidades ocultas em todo projeto que, por motivos diversos, o cliente não pode ou não quer falar.

É papel de quem realiza o briefing “extrair” do cliente coisas que nem ele mesmo sabe que quer e/o precisa e, em função disso, trazer uma qualidade maior para o projeto e possível resultado final deste. Fazer um briefing de qualidade demanda prática!

As perguntas para este primeiro encontro podem ser de caráter mais geral, mas com o objetivo de um mínimo de informações sobre as características do projeto, tais como:

• Público-alvo;
• Objetivos do web site;
• “Imagem” que o cliente quer passar para os visitantes;
• Análise da concorrência.

Outras coisas mais podem ser abordadas; entretanto, estes são elementos básicos que devem figurar no primeiro briefing. É muito importante sair do encontro com pelo menos estas informações.

Pessoalmente, quando vou fazer este primeiro briefing, prefiro levar papel e caneta; penso que isso dá um toque pessoal à reunião e contato com o cliente. Pode parecer bobagem, mas o simples ato de mostrar sua caligrafia transmite pessoalidade à reunião e mostra que você não se importa de “perder tempo” escrevendo informações sobre o projeto ao invés de digitar tudo.

Em alguns casos, especialmente os que a pessoa que responderá às perguntas é muito ocupada ou terá que sair em breve para um compromisso, pode ser conveniente levar um notebook. Mas, como disse, esta primeira fase de perguntas é bastante rápida e serve para obter as informações mais básicas sobre o web site que você irá fazer.

Briefing Completo ou Briefing Detalhado

Como dito, este é o briefing que será feito posteriormente ao Briefing Preliminar e que serve para detalhar tudo o que foi aprendido por você sobre o negócio, produto ou empresa de seu potencial futuro cliente. As perguntas que formam esta segunda parte da “entrevista” feita com seu cliente lhe darão informações mais profundas, confiáveis e com qualidade superior.

Em função de, nesta fase, o número de perguntas ser maior e a necessidade de as respostas para estas perguntas também precisarem ser mais minuciosas, é importante que se disponha de mais tempo para o realizar. Para tanto, evite agendar o encontro em “horários de pico” da pessoa e, previamente, avise que o encontro de vocês precisa ser mais prolongado que da última vez.

Seja transparente e tenha em mente que “o combinado não sai caro”. Se você for honesto com aquele que responderá a essa segunda fase de perguntas e deixar claro, desde o início, que vocês precisarão de tempo maior para este segundo encontro, certamente a pessoa ficará satisfeita com sua sinceridade e feliz por poder fornecer mais informações que, conseqüentemente, farão com que o resultado final de seu web site seja melhor.

O Briefing Completo pode ser dividido em seções, para facilitar o entendimento da pessoa que responde às perguntas e evitar uma eventual fadiga por parte de quem o faz. Por exemplo, as perguntas deste briefing pode ser divididas da seguinte maneira:

• Estratégia;
• Informações gerais;
• Público-alvo;
• Conteúdo;
• Aparência (design);
• Outras informações.

Colocar cerca de 3 a 6 perguntas em cada uma das seções já deve bastar para colher as informações necessárias.

Considerações finais

Fazer um briefing de qualidade, que realmente “extraia” do cliente todas as informações que você precisa para elaborar um projeto que seja bom, é realmente uma questão de prática. Mesmo alguns daqueles que trabalham no ramo de desenvolvimento para web há anos consideram que ainda não sabem fazer um briefing que consiga, plenamente, fornecer o que é preciso para se fazer o site.

Portanto, não desanime caso fique um pouco nervoso e inquieto ou não consiga ser natural e espontâneo nos primeiros briefings que fizer. A prática e consequentes anos de experiência o levarão a um patamar que você irá gostar, esteja certo! ;-)

No fim do artigo há um arquivo comprimido com algum material de apoio para lhe ajudar:

• “Briefing Preliminar” (em formatos .odt e .doc). Este é um modelo de Briefing Preliminar em uma folha mais apresentável, para causar uma boa impressão no cliente no momento da reunião;
• “Briefing Completo” (formato .txt). Uma proposta para o Briefing Completo. Este deixei em formato texto puro, somente com as perguntas, para que você exercite sua capacidade criativa e faça sua própria apresentação melhorada. Tenho certeza de que ficará ótimo!

Espero que este material seja de valia para que você possa conhecer alguns dos principais aspectos de um briefing para sites e espero, sinceramente, que consiga realizar seus próprios briefings com cada vez mais qualidade e confiança em si mesmo.

Tem alguma sugestão sobre como montar um bom briefing e/ou quer complementar algo que tenha sido abordado neste artigo? Por favor, compartilhe suas opiniões com todos nós, fazendo um comentário!

Olá, leitores do desenvolvimento para web! Há quanto tempo! :-D

Como prometi, aí está a nova versão do blog, o desenvolvimento para web 2.0, com novo design, novas funcionalidades, novas formas de interação e outras coisas mais!

“Olha, um logotipo!”

Uma das mais importantes e visíveis novidades é o logotipo do desenvolvimento para web. Como comentei no post que escrevi antes de o blog entrar em manutenção, criaria um logotipo para iniciar uma mais bem elaborada estratégia de divulgação da marca.

Demorei alguns dias para chegar a este resultado que vocês estão vendo; experimentei diversas possibilidades, fiz muitos testes, usando diferentes técnicas. Creio que o resultado final ficou muito bom, atendeu perfeitamente às necessidades do blog e encaixou “como uma luva” com o novo visual!

Escolhi uma fonte mais séria, mas nem tanto; ela é “sóbria”, mas apresenta uma certa descontração, também. A cor é um azul (muito ligeiramente puxado para o verde), que transmite credibilidade e confiança, além de ser “a cor da tecnologia”. Fora isso, pessoalmente nunca vi ninguém que não goste do azul! O cinza, apesar de não apreciado por alguns, trouxe seriedade, sobriedade e maturidade para o conjunto - além de ser uma cor neutra e combinar com elementos diversos em várias situações / composições.

Os 3 bustos - que representam 3 pessoas diferentes - representam que este é um espaço onde a diversidade é respeitada e, inclusive, levada em consideração! Diferentes tipos de pessoas têm diferentes tipos de idéias e diferentes formas de pensar e encontrar soluções para os problemas do dia-a-dia, e é justamente isso que procuro para o desenvolvimento para web: um espaço onde os diferentes tipos de pessoas possam conviver e aprender umas com as outras!

Isso remete ao slogan escolhido. Aqui as pessoas são muito mais importantes que as máquinas, quer dizer, os mecanismos de busca e demais bots ficam em segundo plano e a tentativa de ter um contato mais estreito e mais eficiente com os leitores aumenta! Tenho esperanças, também, de a relação entre vocês, leitores, aumentar, e a troca de idéias entre todos seja maior e melhor, através de comentários e sugestões.

Um novo tema, com um design mais bonito e mais leve

Quem conhecer o blog a partir de agora não vai perceber, mas os leitores assíduos e visitantes esporádicos de antes facilmente notaram: o design está muito melhor! Parei de usar o tema k2 e agora uso o Freshy2 - que foi uma feliz indicação do companheiro Diego, do Professional Blogger.

Seguindo a tendência atual de design para web, o uso de cores mais “leves”, em tons mais suaves e joviais (contrabalanceamento com o logotipo) está presente. Elementos visuais leves e modernos são usados, visando uma melhor experiência e tentanto agradar ainda mais a ilustre visita dos que leem o desenvolvimento para web.Você, que está lendo este artigo através de seu agregador de feeds, dê um pulinho aqui para ver o que mudou! ;-)

Outra coisa muito importante foi uma maior preocupação com a leveza e velocidade de carregamento do blog.

Segundo 2 ferramentas muito boas de análises de blogs e web sites:

• SEO Analyzer: Em uma escala de 0 a 100, o desenvolvimento para web ficou com 75 pontos. A observação dele foi quanto ao uso de elementos HTML obsoletos - no caso, é o Sociable que usa “target=_blank”;
• Web Page Speed Report: No geral, até que foi bom, mas o relatório recomendou atenção à quantidade de requisições HTTP e tamanho das imagens, folhas de estilo e scripts, em geral (o que pretendo melhorar aos poucos).

A melhora de performance ficou, basicamente, por conta da retirada de scripts inúteis e/ou desnecessários e ajustes mais finos, feitos diretamente nos arquivos do tema. Apesar disso, conforme os relatórios apresentados isso deve melhorar ainda mais. Mãos à obra!

Por falar em leveza, dei uma melhoradinha no Divmaníaco e nas Ferramentas de Classes PHP 5, também. E outras ferramentas estão chegando!

“Pessoas primeiro”, mas não me esqueci dos mecanismos de busca

Fiz um retrabalho em relação à otimização para os mecanismos de busca, também. Apliquei algumas técnicas de SEO que queria, alterei partes essenciais nos arquivos do tema, visando uma melhor otimização e, a partir de agora, pretendo investir em parcerias e propagandas em outros blogs e web sites.

E isso não adiantaria em nada sem um bom conteúdo! Tenho intenções de fazer artigos mais explicativos e elaborados. Pretendo dar uma ênfase maior em dicas, artigos, macetes e tutoriais para quem inicia sua aventura no empolgando mundo do desenvolvimento para web, também. Muitos são os que iniciam, mas pouco os que levam sua vontade adiante. Espero, com esta nova abordagem, estimular os novatos a continuar “no caminho”!

Devido a pedidos, vou começar a abordar a parte mais técnica do desenvolvimento web, fazendo artigos e tutoriais com dicas e explicações sobre as diversas linguagens presentes a fim de desenvolver a web, com pormenores de métodos e técnicas da área.

Sejam bem vindos novamente!

Então, pessoal, espero que tenham gostado das mudanças e melhorias que fiz! Estas semanas fora do ar, que serviram para a melhoria do blog, certamente foram feitas principalmente pensando em quem visita o blog e com o objetivo de ajudar as pessoas (e também ser ajudado) a resolver os problemas e questões que, quem é da área, sabe muito bem que podem surgir a qualquer momento.

Um blog, na verdade, é um projeto que exige cuidados e atenção contínuos e, penso, nunca para de crescer e se modificar. Portanto, com absoluta certeza outras mudanças estão por vir - embora eu não saiba exatamente quando. Ainda faltam alguns pequenos ajustes; ajustes estes que serão feitos ao longo da nova fase do blog, sem tolhir por mais tempo vocês, leitores, de terem acesso aos conteúdos.

Conto com a ajuda de todos para fazer o desenvolvimento para web um espaço em comum muito melhor!

Sejam bem vindos novamente!