SlideShare uma empresa Scribd logo
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
Objectivo:  Construir e actualizar web sites. Trabalhar para a Web é complexo e requer boa coordenação. Estamos a oferecer um produto ao PÚBLICO! Noções Introdutórias
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.
Planificação Qual o objectivo do projecto? Construir um novo Web Site? Actualização? Comparar? Por exemplo, Microsoft.com e Sun.com reconstruíram diversas vezes. Para determinar se a organização necessita de construir um Web site novo, deve-se avaliar o actual, e compará-lo com outros.
Planificação Avaliação: Consistente? É consistente com a imagem corporativa? Folhetos, cabeçalho, cartões de negócio, etc. O aspecto de cada página é consistente com outras páginas? Organização? Não está dividido em mais do que 7 secções?  O utilizador processa informações em grupos de 3 a 7.  Navegação? “ Sei onde estou?” “ Sei para onde vou?” Encontrar a informações facilmente? Ajuda à navegação? É simples? A audiência testou o site? Gostou?
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 !
Planificação Comparação com outros Web sites Construir um novo site evita perda de tempo e esforço. Renovar um Web Site é realmente mais difícil do que criar um inteiramente. 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…  "  Shoba Narayan,  "Projects From Hell and the Wisdom They Bring“ Internet World: www.internetworld.com/print/1997/10/27/undercon/19971027-projects.html
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
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
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.
Planificação Identificar o tipo de personalidade do responsável Ego Orientado aos resultados Relacionamento Minucioso Seja inspirador  Conte histórias boas Seja entusiástico Seja optimista Seja flexível Deixe as discussões  Divirta Seja alegre ao invés de pensar em negócio Escreva relatórios bons.  Ponha detalhes por escrito depois da reunião Ilustrar com imagens, coloridas, gráficos  Elogio-o Estabeleça contacto pessoal Seja um amigo íntimo Seja decisivo Disponibilizar opções e recomendar uma Mostrar resultados Mostrar exactamente como  os outros clientes foram ajudados, e o que ele pode esperar Seja persistente  Persuasivo Adquira consenso  Buscar harmonia  Evite conflito Cultivar a relação pessoal  Torne-se um  confidente  Obtenha o compromisso  Seja cooperante Faça  sugestões Tenha um documento com tudo detalhado Esteja limpo Tenha certeza de que tudo está  ordenado e preciso  Mostre conhecimento Evidencie qualidade Faça bom rapidamente Dê garantias Ponha garantias por escrito Use a lógica Mostrar exemplos Faça planos detalhados Seja consistente
Planificação Seleccionar a equipa de trabalho Construir um Web site envolve várias disciplinas! Coordenador Responsável pela organização do conteúdo Planificação do plano de trabalho Coordenação Ter alguma experiência na publicação de Web Sites, mas não é mais importante Gestão do projecto  Organizar a informação Programador Web Criação das páginas Ter conhecimentos de linguagem e tecnologias Web Web Design Criador da interface Web Criação e tratamento da informação gráfica Editor Escreve o texto e edita-o para ser claro e conciso Os programadores Web encorparam o texto Técnico Certifica-se de que o Web server, os formulários e a funcionalidade do Web site  São tipicamente administradores de rede Coordenador Web Site Organização Técnico Web designer Editor Programador Web Programador Web
Planificação Determinar o tamanho da equipa de trabalho Muitas pessoas a trabalhar no projecto alargam os prazos. Requerem maior poder de organização e gestão. 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. Entretanto, uma pessoa não pode fazer tudo!  Pessoas que dominam várias disciplinas são raras!
Planificação Determinar se a ajuda exterior é necessário Para construir um Web site, a maioria das organizações requerem alguma ajuda externa. Hospedagem  Design …
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!
Planificação Antes de começar é bom realizar uma reunião inicial com todos os intervenientes. Explicar o processo. Controlar expectativas. Identificar claramente o público. Propósito do projecto.  Identificar o critério do sucesso do site.  Documentar e assinar todas as aprovações. Os aspectos logísticos básicos como o tempo, pessoas e dinheiro devem ser considerados. Quando o site deve estar finalizado? Quantas horas faz cada membro da equipa tem que trabalhar no projecto? Quanto dinheiro é incluído no orçamento para o projecto? Antes de projectar fazer …
Planificação Escolher o software: De desenvolvimento Adobe GoLive Macromedia Dreamweaver Microsoft FrontPage NetObjects Fusion De design Adobe Photoshop JASC Paint Shop Pro Maromedia Fireworks Antes de projectar fazer …
Planificação Algumas organizações têm necessidades publicar web sites extensos.  Necessitam colocar milhares das páginas, ou as centenas do actualizações das páginas por dia. 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. As aplicações tendem a ser caros.  Requerem a configuração profissional e  instalação no web server.  Exemplos: Interwoven  - www.interwoven.com  Merant  -  www.merant.com/pvcs  Tecnologias Reedy Do Creek  - www.reedycreek.com  Versifi  - www.versifi.COM  Dispatch -  www.dispatch.net  Vignette  - www.vignette.com  Antes de projectar fazer …
Estudo/Aprendizagem Adquirir livros para auto-formação e ajuda continuada. Formação através da Web. Cursos de formação – maiores custos mas com melhores resultados. Tópicos relevantes para a formação para o desenvolvimento: Básico Configurar um Web site Formatação de texto Criação de hyperlinks Inserir gráficos Criar um istema de navegação Estrutura e navegação Estrutura das páginas com tabelas Criar barras de navegação Adicionar subsecções Colocar tabelas dentro de tabelas Uso de frames Planear a formação Utilidades Abrir um Web Site criado Procurar e modificar texto Correcção de texto Inserir as tags META Alterar o código HTML Interactividade Criar formulários Usar CSS Usar Templates Upload o Web Site para o Servidor
Estudo/Aprendizagem Tópicos relevantes para a formação para o grafismo: Básico GIF versus JPEG Criar GIFs Criar JPEGs Redimensionar gráficos Cortar gráficos Optimizar gráficos Formatação Reduzir a palete de cores do GIF Ajustar o binómio  qualidade/tamanho do ficheiro Construir GIFs transparentes Optimizar os gráficos para a Web Ajustar o brilho e o contraste Planear a formação Criação de gráficos Criar texto Desenhar, pintar Cortar, apagfar, modificar Criar camadas Retocar
Estudo/Aprendizagem Tópicos relevantes para a formação para o planeamento e usabilidade: Planeamento Identificar o público e o objecto do Site Recursos existentes e a adquirir Organização Criar um plano de trabalho Recolher e organizar o conteúdo do Site qualidade/tamanho do ficheiro Construir GIFs transparentes Optimizar os gráficos para a Web Ajustar o brilho e o contraste Planear a formação Construção Proceder de acordo com  o plano de trabalho Coordenar a equipa de produção Testar e rever o site Usabilidade Claro e conciso Agrupar informação Assegura a impressão Manutenção Estabelecer procedimentos para que o site seja actualizado
Estudo/Aprendizagem Planear a formação Cada membro da equipa ser familiarizar-se com: Criação de pastas Extensões dos ficheiros  Windows Explorer Processamento de texto 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. O técnico da equipa deve ser familiar com: O programa de desenvolvimento e saber criar gráficos Web A codificação e programação, HTML e formação em JavaScript Os princípios da administração do web server, como como upload, instalação, configuração um formulário do E-mail, etc Segurança
Estudo/Aprendizagem Planear a formação Fornecer oportunidades para praticar  Web site com qualidade não pode ser aprendidas em meia dúzia de dias!  Aprende-se trabalhando!  Há diversos Web Sites de ajuda Webmonkey (www.webmonkey.com)  EchoEcho (www.echoecho.com)  Projet Cool (www.projectcool.com)
Organização Especificar a informação do Site Com os aspectos logísticos resolvidos coloca-se uma questão: "o que deve  ser colocado no Web Site?” Começa-se então pelo brainstorm. Brainstorm Todos os membros da equipa devem se encontrar-se e discutir em conjunto sem interrupção  Todos propõem ideias sobre o que se pode fazer e incluir Escrever todas as ideias propostas Avaliação O coordenador faz exame da lista de ideias propostas e avalia cada uma de acordo com o publico e finalidade Exame  A única maneira de testar é contactar o público real Selecciona-se um grupo de teste e apresenta-se a lista para o público discutir Aprovação Mostrar o resultado do trabalho anterior ao elemento responsável da entidade cliente Fazer todas as mudanças necessárias Assinar um documento de aprovação!
Organização Estruturar o conteúdo Compreender a importância da estrutura nos Web Sites. A finalidade de um Web Site é apresentar de forma lógica uma estrutura organizada e facilidade na  pesquisa da informação desejada. Nos meios tradicionais, tais como livros e vídeo, a informação é visualizada como uma sequencia.  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. Os Web Sites são documentos com uma estrutura hipermedia Mostram aos utilizadores onde estão, e onde podem.
Organização Estruturar o conteúdo A usabilidade está a tornar reconhecida como o factor mais importante no sucesso de Web sites.  Um Web Site pode ser bonito e conter a melhor tecnologia, mas se não for amigável… 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." www.usableweb.com www.useit.com/alertbox
Organização Estruturar o conteúdo Mas pose usar outro tipo de critério para agrupar os conteúdos. Pode-se também usar vários modelos de estrutura. Orientado ao objecto Escola Professores Alunos Orientado à tarefa Matriculas Curso Exames
Organização Estruturar o conteúdo Uma vez criado a estrutura deve-se mostrar à audiência.  Todos os grupos são necessários? Existe algum conteúdo que é necessário incluir? A estrutura faz sentido? A aprovação por parte da organização deve-se finalmente ser requerida.
Organização Criar um plano de trabalho O Plano mostra como o trabalho deve prosseguir.  Para criá-la, o coordenador encontra-se com os outros membros da equipa para definir as tarefas de cada um. Definir as regras e as responsabilidades. O coordenador inclui em seguida: Uma lista de tarefa. Agenda das tarefas.  Pontos de controlo.
Desenvolvimento Criação da estrutura gráfica Criar o grafismo da home page (página principal). Porta de entrada. Factores a considerar pelo Designer: A audiência Objectivos Estrutura de navegação Identidade visual existente O tamanho do Web Site 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
Desenvolvimento Criação da estrutura gráfica Depois da aprovação da home page, cria o grafismo das outras secções. Incorporar os princípios da usabilidade.
Desenvolvimento Preparar o conteúdo Criar um documento digital com todo o conteúdo a partir de várias fontes. O editor da equipa faz exame do texto recolhido. Edita-os, e reduz  para aproximadamente metade do seu comprimento original. Porquê? A leitura num Web Site é diferente da leitura no papel.  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.  Provérbio: Quanto mais palavras, menos as recordamos.
Desenvolvimento Implementação Criar o Web Site de acordo com o plano de trabalho. Usar modelos (templates), de modo a dar consistência. Usar estilos predefinidos. O projecto e a navegação devem ser consistentes. Diferentes secções, a mesma navegação. Clarificar a navegação. Um Web Site pode variar quando visto em computadores diferentes. Para assegurar-se  a consistência, ver em diferentes: Plataformas (Windows, Mac, Unix)  Browsers (Internet Explorer, Netscape Navigator) Resoluções normas de acessibilidade   www.cast.org/bobby
Desenvolvimento Testar a audiência Configurar o teste Arranjar um grupo de teste.  Evitar distracções.  Antes do teste definir tarefas, e indicar a informação que devem encontrar. Conduzir o teste Durante 20 – 40 minutos. Cada membro anota as ocorrências e a explicação da execução de determinada acção. De preferência não fornecer ajuda. Usar os resultados!
Desenvolvimento Testar a audiência Exemplo de um formulário para testar a audiência. 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?
Desenvolvimento Colocar o Web Site no ar! Rever o Web Site Obter a aprovação Upload do Web Site
Manutenção Definir as regar de estrutura e desenho Nenhum Web Site deve ser abandonado. Assegurar que as actualizações são consistentes. Definir regras como: Como o logotipo deve ser incluído. Que cores e fontes devem ser usadas. Como a navegação e o conteúdo deve ser estruturado. Incluir a estrutura de navegação
Manutenção Agendar as actualizações Quais as secções e páginas necessitam de ser actualizadas? Qual o  timing ? Diário, semanal, mensalmente, anual, …
Manutenção Agendar as actualizações
Manutenção Agendar as actualizações
E muito mais ficou por falar!

