SlideShare una empresa de Scribd logo
1 de 27
Web 1.0
           Prof. Me. Marcelo Träsel
Comunicação Digital em Publicidade e Propaganda
              Famecos/PUCRS
1996
1997
Boletim por e-mail
Site e hotsite
Arquitetura da
           informação
• Projeto da estrutura de um site, calcado na
  estrutura do mesmo. É a base para a colocação
  do conteúdo depois e por isso deve ser
  planejado de acordo com o que o site terá.
• Orienta a organização das páginas, navegação do
  usuário e hierarquia interna do site.
• Detalhe: apesar da hierarquia, vale pra atrações
  do site, INDEPENDENTE DA CAPA
Usabilidade

• Aplicação da interface na prática, uso dado
  pelo usuário.
• Usabilidade é definida como a forma pela
  qual um site/CD-Rom é bem usado e bem
  aceito.
• Interface simples e até mesmo feinha não
  significa que o site não tenha boa usabilidade.
Jakob Nielsen

• Ser fácil de aprender
• Eficiência no uso
• Capacidade de guardar os caminhos
  realizados
• Sem erros ou caminhos perdidos
• Satisfação para o leitor
Banner
Mensuração
• Page view: visualização de página; cada vez
  que um documento HTML é carregado por
  um navegador.
• Unique visitor: acesso provindo de um IP
  específico num determinado intervalo de
  tempo.
• Visit length: tempo médio que cada unique
  visitor passa em uma página.
• CPM: custo por mil impressões.
Web 1.0 é...
•   Páginas estáticas;    •   Mailings;

•   Diretórios;           •   Mídia física;

•   Repositórios;         •   Software em versões;

•   Portais;              •   Processamento e
                              armazenamento local.
•   Banners & hotsites;

Más contenido relacionado

La actualidad más candente (7)

Aula 5. frameworks mobile
Aula 5. frameworks mobileAula 5. frameworks mobile
Aula 5. frameworks mobile
 
Desenvolvimento Web com ASP.NET 4
Desenvolvimento Web com ASP.NET 4Desenvolvimento Web com ASP.NET 4
Desenvolvimento Web com ASP.NET 4
 
HTML5
HTML5 HTML5
HTML5
 
Netzei - Pitch Deck
Netzei - Pitch DeckNetzei - Pitch Deck
Netzei - Pitch Deck
 
Otimização de Websites para Ganho de Performance & Resiliência
Otimização de Websites para Ganho de Performance & ResiliênciaOtimização de Websites para Ganho de Performance & Resiliência
Otimização de Websites para Ganho de Performance & Resiliência
 
Curso HTML 5 - Aula Inicial
Curso HTML 5 - Aula InicialCurso HTML 5 - Aula Inicial
Curso HTML 5 - Aula Inicial
 
Front-end o que é preciso saber?
Front-end o que é preciso saber?Front-end o que é preciso saber?
Front-end o que é preciso saber?
 

Destacado (7)

Web 1.0 vs web 2.0
Web 1.0 vs web 2.0Web 1.0 vs web 2.0
Web 1.0 vs web 2.0
 
Apresentando web 1.0
Apresentando web 1.0Apresentando web 1.0
Apresentando web 1.0
 
O surgimento e evolução da web
O surgimento e evolução da webO surgimento e evolução da web
O surgimento e evolução da web
 
A evolução da web: da Web 1.0 à Web 2.0
A evolução da web: da Web 1.0 à Web 2.0A evolução da web: da Web 1.0 à Web 2.0
A evolução da web: da Web 1.0 à Web 2.0
 
Web 2.0 x Web 1.0
Web 2.0 x Web 1.0Web 2.0 x Web 1.0
Web 2.0 x Web 1.0
 
Web 1.0 X Web 2.0
Web 1.0 X Web 2.0Web 1.0 X Web 2.0
Web 1.0 X Web 2.0
 
Ferramentas da WEB 2.0
Ferramentas da WEB 2.0Ferramentas da WEB 2.0
Ferramentas da WEB 2.0
 

Similar a Web 1.0

