12 de julho de 2010

Denise Faria

Um bom briefing e estudo de navegação = sites + eficientes

Quando uma agência é chamada para criar um site, algumas etapas precisam ser percorridas para que o resultado atenda as necessidades e expectativas do cliente, e que seja uma experiência de navegação produtiva e agradável para o internauta. Colocando assim em palavras parece simples, mas muitas variáveis precisam ser consideradas para se atingir esse objetivo.

Durante a reunião de briefing é preciso considerar muitos pontos. Creio que estes são alguns dos principais:

  • Se o cliente não tem um site:
    – Qual o objetivo: institucional, lançamento de produto, venda, treinamento, acompanhamento de processos?
    – O que agrada/desagrada a ele nos sites da concorrência?
  • Se o cliente já tem um site:
    – O que agrada/desagrada nele?
    – Há um objetivo especial para a mudança: atualização de layout, modernização da proposta, reorganização ou inclusão de conteúdo, melhorias na navegação, inserção de novas funcionalidades e ferramentas, outros?

Sendo um site novo ou uma remodelação do que existe, é preciso considerar como será feita a manutenção, se haverá um contrato para inserção de conteúdo, ou um sistema customizado para inserção/alteração de conteúdo pelo próprio cliente.

Esses são os dados básicos para que a agência possa ter uma ideia do expertise necessário, do tempo a ser investido no trabalho e montar um orçamento.

Ultrapassada a etapa de briefing e aprovado o valor e cronograma preliminar, é chegada a hora de montar os primeiros estudos para apresentar ao cliente. Essa etapa deve compreender, principalmente, navegação e definição das ferramentas, pois a partir disso é que será montado o layout e, posteriormente, construído o site em html.

Alguns projetos, principalmente os sites de lançamento de produtos ou campanhas (também chamados de hotsite), exigem um grau de inovação maior, com a criação de recursos inovadores e surpreendentes. Mas a grande maioria dos sites atinge seu objetivo e satisfaz plenamente o cliente com o básico bem resolvido: navegação estruturada e eficiente, layout bem elaborado, textos, fotos e ilustrações de qualidade, uso de recursos adequados e que possam ser visualizados em qualquer navegador.

Para o estudo de navegação pode ser usado qualquer programa de editoração, ilustração, Word, Power Point ou Excel. O importante é deixar claro quais serão os botões e como eles estarão “linkados” durante a navegação. Em alguns casos, preferimos apresentar com os textos já redigidos, para que o cliente possa ter uma experiência mais precisa da estrutura e do conteúdo.

Seguem dois casos reais para ilustrar:

Uma escola nos pediu uma proposta que se assemelhasse a um portal de notícias, pois a grande demanda das famílias e dos alunos era um site com atualização diária, que contivesse todas as informações importantes para o dia a dia da escola, como projetos, datas de eventos e provas, conquistas dos alunos, etc.

Fizemos um primeiro estudo com todos os botões solicitados e depois de algumas reuniões tínhamos um “ok” para a montagem do layout e html.

Durante 6 meses alimentamos o site deles aqui na agência, até que todos os envolvidos no projeto tivessem testado seu conteúdo. Agora, estamos com o sistema de alimentação de conteúdo quase pronto e uma equipe está sendo designada na própria escola para atualização. Ficaremos na retaguarda, sempre que precisarem que seja feita alguma alteração ou exista nova demanda não prevista no sistema.

No próximo caso o cliente nos solicitou um reestudo do logotipo e de toda a papelaria paralelamente à reformulação do site que já tinham. A seguir vocês veem o estudo preliminar e o primeiro layout, feito com Photoshop e Illustrator. Em breve iniciaremos a construção do html. Esse projeto não terá um sistema customizado, pois demanda atualizações apenas esporádicas.

2 "parpite"

1. Riccardo Benetti publicado em 12 de julho de 2010 às 14:53

Boa tade Denise,
na verdade corrigindo algumas coisas:

- O planejamento do site é chamado de wireframe;
- Que pode ser feito com as seguintes ferramentas (as mais indicadas para tal): Axure, Illustrator, Fireworks, Powerpoint, Visio, Papel;
- Em um briefing para criação de um site, leva-se em conta também: Cor e tipo do logo, público-alvo, valor que o cliente pode investir (muitos pedem um site de 1milhão e querem pagar 500 reais), se o cliente vai precisar, possui ou não um serviço de hospedagem;
- Sobre o wireframe ainda, é feito um estudo muitas vezes de AI (Arquitetura da informação) que é quem irá determinar, navegação, posicionamento de objetos, estilos, efeitos especiais (normalmente são aplicações com Javascript e outras linguagens) se o site terá um banco de dados ou não, enfim irá determinar tudo o que será feito no esqueleto para que o cliente entenda como será a navegação e também auxilie a criação;
- Sobre o wireframe também, muitos ainda pensam que é só um guia e que não precisam, seguir a ordem e a estrutura do que foi projetado, mas aí está o erro, o Wireframe vai guiar a criação para colocar forma, linhas, cores e estilos no que foi projetado e os programadores de inferface (frontend) irão programar conforme o posicionamento dos objetos.

Espero ter ajudado e a elucidar como uma agência deve trabalhar e também entender um pouco mais dos passos que você determinou.

2. tudibao publicado em 12 de julho de 2010 às 17:59

Obrigada à Denise por introduzir esse assunto, principalmente com a visão de quem tem tanta experiência no trato com o cliente, e ao Benetti, que tem a experiência no desenvolvimento de sites em geral, que complementou a informação.

Parpite você também