Mais conteúdo relacionado

Mais procurados

Comunicação
ComunicaçãoComunicação
Comunicação
cattonia
 
Como fazer uma apresentação oral?
Como fazer uma apresentação oral?Como fazer uma apresentação oral?
Como fazer uma apresentação oral?
becastanheiradepera
 
Educação e novas tecnologias slides
Educação e novas tecnologias slidesEducação e novas tecnologias slides
Educação e novas tecnologias slides
Ines Chaves Preza Freitas
 
Coesão textual
Coesão textualCoesão textual
Coesão textual
gracacruz
 
Inteligência Artificial
Inteligência ArtificialInteligência Artificial
Inteligência Artificial
Amanda Nalesso
 
A internet
A internetA internet
A internet
Liliana Silva
 
TIC no mundo do Trabalho
TIC no mundo do TrabalhoTIC no mundo do Trabalho
TIC no mundo do Trabalho
José Denizar Oliveira Júnior
 
Impacto da tecnologia no mundo do trabalho
Impacto da tecnologia no mundo do trabalhoImpacto da tecnologia no mundo do trabalho
Impacto da tecnologia no mundo do trabalho
Leandra Tognin
 
Evolução da Tecnologia
Evolução da TecnologiaEvolução da Tecnologia
Evolução da Tecnologia
laboratório de informática cef15
 
