dicas para a construção de sites e materiais multimídia

Projeto TROCOtroca de conhecimento

Dicas para a construção de sites e materiais multimídia

... e para o que mais você achar que seja útil.

98,76% das vezes você não conseguirá seguir este roteiro.

... em todo caso serve como base.

Ciclo genérico do projeto

1 - Levantamento das informações

A parte mais difícil.


O levantamento de informações deve ser feito com a participação de pelo menos um membro de cada equipe envolvida no desenvolvimento;

A capacidade de pessoas de áreas diferentes captarem detalhes e necessidades em sua área, pode fazer com que se obtenha um maior número de dados para a produção de um projeto mais completo;


É quase um dogma a necessidade de se conhecer TUDO o que seu projeto contemplará antes de começá-lo. Entretanto, 99% das vezes, não é assim que acontece. Irônico, não? :)

Logo, é necessário ao coordenador exercer uma força além da humana para identificar com o cliente, pelo menos, os módulos principais (macro).


Glossário:

Dogma: Fundamento de qualquer sistema ou doutrina (michaelis);

TUDO: Tudo mesmo!

Cliente: Aquele personagem interno ou externo à organização que sabe o que quer, mas não sabe muito bem o que quer. :D


É fácil saber quais são os módulos principais. Pense assim: O que poderá me dar mais trabalho no futuro caso seja mudado? A resposta serão os módulos principais. Fácil!

Ou então faça a seguinte pergunta ao cliente: “Quais são os módulos principais?” :D Ajude ele a não perder o foco e faça várias perguntas até começar a encher as paciências.


Nesta mesma reunião com o cliente, não perca tempo! Busque identificar o que ele espera que cada módulo principal tenha: os sub-módulos ou as sub-categorias.


Glossário:

Encher as paciências: Utilizar de recursos da paciência alheia até o ponto destas se esgotarem e começarem a tomar emprestado recursos da raiva;

Tempo: Dinheiro;


Por fim, aproveite a reunião para saber onde encontrar o material ou as pessoas necessárias para você entrevistar (explorar). Essa parte é quase tão importante quanto ter um computador;

Sim! Os detalhes vão ficar por sua conta. O que você queria mais? Entretanto é ainda possível extrair do cliente alguns lapsos de desejos intrínsecos;


Glossário: Lapsos: Momentos, não raros, nos quais o

cliente sabe exatamente o que quer. São seguidos de momentos que contradizem este primeiro;

Desejo: O que o cliente quer naquele lapso de tempo;

Intrínseco: Vontades não condicionadas à lapsos, mas difíceis de se manifestar corretamente em desejos;


Já percebeu que esta fase é importante, né? Esse é o 8º slide só dela. Pois é aqui que vai se criar a base para todas as outras fases, então busque identificar: Público alvo; Objetivos; Prazo; Liberdade de criação; Equipe; Módulos / Áreas / Detalhes preliminares;


Na prática a teoria é outra:Na prática a teoria é outra:

Não adianta! Você nunca vai ter todas as informações! “Dê seus pulos!”;

Depois daquela conversa rápida com o cliente, faça um e-mail confirmando tudo e preenchendo as lacunas com suas sugestões.

Coloque a produção em paralelo enquanto o cliente não responde o e-mail;

Ruídos na comunicação

Problemas de ruídos na comunicação

2 – Arquitetura da informação

A parte mais impactante.


Nesta fase você reúne tudo o que foi possível da fase 1 e pensa na melhor forma de organizar isso para acesso;

Esta é uma fase mais reflexiva e filosófica na qual você irá abstrair categorias, áreas, itens relacionados, itens parcialmente relacionados, itens não relacionados e itens que não eram para estar ali.


Glossário:

Tudo o que foi possível: Tudo o que foi possível;

Filosófica: Atividade que exige esforço cefálico relacional;

Abstrair: Ato de filosofar rumo à uma entidade maior;


Existem técnicas que podem ser utilizadas nesta fase. Conheça uma:

1. Faça papeizinhos com o nome das informações e categorias que você deseja organizar;

2. Reúna uns 5 colegas de trabalho;3. Espalhe os papeizinhos sobre uma mesa;4. Peça a seus colegas de trabalho que organizem

os papéis categorizando-os da forma que lhes convier;

