Guia da Gestão de Projectos Web

3.958 visualizações

Publicada em

Publicada em: Negócios, Tecnologia
0 comentários
2 gostaram
Estatísticas
Notas
  • Seja o primeiro a comentar

Sem downloads
Visualizações
Visualizações totais
3.958
No SlideShare
0
A partir de incorporações
0
Número de incorporações
32
Ações
Compartilhamentos
0
Downloads
200
Comentários
0
Gostaram
2
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

Guia da Gestão de Projectos Web

  1. 1. Guia de Projectos Web … da planificação … à manutenção Baseado no livro: The Visual Learner´s Guide to Managing Web Project Visibooks, LLC, Richmond, VA
  2. 2. <ul><li>Objectivo: Construir e actualizar web sites. </li></ul><ul><li>Trabalhar para a Web é complexo e requer boa coordenação. </li></ul><ul><li>Estamos a oferecer um produto ao PÚBLICO! </li></ul>Noções Introdutórias
  3. 3. Fases Planificação Estudo/aprendizagem Organização Desenvolvimento Manutenção Ajuda na organização, e determina-se de a opção é construir ou reconstruir o web site. Estudar os detalhes, planear um curriculum eficaz, e fornecer uma aprendizagem para que a equipa entenda o projecto. Guião para definição do conteúdo, estrutura, e o planeamento da construção. Construção, teste e aprovação. Fase crucial para o sucesso de um web site. Permite manter vivo o produto.
  4. 4. Planificação <ul><li>Qual o objectivo do projecto? </li></ul><ul><ul><li>Construir um novo Web Site? </li></ul></ul><ul><ul><li>Actualização? </li></ul></ul><ul><ul><li>Comparar? </li></ul></ul><ul><ul><li>Por exemplo, Microsoft.com e Sun.com reconstruíram diversas vezes. </li></ul></ul><ul><ul><li>Para determinar se a organização necessita de construir um Web site novo, deve-se avaliar o actual, e compará-lo com outros. </li></ul></ul>
  5. 5. Planificação <ul><ul><li>Avaliação: </li></ul></ul><ul><ul><li>Consistente? </li></ul></ul><ul><ul><li>É consistente com a imagem corporativa? Folhetos, cabeçalho, cartões de negócio, etc. </li></ul></ul><ul><ul><li>O aspecto de cada página é consistente com outras páginas? </li></ul></ul><ul><ul><li>Organização? </li></ul></ul><ul><ul><li>Não está dividido em mais do que 7 secções? O utilizador processa informações em grupos de 3 a 7. </li></ul></ul><ul><ul><li>Navegação? </li></ul></ul><ul><ul><li>“ Sei onde estou?” </li></ul></ul><ul><ul><li>“ Sei para onde vou?” </li></ul></ul><ul><ul><li>Encontrar a informações facilmente? </li></ul></ul><ul><ul><li>Ajuda à navegação? </li></ul></ul><ul><ul><li>É simples? </li></ul></ul><ul><ul><li>A audiência testou o site? Gostou? </li></ul></ul>
  6. 6. Planificação Comparação com outros Web sites A IBM usou os seus amplos recursos e experiência para construir um Web site excelente. O design é consistente no seu todo, e as páginas carregam rapidamente. Contem milhares das páginas, mas de fácil navegação. Entretanto, uma organização não necessita de milhões no orçamento para construir um site eficaz. Por exemplo, o Web Site de móveis foi construído com menos, mas serve os objectivos da organização e dos UTILIZADORES !
  7. 7. Planificação Comparação com outros Web sites <ul><li>Construir um novo site evita perda de tempo e esforço. </li></ul><ul><li>Renovar um Web Site é realmente mais difícil do que criar um inteiramente. </li></ul>Kyle Shannon, criativo da Agency.com, New York City. “ São os tipos de projecto mais comuns. O cliente quer melhorá-los. Renovar o design, e outros itens. Parece fácil fazer porque o conteúdo e a estrutura já existe. A realidade é bem diferente. É necessário conhece-lo e reparar o HTML, programar o web site baseado na nova arquitectura que nós criamos. A reconstrução de web sites são significativamente mais longos e mais caros… &quot; Shoba Narayan, &quot;Projects From Hell and the Wisdom They Bring“ Internet World: www.internetworld.com/print/1997/10/27/undercon/19971027-projects.html
  8. 8. Planificação Determinar quem tem a palavra final Uma organização pode ter diversos departamentos ou escritórios, cada um com as suas próprias ideias e objectivos. Tentar compreender e atender todos é uma tarefa impossível. SOLUÇÃO : Identificar a pessoa responsável pelas decisões acerca do web site dentro da organização. Se uma comissão aprova o trabalho, espera-se que trabalho corra mais lento. As aprovações requererão o consenso, e o consenso leva tempo
  9. 9. Planificação Identificar o tipo de personalidade do responsável Analisar a personalidade é útil par começar o trabalho. “ Eu construía um Web Site para uma empresa que desenvolve software de contabilidade. O logotipo da empresa era colorido, e assim supus que quereriam um projecto colorido. Foi criado, submetido para a aprovação. O presidente da firma, um contabilista, não gostou. O passo seguinte foi ouvi-lo. Dirigiu-se ao Web Site de uma outra empresa de software, e me disse que construísse um semelhante.” Ernie Winters, programador Web
  10. 10. Planificação Identificar o tipo de personalidade do responsável Ego Orientado aos resultados Relacionamento Minucioso Personalidade Conversas, risos alto. Não é um bom ouvinte. Amigável, Entusiástico. Comunica de forma clara, comportamento cortês. Faz perguntas, calmo, relaxado. Faz perguntas claras, sossegado, sério. Modo de vestir Roupas que chamam à atenção, com cor. Apropriadas, sem chamar à atenção. Confortáveis. Meticuloso. Maquilhagem perfeita. Escritório Desorganizado e muito apetrechado. Quadros, catazes, slogans. Limpo e organizado. Quadros, momentos pessoais expostos em vários objectos. Muito apetrechado. Bem organizado. Diplomas, prémios. Tipicamente encontra-o: Entretimento, politica. Administração, empresa. Administração superior, grandes organizações. Contabilidade, escrever, comprar.
  11. 11. Planificação Identificar o tipo de personalidade do responsável Ego Orientado aos resultados Relacionamento Minucioso <ul><li>Seja inspirador </li></ul><ul><li>Conte histórias boas </li></ul><ul><li>Seja entusiástico </li></ul><ul><li>Seja optimista </li></ul><ul><li>Seja flexível </li></ul><ul><li>Deixe as discussões </li></ul><ul><li>Divirta </li></ul><ul><li>Seja alegre ao invés de pensar em negócio </li></ul><ul><li>Escreva relatórios bons. </li></ul><ul><li>Ponha detalhes por escrito depois da reunião </li></ul><ul><li>Ilustrar com imagens, coloridas, gráficos </li></ul><ul><li>Elogio-o </li></ul><ul><li>Estabeleça contacto pessoal </li></ul><ul><li>Seja um amigo íntimo </li></ul><ul><li>Seja decisivo </li></ul><ul><li>Disponibilizar opções e recomendar uma </li></ul><ul><li>Mostrar resultados </li></ul><ul><li>Mostrar exactamente como os outros clientes foram ajudados, e o que ele pode esperar </li></ul><ul><li>Seja persistente </li></ul><ul><li>Persuasivo </li></ul><ul><li>Adquira consenso </li></ul><ul><li>Buscar harmonia </li></ul><ul><li>Evite conflito </li></ul><ul><li>Cultivar a relação pessoal </li></ul><ul><li>Torne-se um </li></ul><ul><li>confidente </li></ul><ul><li>Obtenha o compromisso </li></ul><ul><li>Seja cooperante </li></ul><ul><li>Faça sugestões </li></ul><ul><li>Tenha um documento com tudo detalhado </li></ul><ul><li>Esteja limpo </li></ul><ul><li>Tenha certeza de que tudo está ordenado e preciso </li></ul><ul><li>Mostre conhecimento </li></ul><ul><li>Evidencie qualidade </li></ul><ul><li>Faça bom rapidamente </li></ul><ul><li>Dê garantias </li></ul><ul><li>Ponha garantias por escrito </li></ul><ul><li>Use a lógica </li></ul><ul><li>Mostrar exemplos </li></ul><ul><li>Faça planos detalhados </li></ul><ul><li>Seja consistente </li></ul>
  12. 12. Planificação Seleccionar a equipa de trabalho Construir um Web site envolve várias disciplinas! <ul><li>Coordenador </li></ul><ul><li>Responsável pela organização do conteúdo </li></ul><ul><li>Planificação do plano de trabalho </li></ul><ul><li>Coordenação </li></ul><ul><li>Ter alguma experiência na publicação de Web Sites, mas não é mais importante </li></ul><ul><li>Gestão do projecto </li></ul><ul><li>Organizar a informação </li></ul><ul><li>Programador Web </li></ul><ul><li>Criação das páginas </li></ul><ul><li>Ter conhecimentos de linguagem e tecnologias Web </li></ul><ul><li>Web Design </li></ul><ul><li>Criador da interface Web </li></ul><ul><li>Criação e tratamento da informação gráfica </li></ul><ul><li>Editor </li></ul><ul><li>Escreve o texto e edita-o para ser claro e conciso </li></ul><ul><li>Os programadores Web encorparam o texto </li></ul><ul><li>Técnico </li></ul><ul><li>Certifica-se de que o Web server, os formulários e a funcionalidade do Web site </li></ul><ul><li>São tipicamente administradores de rede </li></ul>Coordenador Web Site Organização Técnico Web designer Editor Programador Web Programador Web
  13. 13. Planificação Determinar o tamanho da equipa de trabalho <ul><li>Muitas pessoas a trabalhar no projecto alargam os prazos. </li></ul><ul><li>Requerem maior poder de organização e gestão. </li></ul><ul><li>Uma pessoa pode fazer duas ou três tarefas se tiverem as habilitações necessárias e se o Web Site não for grande. </li></ul><ul><li>Entretanto, uma pessoa não pode fazer tudo! </li></ul><ul><li>Pessoas que dominam várias disciplinas são raras! </li></ul>
  14. 14. Planificação Determinar se a ajuda exterior é necessário <ul><li>Para construir um Web site, a maioria das organizações requerem alguma ajuda externa. </li></ul><ul><ul><li>Hospedagem </li></ul></ul><ul><ul><li>Design </li></ul></ul><ul><ul><li>… </li></ul></ul>
  15. 15. Planificação Site construído por staff TI Site construído por staff de Imagem/marketing Quando surgiu os Web Sites, apenas pessoas técnicas como programadores, administradores eram responsáveis pela sua implementação. Depois os responsáveis tinham conhecimentos menos técnicos e mais da área da comunicação, marketing e imagem. O Web Site tornou-se mais um canal de comunicação!
  16. 16. Planificação <ul><ul><li>Antes de começar é bom realizar uma reunião inicial com todos os intervenientes. </li></ul></ul><ul><ul><ul><li>Explicar o processo. </li></ul></ul></ul><ul><ul><ul><li>Controlar expectativas. </li></ul></ul></ul><ul><ul><li>Identificar claramente o público. </li></ul></ul><ul><ul><li>Propósito do projecto. </li></ul></ul><ul><ul><li>Identificar o critério do sucesso do site. </li></ul></ul><ul><ul><li>Documentar e assinar todas as aprovações. </li></ul></ul><ul><ul><li>Os aspectos logísticos básicos como o tempo, pessoas e dinheiro devem ser considerados. </li></ul></ul><ul><ul><ul><li>Quando o site deve estar finalizado? </li></ul></ul></ul><ul><ul><ul><li>Quantas horas faz cada membro da equipa tem que trabalhar no projecto? </li></ul></ul></ul><ul><ul><ul><li>Quanto dinheiro é incluído no orçamento para o projecto? </li></ul></ul></ul>Antes de projectar fazer …
  17. 17. Planificação <ul><ul><li>Escolher o software: </li></ul></ul><ul><ul><ul><li>De desenvolvimento </li></ul></ul></ul><ul><ul><ul><ul><li>Adobe GoLive </li></ul></ul></ul></ul><ul><ul><ul><ul><li>Macromedia Dreamweaver </li></ul></ul></ul></ul><ul><ul><ul><ul><li>Microsoft FrontPage </li></ul></ul></ul></ul><ul><ul><ul><ul><li>NetObjects Fusion </li></ul></ul></ul></ul><ul><ul><ul><li>De design </li></ul></ul></ul><ul><ul><ul><ul><li>Adobe Photoshop </li></ul></ul></ul></ul><ul><ul><ul><ul><li>JASC Paint Shop Pro </li></ul></ul></ul></ul><ul><ul><ul><ul><li>Maromedia Fireworks </li></ul></ul></ul></ul>Antes de projectar fazer …
  18. 18. Planificação <ul><ul><li>Algumas organizações têm necessidades publicar web sites extensos. </li></ul></ul><ul><ul><li>Necessitam colocar milhares das páginas, ou as centenas do actualizações das páginas por dia. </li></ul></ul><ul><ul><li>Existem aplicações no mercado que permitem colocar a informação sem tocar em uma linha de código do web site. Estas aplicações incluem a permissão extensiva para controlo, assegurando-se de que uma pessoa autorizada para actualizar uma secção não possa mudar outras secções. </li></ul></ul><ul><ul><li>As aplicações tendem a ser caros. </li></ul></ul><ul><ul><li>Requerem a configuração profissional e instalação no web server. </li></ul></ul><ul><ul><li>Exemplos: </li></ul></ul><ul><ul><ul><li>Interwoven - www.interwoven.com </li></ul></ul></ul><ul><ul><ul><li>Merant - www.merant.com/pvcs </li></ul></ul></ul><ul><ul><ul><li>Tecnologias Reedy Do Creek - www.reedycreek.com </li></ul></ul></ul><ul><ul><ul><li>Versifi - www.versifi.COM </li></ul></ul></ul><ul><ul><ul><li>Dispatch - www.dispatch.net </li></ul></ul></ul><ul><ul><ul><li>Vignette - www.vignette.com </li></ul></ul></ul>Antes de projectar fazer …
  19. 19. Estudo/Aprendizagem <ul><ul><li>Adquirir livros para auto-formação e ajuda continuada. </li></ul></ul><ul><ul><li>Formação através da Web. </li></ul></ul><ul><ul><li>Cursos de formação – maiores custos mas com melhores resultados. </li></ul></ul><ul><ul><li>Tópicos relevantes para a formação para o desenvolvimento: </li></ul></ul><ul><ul><ul><li>Básico </li></ul></ul></ul><ul><ul><ul><ul><li>Configurar um Web site </li></ul></ul></ul></ul><ul><ul><ul><ul><li>Formatação de texto </li></ul></ul></ul></ul><ul><ul><ul><ul><li>Criação de hyperlinks </li></ul></ul></ul></ul><ul><ul><ul><ul><li>Inserir gráficos </li></ul></ul></ul></ul><ul><ul><ul><ul><li>Criar um istema de navegação </li></ul></ul></ul></ul><ul><ul><ul><li>Estrutura e navegação </li></ul></ul></ul><ul><ul><ul><ul><li>Estrutura das páginas com tabelas </li></ul></ul></ul></ul><ul><ul><ul><ul><li>Criar barras de navegação </li></ul></ul></ul></ul><ul><ul><ul><ul><li>Adicionar subsecções </li></ul></ul></ul></ul><ul><ul><ul><ul><li>Colocar tabelas dentro de tabelas </li></ul></ul></ul></ul><ul><ul><ul><ul><li>Uso de frames </li></ul></ul></ul></ul>Planear a formação <ul><li>Utilidades </li></ul><ul><ul><li>Abrir um Web Site criado </li></ul></ul><ul><ul><li>Procurar e modificar texto </li></ul></ul><ul><ul><li>Correcção de texto </li></ul></ul><ul><ul><li>Inserir as tags META </li></ul></ul><ul><ul><li>Alterar o código HTML </li></ul></ul><ul><li>Interactividade </li></ul><ul><ul><li>Criar formulários </li></ul></ul><ul><ul><li>Usar CSS </li></ul></ul><ul><ul><li>Usar Templates </li></ul></ul><ul><ul><li>Upload o Web Site para o Servidor </li></ul></ul>
  20. 20. Estudo/Aprendizagem <ul><ul><li>Tópicos relevantes para a formação para o grafismo: </li></ul></ul><ul><ul><ul><li>Básico </li></ul></ul></ul><ul><ul><ul><ul><li>GIF versus JPEG </li></ul></ul></ul></ul><ul><ul><ul><ul><li>Criar GIFs </li></ul></ul></ul></ul><ul><ul><ul><ul><li>Criar JPEGs </li></ul></ul></ul></ul><ul><ul><ul><ul><li>Redimensionar gráficos </li></ul></ul></ul></ul><ul><ul><ul><ul><li>Cortar gráficos </li></ul></ul></ul></ul><ul><ul><ul><ul><li>Optimizar gráficos </li></ul></ul></ul></ul><ul><ul><ul><li>Formatação </li></ul></ul></ul><ul><ul><ul><ul><li>Reduzir a palete de cores do GIF </li></ul></ul></ul></ul><ul><ul><ul><ul><li>Ajustar o binómio qualidade/tamanho do ficheiro </li></ul></ul></ul></ul><ul><ul><ul><ul><li>Construir GIFs transparentes </li></ul></ul></ul></ul><ul><ul><ul><ul><li>Optimizar os gráficos para a Web </li></ul></ul></ul></ul><ul><ul><ul><ul><li>Ajustar o brilho e o contraste </li></ul></ul></ul></ul>Planear a formação <ul><li>Criação de gráficos </li></ul><ul><ul><li>Criar texto </li></ul></ul><ul><ul><li>Desenhar, pintar </li></ul></ul><ul><ul><li>Cortar, apagfar, modificar </li></ul></ul><ul><ul><li>Criar camadas </li></ul></ul><ul><ul><li>Retocar </li></ul></ul>
  21. 21. Estudo/Aprendizagem <ul><ul><li>Tópicos relevantes para a formação para o planeamento e usabilidade: </li></ul></ul><ul><ul><ul><li>Planeamento </li></ul></ul></ul><ul><ul><ul><ul><li>Identificar o público e o objecto do Site </li></ul></ul></ul></ul><ul><ul><ul><ul><li>Recursos existentes e a adquirir </li></ul></ul></ul></ul><ul><ul><ul><li>Organização </li></ul></ul></ul><ul><ul><ul><ul><li>Criar um plano de trabalho </li></ul></ul></ul></ul><ul><ul><ul><ul><li>Recolher e organizar o conteúdo do Site </li></ul></ul></ul></ul><ul><ul><ul><ul><li>qualidade/tamanho do ficheiro </li></ul></ul></ul></ul><ul><ul><ul><ul><li>Construir GIFs transparentes </li></ul></ul></ul></ul><ul><ul><ul><ul><li>Optimizar os gráficos para a Web </li></ul></ul></ul></ul><ul><ul><ul><ul><li>Ajustar o brilho e o contraste </li></ul></ul></ul></ul>Planear a formação <ul><li>Construção </li></ul><ul><ul><li>Proceder de acordo com o plano de trabalho </li></ul></ul><ul><ul><li>Coordenar a equipa de produção </li></ul></ul><ul><ul><li>Testar e rever o site </li></ul></ul><ul><li>Usabilidade </li></ul><ul><ul><li>Claro e conciso </li></ul></ul><ul><ul><li>Agrupar informação </li></ul></ul><ul><ul><li>Assegura a impressão </li></ul></ul><ul><li>Manutenção </li></ul><ul><ul><li>Estabelecer procedimentos para que o site seja actualizado </li></ul></ul>
  22. 22. Estudo/Aprendizagem Planear a formação <ul><li>Cada membro da equipa ser familiarizar-se com: </li></ul><ul><ul><li>Criação de pastas </li></ul></ul><ul><ul><li>Extensões dos ficheiros </li></ul></ul><ul><ul><li>Windows Explorer </li></ul></ul><ul><ul><li>Processamento de texto </li></ul></ul><ul><li>Uma grande percentagem de pessoas com formação na publicação (designs, …) não está familiarizada com os computadores. Será necessário adquirirem formação. </li></ul><ul><li>O técnico da equipa deve ser familiar com: </li></ul><ul><ul><li>O programa de desenvolvimento e saber criar gráficos Web </li></ul></ul><ul><ul><li>A codificação e programação, HTML e formação em JavaScript </li></ul></ul><ul><ul><li>Os princípios da administração do web server, como como upload, instalação, configuração um formulário do E-mail, etc </li></ul></ul><ul><ul><li>Segurança </li></ul></ul>
  23. 23. Estudo/Aprendizagem Planear a formação <ul><li>Fornecer oportunidades para praticar </li></ul><ul><ul><li>Web site com qualidade não pode ser aprendidas em meia dúzia de dias! </li></ul></ul><ul><ul><li>Aprende-se trabalhando! </li></ul></ul><ul><ul><li>Há diversos Web Sites de ajuda </li></ul></ul><ul><ul><ul><li>Webmonkey (www.webmonkey.com) </li></ul></ul></ul><ul><ul><ul><li>EchoEcho (www.echoecho.com) </li></ul></ul></ul><ul><ul><ul><li>Projet Cool (www.projectcool.com) </li></ul></ul></ul>
  24. 24. Organização Especificar a informação do Site <ul><li>Com os aspectos logísticos resolvidos coloca-se uma questão: &quot;o que deve ser colocado no Web Site?” Começa-se então pelo brainstorm. </li></ul><ul><li>Brainstorm </li></ul><ul><ul><li>Todos os membros da equipa devem se encontrar-se e discutir em conjunto sem interrupção </li></ul></ul><ul><ul><li>Todos propõem ideias sobre o que se pode fazer e incluir </li></ul></ul><ul><ul><li>Escrever todas as ideias propostas </li></ul></ul><ul><li>Avaliação </li></ul><ul><ul><li>O coordenador faz exame da lista de ideias propostas e avalia cada uma de acordo com o publico e finalidade </li></ul></ul><ul><li>Exame </li></ul><ul><ul><li>A única maneira de testar é contactar o público real </li></ul></ul><ul><ul><li>Selecciona-se um grupo de teste e apresenta-se a lista para o público discutir </li></ul></ul><ul><li>Aprovação </li></ul><ul><ul><li>Mostrar o resultado do trabalho anterior ao elemento responsável da entidade cliente </li></ul></ul><ul><ul><li>Fazer todas as mudanças necessárias </li></ul></ul><ul><ul><li>Assinar um documento de aprovação! </li></ul></ul>
  25. 25. Organização Estruturar o conteúdo <ul><li>Compreender a importância da estrutura nos Web Sites. </li></ul><ul><li>A finalidade de um Web Site é apresentar de forma lógica uma estrutura organizada e facilidade na pesquisa da informação desejada. </li></ul><ul><li>Nos meios tradicionais, tais como livros e vídeo, a informação é visualizada como uma sequencia. </li></ul><ul><li>Hipermedia, é possível saltar da página a página de uma forma não linear. Não tem nenhuma organização interna. É fácil o utilizador perder-se. </li></ul><ul><li>Os Web Sites são documentos com uma estrutura hipermedia Mostram aos utilizadores onde estão, e onde podem. </li></ul>
  26. 26. Organização Estruturar o conteúdo <ul><li>A usabilidade está a tornar reconhecida como o factor mais importante no sucesso de Web sites. </li></ul><ul><li>Um Web Site pode ser bonito e conter a melhor tecnologia, mas se não for amigável… </li></ul>A IBM refaz o Web site e torna-o mais fácil de navegação. Um mês depois o tráfego no Shop Online aumentou 120 por cento, e as vendas foram acima dos 400 por cento.&quot; www.usableweb.com www.useit.com/alertbox
  27. 27. Organização Estruturar o conteúdo <ul><li>Mas pose usar outro tipo de critério para agrupar os conteúdos. </li></ul><ul><li>Pode-se também usar vários modelos de estrutura. </li></ul>Orientado ao objecto Escola Professores Alunos Orientado à tarefa Matriculas Curso Exames
  28. 28. Organização Estruturar o conteúdo <ul><li>Uma vez criado a estrutura deve-se mostrar à audiência. </li></ul><ul><ul><li>Todos os grupos são necessários? </li></ul></ul><ul><ul><li>Existe algum conteúdo que é necessário incluir? </li></ul></ul><ul><ul><li>A estrutura faz sentido? </li></ul></ul><ul><li>A aprovação por parte da organização deve-se finalmente ser requerida. </li></ul>
  29. 29. Organização Criar um plano de trabalho <ul><li>O Plano mostra como o trabalho deve prosseguir. </li></ul><ul><li>Para criá-la, o coordenador encontra-se com os outros membros da equipa para definir as tarefas de cada um. </li></ul><ul><li>Definir as regras e as responsabilidades. </li></ul><ul><li>O coordenador inclui em seguida: </li></ul><ul><ul><li>Uma lista de tarefa. </li></ul></ul><ul><ul><li>Agenda das tarefas. </li></ul></ul><ul><ul><li>Pontos de controlo. </li></ul></ul>
  30. 30. Desenvolvimento Criação da estrutura gráfica <ul><li>Criar o grafismo da home page (página principal). Porta de entrada. </li></ul><ul><li>Factores a considerar pelo Designer: </li></ul><ul><ul><li>A audiência </li></ul></ul><ul><ul><li>Objectivos </li></ul></ul><ul><ul><li>Estrutura de navegação </li></ul></ul><ul><ul><li>Identidade visual existente </li></ul></ul><ul><ul><li>O tamanho do Web Site </li></ul></ul>O tamanho determinará a disposição dos menus. Os Web Sites grandes necessitam de áreas horizontais e verticais. Web Sites pequenos , podem usar um ou o outro. Obter a aprovação
  31. 31. Desenvolvimento Criação da estrutura gráfica <ul><li>Depois da aprovação da home page, cria o grafismo das outras secções. </li></ul><ul><li>Incorporar os princípios da usabilidade. </li></ul>
  32. 32. Desenvolvimento Preparar o conteúdo <ul><li>Criar um documento digital com todo o conteúdo a partir de várias fontes. </li></ul><ul><li>O editor da equipa faz exame do texto recolhido. Edita-os, e reduz para aproximadamente metade do seu comprimento original. Porquê? </li></ul><ul><ul><li>A leitura num Web Site é diferente da leitura no papel. </li></ul></ul><ul><ul><li>Os utilizadores não querem normalmente textos longos. O texto resumido é compreendido mais facilmente. Poderá ser facultado numa outra fase, se existir necessidade de facultar informação mais desenvolvida. Mas neste caso o utilizador deve saber. </li></ul></ul><ul><ul><li>Provérbio: Quanto mais palavras, menos as recordamos. </li></ul></ul>
  33. 33. Desenvolvimento Implementação <ul><li>Criar o Web Site de acordo com o plano de trabalho. </li></ul><ul><li>Usar modelos (templates), de modo a dar consistência. </li></ul><ul><li>Usar estilos predefinidos. </li></ul><ul><li>O projecto e a navegação devem ser consistentes. </li></ul><ul><li>Diferentes secções, a mesma navegação. </li></ul><ul><li>Clarificar a navegação. </li></ul><ul><li>Um Web Site pode variar quando visto em computadores diferentes. Para assegurar-se a consistência, ver em diferentes: </li></ul><ul><ul><li>Plataformas (Windows, Mac, Unix) </li></ul></ul><ul><ul><li>Browsers (Internet Explorer, Netscape Navigator) </li></ul></ul><ul><ul><li>Resoluções </li></ul></ul>normas de acessibilidade www.cast.org/bobby
  34. 34. Desenvolvimento Testar a audiência <ul><li>Configurar o teste </li></ul><ul><ul><li>Arranjar um grupo de teste. </li></ul></ul><ul><ul><li>Evitar distracções. </li></ul></ul><ul><ul><li>Antes do teste definir tarefas, e indicar a informação que devem encontrar. </li></ul></ul><ul><li>Conduzir o teste </li></ul><ul><ul><li>Durante 20 – 40 minutos. </li></ul></ul><ul><ul><li>Cada membro anota as ocorrências e a explicação da execução de determinada acção. </li></ul></ul><ul><ul><li>De preferência não fornecer ajuda. </li></ul></ul><ul><li>Usar os resultados! </li></ul>
  35. 35. Desenvolvimento Testar a audiência <ul><li>Exemplo de um formulário para testar a audiência. </li></ul>Nome E-mail Organização O que deseja fazer no Web Site? Teve sucesso? Teve insucesso? Porque? Qual a sua opinião acerca do Web Site? Que sugestões daria para alterar?
  36. 36. Desenvolvimento Colocar o Web Site no ar! <ul><li>Rever o Web Site </li></ul><ul><li>Obter a aprovação </li></ul><ul><li>Upload do Web Site </li></ul>
  37. 37. Manutenção Definir as regar de estrutura e desenho <ul><li>Nenhum Web Site deve ser abandonado. </li></ul><ul><li>Assegurar que as actualizações são consistentes. </li></ul><ul><li>Definir regras como: </li></ul><ul><ul><li>Como o logotipo deve ser incluído. </li></ul></ul><ul><ul><li>Que cores e fontes devem ser usadas. </li></ul></ul><ul><ul><li>Como a navegação e o conteúdo deve ser estruturado. </li></ul></ul><ul><li>Incluir a estrutura de navegação </li></ul>
  38. 38. Manutenção Agendar as actualizações <ul><li>Quais as secções e páginas necessitam de ser actualizadas? </li></ul><ul><li>Qual o timing ? Diário, semanal, mensalmente, anual, … </li></ul>
  39. 39. Manutenção Agendar as actualizações
  40. 40. Manutenção Agendar as actualizações
  41. 41. <ul><li>E muito mais ficou por falar! </li></ul>

×