Violência VS. Espírito Desportivo
Violência VS. Espírito DesportivoViolência VS. Espírito Desportivo
Violência VS. Espírito Desportivo
713773
 
O heteronimo Alberto Caeiro
O heteronimo Alberto CaeiroO heteronimo Alberto Caeiro
O heteronimo Alberto Caeiro
guest155834
 
Crónica de Costumes - Jantar dos Gouvarinho
Crónica de Costumes - Jantar dos Gouvarinho Crónica de Costumes - Jantar dos Gouvarinho
Crónica de Costumes - Jantar dos Gouvarinho
Marisa Ferreira
 
Tecnologias da Informacao E Comunicacao
Tecnologias da Informacao E ComunicacaoTecnologias da Informacao E Comunicacao
Tecnologias da Informacao E Comunicacao
M Fernanda Santos
 
Poema Liberdade, de Fernando Pessoa
Poema Liberdade, de Fernando PessoaPoema Liberdade, de Fernando Pessoa
Poema Liberdade, de Fernando Pessoa
Dina Baptista
 
A formosura desta fresca serra
A formosura desta fresca serraA formosura desta fresca serra
A formosura desta fresca serra
Helena Coutinho
 
A Dopagem e os riscos de vida e saúde
A Dopagem e os riscos de vida e saúdeA Dopagem e os riscos de vida e saúde
A Dopagem e os riscos de vida e saúde
Diogo Silva
 
Fatores de risco associados ã  prã¡tica das atividades fisicas
Fatores de risco associados ã  prã¡tica das atividades fisicasFatores de risco associados ã  prã¡tica das atividades fisicas
Fatores de risco associados ã  prã¡tica das atividades fisicas
Soraya Filipa
 
Fatores de saúde e riscos associados à prática das actividades físicas
Fatores de saúde e riscos associados à prática das actividades físicasFatores de saúde e riscos associados à prática das actividades físicas
Fatores de saúde e riscos associados à prática das actividades físicas
Flávia Marques
 
Aquela triste e leda madrugada
Aquela triste e leda madrugadaAquela triste e leda madrugada
Aquela triste e leda madrugada
Helena Coutinho
 
Interatividade
InteratividadeInteratividade
Interatividade
Domingos Andrade
 

Mais procurados (20)

Comunicação
ComunicaçãoComunicação
Comunicação
 
Como fazer uma apresentação oral?
Como fazer uma apresentação oral?Como fazer uma apresentação oral?
Como fazer uma apresentação oral?
 
Educação e novas tecnologias slides
Educação e novas tecnologias slidesEducação e novas tecnologias slides
Educação e novas tecnologias slides
 
Coesão textual
Coesão textualCoesão textual
Coesão textual
 
Inteligência Artificial
Inteligência ArtificialInteligência Artificial
Inteligência Artificial
 
A internet
A internetA internet
A internet
 
TIC no mundo do Trabalho
TIC no mundo do TrabalhoTIC no mundo do Trabalho
TIC no mundo do Trabalho
 
Impacto da tecnologia no mundo do trabalho
Impacto da tecnologia no mundo do trabalhoImpacto da tecnologia no mundo do trabalho
Impacto da tecnologia no mundo do trabalho
 
Evolução da Tecnologia
Evolução da TecnologiaEvolução da Tecnologia
Evolução da Tecnologia
 
Violência VS. Espírito Desportivo
Violência VS. Espírito DesportivoViolência VS. Espírito Desportivo
Violência VS. Espírito Desportivo
 