5. Espalhe novamente e peça para outros colegas fazerem o mesmo; (é divertido!!!)


Você também pode fazer o exercício anterior em forma de questionário. (não precisa dificultar tanto);

Sua estrutura tem que estar de acordo com o público. Para informações do tipo nome da rua, por exemplo, você não precisa abstrair ao ponto de chegar na categoria Espaço. Nem especificar muito uma categoria, como Endereço, ao ponto de chegar em Constelação Estelar. A menos que seu público seja extra-terrestres.

Tudo depende do público!


Glossário:

Categorizar: Ato de juntar tudo numa coisa só;

Público: Conjunto de pessoas interessadas no seu negócio*;

Seu negócio: Seu business; Seu empreendimento; Seu site; Seu material multimídia; (não pense besteira!)


Nesta fase você já deve ter em mente:

As informações que serão transmitidas; As informações (módulos) mais

importantes; Estas informações categorizadas; Uma idéia do fluxo da navegação; Que a vida é uma caixinha de surpresas;


Na prática a teoria é outraNa prática a teoria é outra:

Nada de técnicas de arquitetura da informação ou brainstorm para identificar as melhores formas de organização;

Eleve ao nível 5 o bom senso e tente fazer o que o cliente “acha” melhor;

3 – Planejamento do Layout

A parte mais suscetível a “pitácos”


Glossário;

Pitácos: Chuva de opiniões advindas de transeuntes próximos ao computador do designer. Geralmente de amigos de trabalho, coordenadores e clientes;

Ditado atualizado: “De médico, louco e designer todo mundo tem um pouco”;


O planejamento do layout é um trabalho conjunto com o coordenador do projeto e do(s) designer(s) responsável(veis).

São realizados drafts baseados na fase 02 e submetidos à validação do cliente para então partir para a produção.


Glossário:

Draft: Rascunho simples e rápido de algo mais complexo e demorado cuja continuidade depende da ação decisiva do todo poderoso cliente;

Validação do cliente: Período no qual os contratados torcem para que o contratante escolha a versão já em andamento na produção.


É nesta fase também que o conceito da obra é planejado graficamente;

Conceitos de cores, movimentos, traços, estilos, formas e brilhos servirão para despertar sensações, desejos, interesses, animações, atrações;

Ditado criado: “O design é a arte profissional da sedução”



Não perca tempo com drafts!! Faça acontecer de primeira!! Você é phoda!

Não use cores bregas ou muito extravagantes;

Seu lema deve ser: Na vida nada se cria, nada se perde. Tudo se transforma!

O bom senso aqui se eleva para o nível 6.

4 – Produção

A parte mais recorrente.

4 – Produção

A produção é a fase em que o criador fica, enfim, a sós com suas ferramentas. Chegou a hora de colocar a “mão no teclado”. Chegou a hora de criar.

É também o período mais feliz e de exaltação cósmica de agradecimento pela possibilidade da criação. É um momento realmente transcendental.

4 – Produção

Glossário: Criar: Verbo associado ao ato de fazer-se uma

coisa nova a partir de outras; Ação de quem usa ferramentas da Adobe e Microsoft;

Criação: Ação da transformação; Frankenstein; Coisas que se faz com o Flash, Photoshop, DreamWeaver ou com o Visual Studio, por exemplo;

Transcendental: Que pertence à razão pura, anteriormente a toda experiência (michaelis);

4 – Produção

Mas nem tudo são flores na Produção. É o momento de se escolher as ferramentas certas e entrar em um fluxo de ações constantes, rápidas, precisas e acertadas;

Neste instante o responsável pela criação deve buscar em sua vivida experiência o melhor composto de ferramentas e tecnologias;

4 – Produção

Pergunte-se!!!Pergunte-se!!! VAI SER EM FLASH?

Vai ser um .exe? Como vai abrir isso? O usuário tem flash player? Vamos disponibilizar? Vai abrir no navegador (browser)? E as mensagens de

segurança do navegador? Vai abrir no IE? Xiiii Em qual versão publicar os SWFs? Por quê? Qual a resolução mínima deve ser atendida? Qual o tamanho que a brincadeira deve ter? Vai pra

internet? Só em CD? Vai por e-mail? Por carta? Por sedex? (saiba tudo!)

O usuário final tem computador? (muito importante esta) É um computador pós-386? (essencial esta)