A usabilidade e_acessibilidade_nos_web_sites[1]
A usabilidade e_acessibilidade_nos_web_sites[1]A usabilidade e_acessibilidade_nos_web_sites[1]
A usabilidade e_acessibilidade_nos_web_sites[1]
José Marques
 
2010.1 - PUB5AN - Marketing Digital AULA 03
2010.1 - PUB5AN - Marketing Digital AULA 032010.1 - PUB5AN - Marketing Digital AULA 03
2010.1 - PUB5AN - Marketing Digital AULA 03
Neca Boullosa
 
Introducao desenvolvimento-web
Introducao desenvolvimento-webIntroducao desenvolvimento-web
Introducao desenvolvimento-web
Marcio Mota
 
Apresentação internet
Apresentação internetApresentação internet
Apresentação internet
ThomasCerpa
 

Similar a Web 1.0 (20)

Do MVP ao PWA, melhorando o engajamento com cliente na CVC
Do MVP ao PWA, melhorando o engajamento com cliente na CVCDo MVP ao PWA, melhorando o engajamento com cliente na CVC
Do MVP ao PWA, melhorando o engajamento com cliente na CVC
 
Laboratório Audivisual Hipermedia Aula3 4 13 22 03
Laboratório Audivisual Hipermedia Aula3 4 13 22 03Laboratório Audivisual Hipermedia Aula3 4 13 22 03
Laboratório Audivisual Hipermedia Aula3 4 13 22 03
 
A usabilidade e_acessibilidade_nos_web_sites[1]
A usabilidade e_acessibilidade_nos_web_sites[1]A usabilidade e_acessibilidade_nos_web_sites[1]
A usabilidade e_acessibilidade_nos_web_sites[1]
 
Usabilidade Web Alberane
Usabilidade Web AlberaneUsabilidade Web Alberane
Usabilidade Web Alberane
 
O que é Web Designer?
O que é Web Designer?O que é Web Designer?
O que é Web Designer?
 
Enriqueça seu site, faça a web trabalhar para você e crie experiências positivas
Enriqueça seu site, faça a web trabalhar para você e crie experiências positivasEnriqueça seu site, faça a web trabalhar para você e crie experiências positivas
Enriqueça seu site, faça a web trabalhar para você e crie experiências positivas
 
Criando aplicações web com tecnologias Microsoft
Criando aplicações web com tecnologias MicrosoftCriando aplicações web com tecnologias Microsoft
Criando aplicações web com tecnologias Microsoft
 
2010.1 - PUB5AN - Marketing Digital AULA 03
2010.1 - PUB5AN - Marketing Digital AULA 032010.1 - PUB5AN - Marketing Digital AULA 03
2010.1 - PUB5AN - Marketing Digital AULA 03
 
Engenharia Web
Engenharia WebEngenharia Web
Engenharia Web
 
Prototipagem Em Papel
Prototipagem Em PapelPrototipagem Em Papel
Prototipagem Em Papel
 
Regras e conceitos na criação de páginas Web
Regras e conceitos na criação de páginas WebRegras e conceitos na criação de páginas Web
Regras e conceitos na criação de páginas Web
 
Introducao desenvolvimento-web
Introducao desenvolvimento-webIntroducao desenvolvimento-web
Introducao desenvolvimento-web
 
Dream 01
Dream 01Dream 01
Dream 01
 
Dream 01
Dream 01Dream 01
Dream 01
 
Arquitetura da Informacao na WEB
Arquitetura da Informacao na WEBArquitetura da Informacao na WEB
Arquitetura da Informacao na WEB
 
Responsive Web Design
Responsive Web DesignResponsive Web Design
Responsive Web Design
 
Usabilidade Conceitos Centrais
Usabilidade Conceitos CentraisUsabilidade Conceitos Centrais
Usabilidade Conceitos Centrais
 
Usabilidade Conceitos Centrais
Usabilidade  Conceitos CentraisUsabilidade  Conceitos Centrais
Usabilidade Conceitos Centrais
 
Apresentação internet
Apresentação internetApresentação internet
Apresentação internet
 
Html - capitulo 04
Html - capitulo 04Html - capitulo 04
Html - capitulo 04
 