O heteronimo Alberto Caeiro
O heteronimo Alberto CaeiroO heteronimo Alberto Caeiro
O heteronimo Alberto Caeiro
 
Crónica de Costumes - Jantar dos Gouvarinho
Crónica de Costumes - Jantar dos Gouvarinho Crónica de Costumes - Jantar dos Gouvarinho
Crónica de Costumes - Jantar dos Gouvarinho
 
Tecnologias da Informacao E Comunicacao
Tecnologias da Informacao E ComunicacaoTecnologias da Informacao E Comunicacao
Tecnologias da Informacao E Comunicacao
 
Poema Liberdade, de Fernando Pessoa
Poema Liberdade, de Fernando PessoaPoema Liberdade, de Fernando Pessoa
Poema Liberdade, de Fernando Pessoa
 
A formosura desta fresca serra
A formosura desta fresca serraA formosura desta fresca serra
A formosura desta fresca serra
 
A Dopagem e os riscos de vida e saúde
A Dopagem e os riscos de vida e saúdeA Dopagem e os riscos de vida e saúde
A Dopagem e os riscos de vida e saúde
 
Fatores de risco associados ã  prã¡tica das atividades fisicas
Fatores de risco associados ã  prã¡tica das atividades fisicasFatores de risco associados ã  prã¡tica das atividades fisicas
Fatores de risco associados ã  prã¡tica das atividades fisicas
 
Fatores de saúde e riscos associados à prática das actividades físicas
Fatores de saúde e riscos associados à prática das actividades físicasFatores de saúde e riscos associados à prática das actividades físicas
Fatores de saúde e riscos associados à prática das actividades físicas
 
Aquela triste e leda madrugada
Aquela triste e leda madrugadaAquela triste e leda madrugada
Aquela triste e leda madrugada
 
Interatividade
InteratividadeInteratividade
Interatividade
 

Destaque

8 fazes do planejamento de sites
8 fazes do planejamento de sites8 fazes do planejamento de sites
8 fazes do planejamento de sites
Isaac Batista
 
Clube de roma e os limites do crescimento
Clube de roma e os limites do crescimentoClube de roma e os limites do crescimento
Clube de roma e os limites do crescimento
Marllus Lustosa
 
Guião de Sustentabilidade - Carta da Terra
Guião de Sustentabilidade - Carta da TerraGuião de Sustentabilidade - Carta da Terra
Guião de Sustentabilidade - Carta da Terra
Albertina Pereira
 
Criação de páginas web 1
Criação de páginas web 1Criação de páginas web 1
Criação de páginas web 1
arturramisio
 
3 planeamento, gestão de projectos e desenvolvimento participativo
3   planeamento, gestão de projectos e desenvolvimento participativo3   planeamento, gestão de projectos e desenvolvimento participativo
3 planeamento, gestão de projectos e desenvolvimento participativo
Universidade de Coimbra
 
Promação da Saúde
Promação da SaúdePromação da Saúde
Promação da Saúde
feraps
 
Etapas de desenvolvimento de um website
Etapas de desenvolvimento de um websiteEtapas de desenvolvimento de um website
Etapas de desenvolvimento de um website
Rafael Marques
 
Projeto de WEB Site
Projeto de WEB SiteProjeto de WEB Site
Projeto de WEB Site
Ailton Adriano
 
Desenvolvimento SustentáVel
Desenvolvimento SustentáVelDesenvolvimento SustentáVel
Desenvolvimento SustentáVel
Niise
 

Destaque (9)

8 fazes do planejamento de sites
8 fazes do planejamento de sites8 fazes do planejamento de sites
8 fazes do planejamento de sites
 
Clube de roma e os limites do crescimento
Clube de roma e os limites do crescimentoClube de roma e os limites do crescimento
Clube de roma e os limites do crescimento
 
Guião de Sustentabilidade - Carta da Terra
Guião de Sustentabilidade - Carta da TerraGuião de Sustentabilidade - Carta da Terra
Guião de Sustentabilidade - Carta da Terra
 
Criação de páginas web 1
Criação de páginas web 1Criação de páginas web 1
Criação de páginas web 1
 
3 planeamento, gestão de projectos e desenvolvimento participativo
3   planeamento, gestão de projectos e desenvolvimento participativo3   planeamento, gestão de projectos e desenvolvimento participativo
3 planeamento, gestão de projectos e desenvolvimento participativo
 
Promação da Saúde
Promação da SaúdePromação da Saúde
Promação da Saúde
 
Etapas de desenvolvimento de um website
Etapas de desenvolvimento de um websiteEtapas de desenvolvimento de um website
Etapas de desenvolvimento de um website
 
Projeto de WEB Site
Projeto de WEB SiteProjeto de WEB Site
Projeto de WEB Site
 
Desenvolvimento SustentáVel
Desenvolvimento SustentáVelDesenvolvimento SustentáVel
Desenvolvimento SustentáVel
 

Semelhante a Guia da Gestão de Projectos Web

Introdução ao web design
Introdução ao web designIntrodução ao web design
Introdução ao web design
Carla Suelen
 
Projetos Web - Estratégia de projeto
Projetos Web - Estratégia de projetoProjetos Web - Estratégia de projeto
Projetos Web - Estratégia de projeto
Odair Cavichioli
 
Curso web faveni aula 27
Curso web faveni aula 27Curso web faveni aula 27
Curso web faveni aula 27
Luis Marcelo Zanlucki
 
Aprenda a ser um webmaster
Aprenda a ser um webmasterAprenda a ser um webmaster
Aprenda a ser um webmaster
Jeferson Souza
 