4 – Produção

Pergunte-se!!!Pergunte-se!!!

VAI TER PDF? O usuário tem PDF Reader? Vamos disponibilizar? Vai abrir no navegador (browser)? E as mensagens

de segurança do navegador? Qual o tamanho deste cara? Vai pra internet? E-

mail? Carta? Sedex?

Vai no pé de alguma pomba ou coruja? O usuário final sabe ler? (muito importante esta!)

4 – Produção


VAI TER INSTALADOR? Vai ser em que? Delphi, .Net, Assembly? E o Framework? Vai junto? Tem certeza? Vai instalar o quê? Vai instalar onde?

E a pergunta que não quer calar: “Precisa instalar tudo isso mesmo?”

4 – Produção


VAI SÓ NA INTERNET / INTRANET? Tem que ser em flash? Por que não HTML? Precisa

ser dinâmico? Quer em 3D Studio? Ficou louco? Como oferecer mais com menos bytes?

4 – Produção

Depois dessa parte chata, vem uma parte mais chata:

Dentro desta fase são criados milestones nos quais haverá a intervenção de agentes externos. Ação importantíssima para o refino e a qualidade do projeto;

4 – Produção

Glossário:

MileStone: Pedra de milha (rsrsrs); Marco no cronograma no qual acontecerá algo;

Ações acertadas: Ações certas segundo a visão do cliente; (essas coisas são muito relativas)

4 – Produção


A fase 4 de Produção acaba trazendo consigo todas as outras. Como um buraco negro ou uma célula faminta, ela fagocita partes das outras fases sendo um pequeno TODO dentro do todo;

Alguém conhece a teoria do caos?

4 – Produção


Você vai se sentir várias vezes na fase 01 ou na fase 02, às vezes até na fase 03, e o incrível é que você realmente vai estar Lá!

Por vezes você achará que está na fase 06 ou 07. Pare de achar e tenha certeza!

Milestone é só teoria;

4 – Produção

Na prática a teoria é outraNa prática a teoria é outra: + ou - assim:

4 – Produção


Sua missão 01: “Fazer o que o cliente quer”

4 – Produção


Sua missão 02: “Sugerir que haja primeiramente uma versão 01 do site ou material para posteriores ajustes”

4 – Produção


Sua missão 03: “Convide o cliente para tomar um café e defina melhor as coisas que já eram para estar definidas”

4 – Produção


Não se esqueça da segurança e dos contratempos que o usuário pode ter com seu trabalho;

O usuário não pode pagar por um erro de cronograma seu!

Viva o usuário Feliz!!!

5 – Intervenções

A parte mais conflituosa.


Como você já deve ter esquecido, na fase 4 existem os milestones. Nestes pontos acontecerão as Intervenções. Algumas cirúrgicas, outras revolucionárias, mas todas intervenções necessárias.

Por quê? Porque é o cliente que manda!!


Glossário: Intervenções cirúrgicas: Ex. “vamos trocar esta frase

de ‘o melhor para o professor’ para ‘o melhor para o professorado’”;

Devem ser coletas e realizadas em uma força tarefa só para poupar o designer e não gastar tempo de set-up*;

Intervenções revolucionárias: Ex. “Vamos mudar de um portfólio digital para um portfólio impresso em uma pasta” ou então “Vamos sair pra comer no Habib’s?”

Completamente o contrário das intervenções cirúrgicas, aqui deve-se realizá-las o quantos antes;


Esta fase dependerá muito do tipo de cliente com o qual você estiver lidando. Há 4 tipos de clientes: O que não sabe o que quer;

O que acha que sabe o que quer;

O que sabe o que quer;

O que se sente coordenador de produção;


O cliente que não sabe o que quer;

Estão inseguros e variam de intervenções cirúrgicas à revolucionárias com freqüência;

Dica: Para evitar intervenções significativas explore as primeiras fases deste roteiro buscando dar segurança e mostrar o que o cliente receberá no final. Encontrar e evidenciar a real necessidade do cliente;


O cliente que acha que sabe o que quer;

Hora querem de um jeito, outrora querem de outro. Depois voltam na proposta inicial. Realizam intervenções revolucionárias;