Más de trasel

Más de trasel (20)

Jornalismo guiado por dados
Jornalismo guiado por dadosJornalismo guiado por dados
Jornalismo guiado por dados
 
O que é o jornalismo guiado por dados?
O que é o jornalismo guiado por dados?O que é o jornalismo guiado por dados?
O que é o jornalismo guiado por dados?
 
Como identificar manipulações em redes sociais
Como identificar manipulações em redes sociaisComo identificar manipulações em redes sociais
Como identificar manipulações em redes sociais
 
Memoria
MemoriaMemoria
Memoria
 
Interação
InteraçãoInteração
Interação
 
Atualizacao continua
Atualizacao continuaAtualizacao continua
Atualizacao continua
 
Customização e personalização
Customização e personalizaçãoCustomização e personalização
Customização e personalização
 
Multimidialidade
MultimidialidadeMultimidialidade
Multimidialidade
 
Hipertextualidade
HipertextualidadeHipertextualidade
Hipertextualidade
 
Cibercultura e pensamento contemporâneo
Cibercultura e pensamento contemporâneoCibercultura e pensamento contemporâneo
Cibercultura e pensamento contemporâneo
 
Analise sites
Analise sitesAnalise sites
Analise sites
 
Reportagem Assistida por Computador
Reportagem Assistida por ComputadorReportagem Assistida por Computador
Reportagem Assistida por Computador
 
Arquitetura de informação e usabilidade
Arquitetura de informação e usabilidadeArquitetura de informação e usabilidade
Arquitetura de informação e usabilidade
 
Não se faz mais comunicação como antigamente
Não se faz mais comunicação como antigamenteNão se faz mais comunicação como antigamente
Não se faz mais comunicação como antigamente
 
O leitor virtual
O leitor virtualO leitor virtual
O leitor virtual
 
O caso do blog da Petrobras
O caso do blog da PetrobrasO caso do blog da Petrobras
O caso do blog da Petrobras
 
Hipertexto
HipertextoHipertexto
Hipertexto
 
Jornalismo Online
Jornalismo OnlineJornalismo Online
Jornalismo Online
 
Impacto das mídias sociais
Impacto das mídias sociaisImpacto das mídias sociais
Impacto das mídias sociais
 
Marketing boca-a-boca
Marketing boca-a-bocaMarketing boca-a-boca
Marketing boca-a-boca
 

Último

Responde ou passa na HISTÓRIA - REVOLUÇÃO INDUSTRIAL - 8º ANO.pptx
Responde ou passa na HISTÓRIA - REVOLUÇÃO INDUSTRIAL - 8º ANO.pptxResponde ou passa na HISTÓRIA - REVOLUÇÃO INDUSTRIAL - 8º ANO.pptx
Responde ou passa na HISTÓRIA - REVOLUÇÃO INDUSTRIAL - 8º ANO.pptx
AntonioVieira539017
 
PROJETO DE EXTENSÃO I - TECNOLOGIA DA INFORMAÇÃO Relatório Final de Atividade...
PROJETO DE EXTENSÃO I - TECNOLOGIA DA INFORMAÇÃO Relatório Final de Atividade...PROJETO DE EXTENSÃO I - TECNOLOGIA DA INFORMAÇÃO Relatório Final de Atividade...
PROJETO DE EXTENSÃO I - TECNOLOGIA DA INFORMAÇÃO Relatório Final de Atividade...
HELENO FAVACHO
 
19- Pedagogia (60 mapas mentais) - Amostra.pdf
19- Pedagogia (60 mapas mentais) - Amostra.pdf19- Pedagogia (60 mapas mentais) - Amostra.pdf
19- Pedagogia (60 mapas mentais) - Amostra.pdf
marlene54545
 

Último (20)

Responde ou passa na HISTÓRIA - REVOLUÇÃO INDUSTRIAL - 8º ANO.pptx
Responde ou passa na HISTÓRIA - REVOLUÇÃO INDUSTRIAL - 8º ANO.pptxResponde ou passa na HISTÓRIA - REVOLUÇÃO INDUSTRIAL - 8º ANO.pptx
Responde ou passa na HISTÓRIA - REVOLUÇÃO INDUSTRIAL - 8º ANO.pptx
 