Aula 1 - Desenvolvimento do leiaute (1).pdf
Aula 1 - Desenvolvimento do leiaute (1).pdfAula 1 - Desenvolvimento do leiaute (1).pdf
Aula 1 - Desenvolvimento do leiaute (1).pdf
ssuser595b1e1
 
Como criar um site inteligente e que ajuda sua empresa a vender?
 Como criar um site inteligente e que ajuda sua empresa a vender? Como criar um site inteligente e que ajuda sua empresa a vender?
Como criar um site inteligente e que ajuda sua empresa a vender?
Silvio César de Oliveira
 
Desenvolvimento de Sites V.2
Desenvolvimento de Sites V.2Desenvolvimento de Sites V.2
Desenvolvimento de Sites V.2
Patricia Mallmann
 
Usabilidade Conceitos Centrais
Usabilidade Conceitos CentraisUsabilidade Conceitos Centrais
Usabilidade Conceitos Centrais
Jose Claudio Terra
 
Usabilidade Conceitos Centrais
Usabilidade  Conceitos CentraisUsabilidade  Conceitos Centrais
Usabilidade Conceitos Centrais
Carlos Franco
 
Desenvolvimento de Sites
Desenvolvimento de SitesDesenvolvimento de Sites
Desenvolvimento de Sites
Patricia Mallmann
 
Artigo papel do web designer
Artigo papel do web designerArtigo papel do web designer
Artigo papel do web designer
Jonathan Prateat
 
Como fazer um site
Como fazer um siteComo fazer um site
E book Design - Presença Digital
E book  Design - Presença DigitalE book  Design - Presença Digital
E book Design - Presença Digital
Marcel Bozza
 
Princípios de marketing de rede e marketing de artigos
Princípios de marketing de rede e marketing de artigosPrincípios de marketing de rede e marketing de artigos
Princípios de marketing de rede e marketing de artigos
reis zereis
 
Responsive wordpress
Responsive wordpressResponsive wordpress
Responsive wordpress
Jackson F. de A. Mafra
 
O Arquiteto da Informacao
O Arquiteto da Informacao O Arquiteto da Informacao
O Arquiteto da Informacao
Carlos Franco
 
Palestra Dariva Portais Corporativos
Palestra Dariva Portais CorporativosPalestra Dariva Portais Corporativos
Palestra Dariva Portais Corporativos
Roberto Dariva
 
inteComo criar um site passo a passo
inteComo criar um site   passo a passointeComo criar um site   passo a passo
inteComo criar um site passo a passo
Senior Consultoria em Gestão e Marketing
 
Workshop de SEO para Startups
Workshop  de SEO para StartupsWorkshop  de SEO para Startups
Workshop de SEO para Startups
Glaucia Almeida Reis
 
Conteúdo - Web Design Aplicado ao Soft Marketing
Conteúdo - Web Design Aplicado ao Soft MarketingConteúdo - Web Design Aplicado ao Soft Marketing
Conteúdo - Web Design Aplicado ao Soft Marketing
Ponto Final Design
 

Semelhante a Guia da Gestão de Projectos Web (20)

Introdução ao web design
Introdução ao web designIntrodução ao web design
Introdução ao web design
 
Projetos Web - Estratégia de projeto
Projetos Web - Estratégia de projetoProjetos Web - Estratégia de projeto
Projetos Web - Estratégia de projeto
 
Curso web faveni aula 27
Curso web faveni aula 27Curso web faveni aula 27
Curso web faveni aula 27
 
Aprenda a ser um webmaster
Aprenda a ser um webmasterAprenda a ser um webmaster
Aprenda a ser um webmaster
 
Aula 1 - Desenvolvimento do leiaute (1).pdf
Aula 1 - Desenvolvimento do leiaute (1).pdfAula 1 - Desenvolvimento do leiaute (1).pdf
Aula 1 - Desenvolvimento do leiaute (1).pdf
 
Como criar um site inteligente e que ajuda sua empresa a vender?
 Como criar um site inteligente e que ajuda sua empresa a vender? Como criar um site inteligente e que ajuda sua empresa a vender?
Como criar um site inteligente e que ajuda sua empresa a vender?
 
Desenvolvimento de Sites V.2
Desenvolvimento de Sites V.2Desenvolvimento de Sites V.2
Desenvolvimento de Sites V.2
 
Usabilidade Conceitos Centrais
Usabilidade Conceitos CentraisUsabilidade Conceitos Centrais
Usabilidade Conceitos Centrais
 
Usabilidade Conceitos Centrais
Usabilidade  Conceitos CentraisUsabilidade  Conceitos Centrais
Usabilidade Conceitos Centrais
 
Desenvolvimento de Sites
Desenvolvimento de SitesDesenvolvimento de Sites
Desenvolvimento de Sites
 
Artigo papel do web designer
Artigo papel do web designerArtigo papel do web designer
Artigo papel do web designer
 
Como fazer um site
Como fazer um siteComo fazer um site
Como fazer um site
 
E book Design - Presença Digital
E book  Design - Presença DigitalE book  Design - Presença Digital
E book Design - Presença Digital
 
Princípios de marketing de rede e marketing de artigos
Princípios de marketing de rede e marketing de artigosPrincípios de marketing de rede e marketing de artigos
Princípios de marketing de rede e marketing de artigos
 
Responsive wordpress
Responsive wordpressResponsive wordpress
Responsive wordpress
 
O Arquiteto da Informacao
O Arquiteto da Informacao O Arquiteto da Informacao
O Arquiteto da Informacao
 
Palestra Dariva Portais Corporativos
Palestra Dariva Portais CorporativosPalestra Dariva Portais Corporativos
Palestra Dariva Portais Corporativos
 
inteComo criar um site passo a passo
inteComo criar um site   passo a passointeComo criar um site   passo a passo
inteComo criar um site passo a passo
 
