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

Projeto TROCO troca 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.

1 - Levantamento das informações

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:

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.

2 – Arquitetura da informação

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:

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

Reúna uns 5 colegas de trabalho;

Espalhe os papeizinhos sobre uma mesa;

Peça a seus colegas de trabalho que organizem os papéis categorizando-os da forma que lhes convier;

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 é 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”

3 – Planejamento do Layout

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!!!

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!!!

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

Pergunte-se!!!

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

Pergunte-se!!!

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

+ 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.

5 – Intervenções

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 professor ado ’”;

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.

7 – Testes/Controle

“ 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

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_address]

Eugeni Dodonov

Lílian Martins

Luiz Guelfi

Lúcia Nomiso

Renata Mola

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

2 comments

Notes on slide 1

5 Favorites