Sistema de Bibliotecas UCS - Cantos do fim do século
Sistema de Bibliotecas UCS  - Cantos do fim do séculoSistema de Bibliotecas UCS  - Cantos do fim do século
Sistema de Bibliotecas UCS - Cantos do fim do século
 
PROJETO DE EXTENSÃO I - Radiologia Tecnologia
PROJETO DE EXTENSÃO I - Radiologia TecnologiaPROJETO DE EXTENSÃO I - Radiologia Tecnologia
PROJETO DE EXTENSÃO I - Radiologia Tecnologia
 
PROJETO DE EXTENÇÃO - GESTÃO DE RECURSOS HUMANOS.pdf
PROJETO DE EXTENÇÃO - GESTÃO DE RECURSOS HUMANOS.pdfPROJETO DE EXTENÇÃO - GESTÃO DE RECURSOS HUMANOS.pdf
PROJETO DE EXTENÇÃO - GESTÃO DE RECURSOS HUMANOS.pdf
 
Seminário Biologia e desenvolvimento da matrinxa.pptx
Seminário Biologia e desenvolvimento da matrinxa.pptxSeminário Biologia e desenvolvimento da matrinxa.pptx
Seminário Biologia e desenvolvimento da matrinxa.pptx
 
A Revolução Francesa. Liberdade, Igualdade e Fraternidade são os direitos que...
A Revolução Francesa. Liberdade, Igualdade e Fraternidade são os direitos que...A Revolução Francesa. Liberdade, Igualdade e Fraternidade são os direitos que...
A Revolução Francesa. Liberdade, Igualdade e Fraternidade são os direitos que...
 
EDUCAÇÃO ESPECIAL NA PERSPECTIVA INCLUSIVA
EDUCAÇÃO ESPECIAL NA PERSPECTIVA INCLUSIVAEDUCAÇÃO ESPECIAL NA PERSPECTIVA INCLUSIVA
EDUCAÇÃO ESPECIAL NA PERSPECTIVA INCLUSIVA
 
Slides Lição 6, CPAD, As Nossas Armas Espirituais, 2Tr24.pptx
Slides Lição 6, CPAD, As Nossas Armas Espirituais, 2Tr24.pptxSlides Lição 6, CPAD, As Nossas Armas Espirituais, 2Tr24.pptx
Slides Lição 6, CPAD, As Nossas Armas Espirituais, 2Tr24.pptx
 
PROJETO DE EXTENSÃO I - TECNOLOGIA DA INFORMAÇÃO Relatório Final de Atividade...
PROJETO DE EXTENSÃO I - TECNOLOGIA DA INFORMAÇÃO Relatório Final de Atividade...PROJETO DE EXTENSÃO I - TECNOLOGIA DA INFORMAÇÃO Relatório Final de Atividade...
PROJETO DE EXTENSÃO I - TECNOLOGIA DA INFORMAÇÃO Relatório Final de Atividade...
 
Conflitos entre: ISRAEL E PALESTINA.pdf
Conflitos entre:  ISRAEL E PALESTINA.pdfConflitos entre:  ISRAEL E PALESTINA.pdf
Conflitos entre: ISRAEL E PALESTINA.pdf
 
LENDA DA MANDIOCA - leitura e interpretação
LENDA DA MANDIOCA - leitura e interpretaçãoLENDA DA MANDIOCA - leitura e interpretação
LENDA DA MANDIOCA - leitura e interpretação
 