Workshop de SEO para Startups
Workshop  de SEO para StartupsWorkshop  de SEO para Startups
Workshop de SEO para Startups
 
Conteúdo - Web Design Aplicado ao Soft Marketing
Conteúdo - Web Design Aplicado ao Soft MarketingConteúdo - Web Design Aplicado ao Soft Marketing
Conteúdo - Web Design Aplicado ao Soft Marketing
 

Mais de Arlindo Santos

Marketing Digital: tendências e estratégias
Marketing Digital: tendências e estratégiasMarketing Digital: tendências e estratégias
Marketing Digital: tendências e estratégias
Arlindo Santos
 
Mobile marketing
Mobile marketingMobile marketing
Mobile marketing
Arlindo Santos
 
Temas dos trabalhos práticos
Temas dos trabalhos práticosTemas dos trabalhos práticos
Temas dos trabalhos práticos
Arlindo Santos
 
Documento sobre o curso técnico superior profissional de Comunicação Digital
Documento sobre o curso técnico superior profissional de Comunicação DigitalDocumento sobre o curso técnico superior profissional de Comunicação Digital
Documento sobre o curso técnico superior profissional de Comunicação Digital
Arlindo Santos
 
Conhecer os clientes e influenciadores
Conhecer os clientes e influenciadoresConhecer os clientes e influenciadores
Conhecer os clientes e influenciadores
Arlindo Santos
 
Workshop sobre o Prezi na Escola Secundária de Valpaços
Workshop sobre o Prezi na Escola Secundária de ValpaçosWorkshop sobre o Prezi na Escola Secundária de Valpaços
Workshop sobre o Prezi na Escola Secundária de Valpaços
Arlindo Santos
 
Dtd
DtdDtd
Gestão web sites - visão para além das questões técnicas
Gestão web sites  - visão para além das questões técnicasGestão web sites  - visão para além das questões técnicas
Gestão web sites - visão para além das questões técnicas
Arlindo Santos
 
Cakephp - framework de desenvolvimento de aplicações Web em PHP
Cakephp - framework de desenvolvimento de aplicações Web em PHPCakephp - framework de desenvolvimento de aplicações Web em PHP
Cakephp - framework de desenvolvimento de aplicações Web em PHP
Arlindo Santos
 
Frameworks de desenvolvimento web
Frameworks de desenvolvimento webFrameworks de desenvolvimento web
Frameworks de desenvolvimento web
Arlindo Santos
 
Motivação para a multimédia
Motivação para a multimédiaMotivação para a multimédia
Motivação para a multimédia
Arlindo Santos
 
Arduino
ArduinoArduino

Mais de Arlindo Santos (12)

Marketing Digital: tendências e estratégias
Marketing Digital: tendências e estratégiasMarketing Digital: tendências e estratégias
Marketing Digital: tendências e estratégias
 
Mobile marketing
Mobile marketingMobile marketing
Mobile marketing
 
Temas dos trabalhos práticos
Temas dos trabalhos práticosTemas dos trabalhos práticos
Temas dos trabalhos práticos
 
Documento sobre o curso técnico superior profissional de Comunicação Digital
Documento sobre o curso técnico superior profissional de Comunicação DigitalDocumento sobre o curso técnico superior profissional de Comunicação Digital
Documento sobre o curso técnico superior profissional de Comunicação Digital
 
Conhecer os clientes e influenciadores
Conhecer os clientes e influenciadoresConhecer os clientes e influenciadores
Conhecer os clientes e influenciadores
 
Workshop sobre o Prezi na Escola Secundária de Valpaços
Workshop sobre o Prezi na Escola Secundária de ValpaçosWorkshop sobre o Prezi na Escola Secundária de Valpaços
Workshop sobre o Prezi na Escola Secundária de Valpaços
 
Dtd
DtdDtd
Dtd
 
Gestão web sites - visão para além das questões técnicas
Gestão web sites  - visão para além das questões técnicasGestão web sites  - visão para além das questões técnicas
Gestão web sites - visão para além das questões técnicas
 
Cakephp - framework de desenvolvimento de aplicações Web em PHP
Cakephp - framework de desenvolvimento de aplicações Web em PHPCakephp - framework de desenvolvimento de aplicações Web em PHP
Cakephp - framework de desenvolvimento de aplicações Web em PHP
 
Frameworks de desenvolvimento web
Frameworks de desenvolvimento webFrameworks de desenvolvimento web
Frameworks de desenvolvimento web
 
Motivação para a multimédia
Motivação para a multimédiaMotivação para a multimédia
Motivação para a multimédia
 
Arduino
ArduinoArduino
Arduino
 