Dica: Aqui não tem jeito. Ou você DE-SE-NHA para ele o sistema antes de fazer ou você RE-FAZ todo o sistema depois de um bom pedaço em andamento. Perca 90% especificando com ele e corra para fazer no prazo. Caso não dê pra conversar, Reze!;


O cliente que sabe o que quer;

Você não terá muitos problemas com este cliente, porque ele fez questão de deixar claro o que quer nas fases iniciais (e é claro, você fez um bom trabalho);

Dica: Um problema grande que pode acontecer aqui é a presença de ruídos na comunicação. Não corra o risco de estar 100% certo do que o cliente quer, explore o período do draft do layout para garantir. Caso contrário haverá intervenções revolucionárias;


O cliente que se sente coordenador de produção;

Além de saber exatamente o que quer, este cliente ainda conhece as ferramentas e dá sugestões de como fazer aquilo que pede. Suas intervenções tendem a ser cirúrgicas depois de tudo bem esclarecido;


Dica1: Este tipo de cliente tende a confundir um pouco misturando idéias com aplicação. Cuidado! Não saia das reuniões iniciais sem ter bem definido as melhores maneiras, ferramentas e práticas para realizar o trabalho;

Dica2: Busque envolver mais este cliente nas fases iniciais já que ele conhece os procedimentos e ferramentas. Quando ganhar confiança sobre o que o cliente realmente quer, avance sem hesitar.



Clientes externos: 45% não sabe o que quer! 45% acha que sabe o que quer!

Clientes internos: 90% sabe o que quer!

Em ambas as situações o tipo de intervenção é diretamente proporcional ao tempo para produção;

6 – Revisão

A parte mais legal.

6 – Revisão

Se as fases anteriores foram seguidas e a fase de intervenções bem estruturada, na revisão o trabalho se deterá a pequenas correções.

Hahahahhaha; (desculpe, não agüentei);

6 – Revisão

O que se faz na revisão*: Se revisa; Se vê novamente; Se examina; Se confere; Se inspeciona; Se pericia; Se sugere pontualmente;

*Revisão: 1. Ato ou efeito de rever. 2. Exame minucioso e atento em nova leitura. (Michaelis)

6 – Revisão

O que não se faz na revisão:

Não se inventa; Não se acrescenta; Não se filosofa; Não se desiste;

6 – Revisão

É preferível que o revisor não seja a pessoa que produziu o trabalho;

É preferível que haja mais de 1 revisor;

É preferível que os 2 ou mais revisores não sejam quem produziu o trabalho;

6 – Revisão


Quando o cliente é interno boa parte da revisão está embutida nas intervenções;

Esta fase pode não existir em alguns casos;

7 – Testes/Controle

A parte menos feita.


“Testar não é o mesmo que revisar?”; R: Não!

Geralmente esta fase está junto com a fase de Revisão, mas podemos encontrar algumas peculiaridades;


No teste busca-se ver se o conjunto produção + revisão foi bem sucedido;

Testa-se a eficiência do site ou material multimídia em seu lugar de aplicação. O famoso, mas pouco conhecido, teste de ambiente.


Aqui temos dois tipos de teste: o do sistema (software) e o do conteúdo;

No teste do sistema verificamos se, em massa, o software está atendendo às expectativas de segurança, desempenho, etc;

No teste do conteúdo precisamos verificar se está entendível e atraente ao usuário final.


Como? Se o sistema está na Internet:

Ferramentas de análise de tráfego e rejeição (Google analytics);

Cadastros de usuários no ambiente (caso exista); Objetivos atendidos (caso especificados);

Se o sistema é desktop: Feedback do cliente; Taxa de aumento em contatos; Objetivos atendidos (caso especificados);



A prática deveria ser igual a teoria neste caso;

Caso contrário você não tem uma fase de teste/controle;

Considerações

Considerações

Como pôde perceber existe um ciclo. Neste ciclo entra todo e qualquer módulo que seu trabalho contemple. Inclusive novos pedidos.

Não deixe, porém, virar um ciclo sem fim. Todo projeto tem começo/meio/fim; Tenha prazos e um cronograma definido (mesmo que informalmente).

Divirta-se!!

Revisão deste Roteiro:

Rafael Ferreira Buzon – [email protected]

Eugeni DodonovLílian Martins

Luiz GuelfiLúcia NomisoRenata Mola

dicas para a construção de sites e materiais multimídia

Technology