Aula 25 - A america espanhola - colonização, exploraçãp e trabalho (mita e en...
Aula 25 - A america espanhola - colonização, exploraçãp e trabalho (mita e en...Aula 25 - A america espanhola - colonização, exploraçãp e trabalho (mita e en...
Aula 25 - A america espanhola - colonização, exploraçãp e trabalho (mita e en...
 
Camadas da terra -Litosfera conteúdo 6º ano
Camadas da terra -Litosfera  conteúdo 6º anoCamadas da terra -Litosfera  conteúdo 6º ano
Camadas da terra -Litosfera conteúdo 6º ano
 
Slides Lição 6, Betel, Ordenança para uma vida de obediência e submissão.pptx
Slides Lição 6, Betel, Ordenança para uma vida de obediência e submissão.pptxSlides Lição 6, Betel, Ordenança para uma vida de obediência e submissão.pptx
Slides Lição 6, Betel, Ordenança para uma vida de obediência e submissão.pptx
 
PROJETO DE EXTENSÃO - EDUCAÇÃO FÍSICA BACHARELADO.pdf
PROJETO DE EXTENSÃO - EDUCAÇÃO FÍSICA BACHARELADO.pdfPROJETO DE EXTENSÃO - EDUCAÇÃO FÍSICA BACHARELADO.pdf
PROJETO DE EXTENSÃO - EDUCAÇÃO FÍSICA BACHARELADO.pdf
 
aula de bioquímica bioquímica dos carboidratos.ppt
aula de bioquímica bioquímica dos carboidratos.pptaula de bioquímica bioquímica dos carboidratos.ppt
aula de bioquímica bioquímica dos carboidratos.ppt
 
19- Pedagogia (60 mapas mentais) - Amostra.pdf
19- Pedagogia (60 mapas mentais) - Amostra.pdf19- Pedagogia (60 mapas mentais) - Amostra.pdf
19- Pedagogia (60 mapas mentais) - Amostra.pdf
 
GÊNERO CARTAZ - o que é, para que serve.pptx
GÊNERO CARTAZ - o que é, para que serve.pptxGÊNERO CARTAZ - o que é, para que serve.pptx
GÊNERO CARTAZ - o que é, para que serve.pptx
 
PROJETO DE EXTENSÃO I - AGRONOMIA.pdf AGRONOMIAAGRONOMIA
PROJETO DE EXTENSÃO I - AGRONOMIA.pdf AGRONOMIAAGRONOMIAPROJETO DE EXTENSÃO I - AGRONOMIA.pdf AGRONOMIAAGRONOMIA
PROJETO DE EXTENSÃO I - AGRONOMIA.pdf AGRONOMIAAGRONOMIA
 
E a chuva ... (Livro pedagógico para ser usado na educação infantil e trabal...
E a chuva ...  (Livro pedagógico para ser usado na educação infantil e trabal...E a chuva ...  (Livro pedagógico para ser usado na educação infantil e trabal...
E a chuva ... (Livro pedagógico para ser usado na educação infantil e trabal...
 

Web 1.0

  • 1. Web 1.0 Prof. Me. Marcelo Träsel Comunicação Digital em Publicidade e Propaganda Famecos/PUCRS
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 16.
  • 17.
  • 19.
  • 20. Arquitetura da informação • Projeto da estrutura de um site, calcado na estrutura do mesmo. É a base para a colocação do conteúdo depois e por isso deve ser planejado de acordo com o que o site terá. • Orienta a organização das páginas, navegação do usuário e hierarquia interna do site. • Detalhe: apesar da hierarquia, vale pra atrações do site, INDEPENDENTE DA CAPA
  • 21. Usabilidade • Aplicação da interface na prática, uso dado pelo usuário. • Usabilidade é definida como a forma pela qual um site/CD-Rom é bem usado e bem aceito. • Interface simples e até mesmo feinha não significa que o site não tenha boa usabilidade.
  • 22. Jakob Nielsen • Ser fácil de aprender • Eficiência no uso • Capacidade de guardar os caminhos realizados • Sem erros ou caminhos perdidos • Satisfação para o leitor
  • 24.
  • 25. Mensuração • Page view: visualização de página; cada vez que um documento HTML é carregado por um navegador. • Unique visitor: acesso provindo de um IP específico num determinado intervalo de tempo. • Visit length: tempo médio que cada unique visitor passa em uma página. • CPM: custo por mil impressões.
  • 26.
  • 27. Web 1.0 é... • Páginas estáticas; • Mailings; • Diretórios; • Mídia física; • Repositórios; • Software em versões; • Portais; • Processamento e armazenamento local. • Banners & hotsites;

Notas del editor