Guia da Gestão de Projectos Web

  • 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. Objectivo: Construir e actualizar web sites. Trabalhar para a Web é complexo e requer boa coordenação. Estamos a oferecer um produto ao PÚBLICO! Noções Introdutórias
  • 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. Planificação Qual o objectivo do projecto? Construir um novo Web Site? Actualização? Comparar? Por exemplo, Microsoft.com e Sun.com reconstruíram diversas vezes. Para determinar se a organização necessita de construir um Web site novo, deve-se avaliar o actual, e compará-lo com outros.
  • 5. Planificação Avaliação: Consistente? É consistente com a imagem corporativa? Folhetos, cabeçalho, cartões de negócio, etc. O aspecto de cada página é consistente com outras páginas? Organização? Não está dividido em mais do que 7 secções? O utilizador processa informações em grupos de 3 a 7. Navegação? “ Sei onde estou?” “ Sei para onde vou?” Encontrar a informações facilmente? Ajuda à navegação? É simples? A audiência testou o site? Gostou?
  • 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. Planificação Comparação com outros Web sites Construir um novo site evita perda de tempo e esforço. Renovar um Web Site é realmente mais difícil do que criar um inteiramente. 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… " Shoba Narayan, "Projects From Hell and the Wisdom They Bring“ Internet World: www.internetworld.com/print/1997/10/27/undercon/19971027-projects.html
  • 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. 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. 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. Planificação Identificar o tipo de personalidade do responsável Ego Orientado aos resultados Relacionamento Minucioso Seja inspirador Conte histórias boas Seja entusiástico Seja optimista Seja flexível Deixe as discussões Divirta Seja alegre ao invés de pensar em negócio Escreva relatórios bons. Ponha detalhes por escrito depois da reunião Ilustrar com imagens, coloridas, gráficos Elogio-o Estabeleça contacto pessoal Seja um amigo íntimo Seja decisivo Disponibilizar opções e recomendar uma Mostrar resultados Mostrar exactamente como os outros clientes foram ajudados, e o que ele pode esperar Seja persistente Persuasivo Adquira consenso Buscar harmonia Evite conflito Cultivar a relação pessoal Torne-se um confidente Obtenha o compromisso Seja cooperante Faça sugestões Tenha um documento com tudo detalhado Esteja limpo Tenha certeza de que tudo está ordenado e preciso Mostre conhecimento Evidencie qualidade Faça bom rapidamente Dê garantias Ponha garantias por escrito Use a lógica Mostrar exemplos Faça planos detalhados Seja consistente
  • 12. Planificação Seleccionar a equipa de trabalho Construir um Web site envolve várias disciplinas! Coordenador Responsável pela organização do conteúdo Planificação do plano de trabalho Coordenação Ter alguma experiência na publicação de Web Sites, mas não é mais importante Gestão do projecto Organizar a informação Programador Web Criação das páginas Ter conhecimentos de linguagem e tecnologias Web Web Design Criador da interface Web Criação e tratamento da informação gráfica Editor Escreve o texto e edita-o para ser claro e conciso Os programadores Web encorparam o texto Técnico Certifica-se de que o Web server, os formulários e a funcionalidade do Web site São tipicamente administradores de rede Coordenador Web Site Organização Técnico Web designer Editor Programador Web Programador Web
  • 13. Planificação Determinar o tamanho da equipa de trabalho Muitas pessoas a trabalhar no projecto alargam os prazos. Requerem maior poder de organização e gestão. 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. Entretanto, uma pessoa não pode fazer tudo! Pessoas que dominam várias disciplinas são raras!
  • 14. Planificação Determinar se a ajuda exterior é necessário Para construir um Web site, a maioria das organizações requerem alguma ajuda externa. Hospedagem Design …
  • 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. Planificação Antes de começar é bom realizar uma reunião inicial com todos os intervenientes. Explicar o processo. Controlar expectativas. Identificar claramente o público. Propósito do projecto. Identificar o critério do sucesso do site. Documentar e assinar todas as aprovações. Os aspectos logísticos básicos como o tempo, pessoas e dinheiro devem ser considerados. Quando o site deve estar finalizado? Quantas horas faz cada membro da equipa tem que trabalhar no projecto? Quanto dinheiro é incluído no orçamento para o projecto? Antes de projectar fazer …
  • 17. Planificação Escolher o software: De desenvolvimento Adobe GoLive Macromedia Dreamweaver Microsoft FrontPage NetObjects Fusion De design Adobe Photoshop JASC Paint Shop Pro Maromedia Fireworks Antes de projectar fazer …
  • 18. Planificação Algumas organizações têm necessidades publicar web sites extensos. Necessitam colocar milhares das páginas, ou as centenas do actualizações das páginas por dia. 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. As aplicações tendem a ser caros. Requerem a configuração profissional e instalação no web server. Exemplos: Interwoven - www.interwoven.com Merant - www.merant.com/pvcs Tecnologias Reedy Do Creek - www.reedycreek.com Versifi - www.versifi.COM Dispatch - www.dispatch.net Vignette - www.vignette.com Antes de projectar fazer …
  • 19. Estudo/Aprendizagem Adquirir livros para auto-formação e ajuda continuada. Formação através da Web. Cursos de formação – maiores custos mas com melhores resultados. Tópicos relevantes para a formação para o desenvolvimento: Básico Configurar um Web site Formatação de texto Criação de hyperlinks Inserir gráficos Criar um istema de navegação Estrutura e navegação Estrutura das páginas com tabelas Criar barras de navegação Adicionar subsecções Colocar tabelas dentro de tabelas Uso de frames Planear a formação Utilidades Abrir um Web Site criado Procurar e modificar texto Correcção de texto Inserir as tags META Alterar o código HTML Interactividade Criar formulários Usar CSS Usar Templates Upload o Web Site para o Servidor
  • 20. Estudo/Aprendizagem Tópicos relevantes para a formação para o grafismo: Básico GIF versus JPEG Criar GIFs Criar JPEGs Redimensionar gráficos Cortar gráficos Optimizar gráficos Formatação Reduzir a palete de cores do GIF Ajustar o binómio qualidade/tamanho do ficheiro Construir GIFs transparentes Optimizar os gráficos para a Web Ajustar o brilho e o contraste Planear a formação Criação de gráficos Criar texto Desenhar, pintar Cortar, apagfar, modificar Criar camadas Retocar
  • 21. Estudo/Aprendizagem Tópicos relevantes para a formação para o planeamento e usabilidade: Planeamento Identificar o público e o objecto do Site Recursos existentes e a adquirir Organização Criar um plano de trabalho Recolher e organizar o conteúdo do Site qualidade/tamanho do ficheiro Construir GIFs transparentes Optimizar os gráficos para a Web Ajustar o brilho e o contraste Planear a formação Construção Proceder de acordo com o plano de trabalho Coordenar a equipa de produção Testar e rever o site Usabilidade Claro e conciso Agrupar informação Assegura a impressão Manutenção Estabelecer procedimentos para que o site seja actualizado
  • 22. Estudo/Aprendizagem Planear a formação Cada membro da equipa ser familiarizar-se com: Criação de pastas Extensões dos ficheiros Windows Explorer Processamento de texto 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. O técnico da equipa deve ser familiar com: O programa de desenvolvimento e saber criar gráficos Web A codificação e programação, HTML e formação em JavaScript Os princípios da administração do web server, como como upload, instalação, configuração um formulário do E-mail, etc Segurança
  • 23. Estudo/Aprendizagem Planear a formação Fornecer oportunidades para praticar Web site com qualidade não pode ser aprendidas em meia dúzia de dias! Aprende-se trabalhando! Há diversos Web Sites de ajuda Webmonkey (www.webmonkey.com) EchoEcho (www.echoecho.com) Projet Cool (www.projectcool.com)
  • 24. Organização Especificar a informação do Site Com os aspectos logísticos resolvidos coloca-se uma questão: "o que deve ser colocado no Web Site?” Começa-se então pelo brainstorm. Brainstorm Todos os membros da equipa devem se encontrar-se e discutir em conjunto sem interrupção Todos propõem ideias sobre o que se pode fazer e incluir Escrever todas as ideias propostas Avaliação O coordenador faz exame da lista de ideias propostas e avalia cada uma de acordo com o publico e finalidade Exame A única maneira de testar é contactar o público real Selecciona-se um grupo de teste e apresenta-se a lista para o público discutir Aprovação Mostrar o resultado do trabalho anterior ao elemento responsável da entidade cliente Fazer todas as mudanças necessárias Assinar um documento de aprovação!
  • 25. Organização Estruturar o conteúdo Compreender a importância da estrutura nos Web Sites. A finalidade de um Web Site é apresentar de forma lógica uma estrutura organizada e facilidade na pesquisa da informação desejada. Nos meios tradicionais, tais como livros e vídeo, a informação é visualizada como uma sequencia. 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. Os Web Sites são documentos com uma estrutura hipermedia Mostram aos utilizadores onde estão, e onde podem.
  • 26. Organização Estruturar o conteúdo A usabilidade está a tornar reconhecida como o factor mais importante no sucesso de Web sites. Um Web Site pode ser bonito e conter a melhor tecnologia, mas se não for amigável… 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." www.usableweb.com www.useit.com/alertbox
  • 27. Organização Estruturar o conteúdo Mas pose usar outro tipo de critério para agrupar os conteúdos. Pode-se também usar vários modelos de estrutura. Orientado ao objecto Escola Professores Alunos Orientado à tarefa Matriculas Curso Exames
  • 28. Organização Estruturar o conteúdo Uma vez criado a estrutura deve-se mostrar à audiência. Todos os grupos são necessários? Existe algum conteúdo que é necessário incluir? A estrutura faz sentido? A aprovação por parte da organização deve-se finalmente ser requerida.
  • 29. Organização Criar um plano de trabalho O Plano mostra como o trabalho deve prosseguir. Para criá-la, o coordenador encontra-se com os outros membros da equipa para definir as tarefas de cada um. Definir as regras e as responsabilidades. O coordenador inclui em seguida: Uma lista de tarefa. Agenda das tarefas. Pontos de controlo.
  • 30. Desenvolvimento Criação da estrutura gráfica Criar o grafismo da home page (página principal). Porta de entrada. Factores a considerar pelo Designer: A audiência Objectivos Estrutura de navegação Identidade visual existente O tamanho do Web Site 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. Desenvolvimento Criação da estrutura gráfica Depois da aprovação da home page, cria o grafismo das outras secções. Incorporar os princípios da usabilidade.
  • 32. Desenvolvimento Preparar o conteúdo Criar um documento digital com todo o conteúdo a partir de várias fontes. O editor da equipa faz exame do texto recolhido. Edita-os, e reduz para aproximadamente metade do seu comprimento original. Porquê? A leitura num Web Site é diferente da leitura no papel. 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. Provérbio: Quanto mais palavras, menos as recordamos.
  • 33. Desenvolvimento Implementação Criar o Web Site de acordo com o plano de trabalho. Usar modelos (templates), de modo a dar consistência. Usar estilos predefinidos. O projecto e a navegação devem ser consistentes. Diferentes secções, a mesma navegação. Clarificar a navegação. Um Web Site pode variar quando visto em computadores diferentes. Para assegurar-se a consistência, ver em diferentes: Plataformas (Windows, Mac, Unix) Browsers (Internet Explorer, Netscape Navigator) Resoluções normas de acessibilidade www.cast.org/bobby
  • 34. Desenvolvimento Testar a audiência Configurar o teste Arranjar um grupo de teste. Evitar distracções. Antes do teste definir tarefas, e indicar a informação que devem encontrar. Conduzir o teste Durante 20 – 40 minutos. Cada membro anota as ocorrências e a explicação da execução de determinada acção. De preferência não fornecer ajuda. Usar os resultados!
  • 35. Desenvolvimento Testar a audiência Exemplo de um formulário para testar a audiência. 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. Desenvolvimento Colocar o Web Site no ar! Rever o Web Site Obter a aprovação Upload do Web Site
  • 37. Manutenção Definir as regar de estrutura e desenho Nenhum Web Site deve ser abandonado. Assegurar que as actualizações são consistentes. Definir regras como: Como o logotipo deve ser incluído. Que cores e fontes devem ser usadas. Como a navegação e o conteúdo deve ser estruturado. Incluir a estrutura de navegação
  • 38. Manutenção Agendar as actualizações Quais as secções e páginas necessitam de ser actualizadas? Qual o timing ? Diário, semanal, mensalmente, anual, …
  • 39. Manutenção Agendar as actualizações
  • 40. Manutenção Agendar as actualizações
  • 41. E muito mais ficou por falar!