SlideShare ist ein Scribd-Unternehmen logo
1 von 26
Downloaden Sie, um offline zu lesen
Portais e Websites Institucionais
O termo “portal” seria exatamente uma porta de entrada ao abrangente e diversificado conteúdo da internet, “acolhido” por esse grande Website de forma total e organizada. Essa definição vestia com louvor, há alguns anos, mecanismos de busca como o yahoo! E o Metaminer.
O acelerado crescimento do setor provocou um  também intenso desenvolvimento dos primeiros “portais” de internet. Atualmente o termo “portal” designa um Website que agrega em si conteúdos produzidos dentro de seu próprio meio e também por terceiros, relacionados ao mais diversos assuntos: notícias, eventos esportivos, seções de humor etc.
Mas o portal, além de reunir conteúdo de interesse aos usuários, fornece também diversos serviços, como salas de bate-papo (chat), contas de e-mail, fóruns, mecanismos de buscas... Tudo com o único objetivo de gerar uma comunidade “fiel”.
Existem os: Portais Horizontais  – voltados a toda e qualquer pessoa que busque informações de interesse geral; Portais verticais  – geralmente destinados a um público preferido.
Convencionou-se chamar simplesmente de “portal” aquele grande e aparente infinito Website que agrega conteúdo diversificado (horizontais); já os portais verticais são denominados também  “portais segmentados”, ou seja, voltados a um determinado segmento ou público específico. As duas denominações são válidas
 
Websites Institucionais
Conveicionou-se segundo o livro Webdesign Teoria e Prática de Anielle Damasceno a denominação “Website Institucional” a todo e qualquer grande Website não-comercial, governamental ou não. Por exemplo, são Websites Institucionais sites de Universidades, portais de órgãos públicos, portais de cidades mantidos pelo governo, Websites de ONGs, dentre outros.
Websites institucionais podem ser definidos com uma transição entre o portal horizontal e vertical. Apesar de possuírem amplo conteúdo, de interesse geral, eles terminam por voltar-se apenas a determinados usuários, que visitam rapidamente estas páginas em busca de informações, em sua maioria.
A organização e diagramação visual de um Website institucional são idênticas à de um grande portal comercial obviamente, quando apresenta conteúdo para tal.
Design Geral de um Portal
Design Geral de um Portal
O layout de um Portal
Quando visitamos portais na Web percebemos claramente que eles seguem um padrão característico. Não é segredo que portais mais novos “copiam” o modelo de outros mais populares... e estes mesmos quando resolvem variar o visual, não fogem muito à antiga disposição.
Copiar Modelos? Jamais!!! Sou um Webdesigner criativo, não me prendo a moldes, dirá você, profissional mais crítico.
Obviamente nenhum designer deve prender-se a moldes (esse é um dos mandamentos do bom design). Mas o profissional precisa conhecer e entender par que seu trabalho obtenha resultados satisfatórios: o padrão.
A home page de um portal possui, realmente, os mesmos princípios básicos de disposição da primeira página de um jornal.
Os primeiros Webdesigners que idealizaram este formato não estavam criando, mas sim reproduzindo algo já consagrado, com algumas adaptações, logicamente. Especialmente nos complementos gráficos.
Existe uma diferença fundamental entre uma página de jornal e a home page de um portal. E não estamos falando das diferenças mais aparentes.
Enquanto um jornal é feito para ser “degustado”, um Website, mesmo que possua milhares de dados, deve ser otimizado para leitura rápida. Por um motivo muito simples: os usuários geralmente não têm paciência de ler conteúdos muito extensos na tela, ou procurar por itens “escondidos”. Um fator muito importante a ser ressaltado, também é que nem sempre organização correta é sinônimo de leitura facilitada.
Em alguns Websites com design maravilhoso, cuidado extremo quanto à escolha de fontes e imagens mas não satisfazem o usuário, porque simplesmente “empurram” conteúdo excessivo, fazendo com que o visitante se perca no meio de tantas informações.
O design de um portal, deve, fundamentalmente, ser criado de modo a transmitir a informação à primeira vista, de forma a fazer com que o leitor ou visitante entenda tudo o que aquela chamada pretende informar ou destacar à primeira observação, sem precisar navegar muitos níveis para “compreender porque aquela imagem está alí, afinal”.
Por que seguir um Padrão para os Portais?
A resposta é muito simples: os usuários já estão acostumados ao padrão vigente na Internet. Impor a eles outro modelo com alterações drásticas pode afugentá-los de seu site. Ainda não descobriram melhor organização para tão grande quantidade de informações.
Observe que, quando falamos em “padrão”, não estamos excluindo completamente as possibilidades de você inovar e incluir um novo elemento, ou ainda, variar o posicionamento do quadro principal de notícias do seu portal. Aliás, tal procedimento é plausível e Caracteriza um Website quando bem aplicado. Entretanto Resolver variar e trocar simplesmente o logotipo de lado, ou posicioná-lo no rodapé da página, por exemplo, pode ser uma atitude original e “rebelde”... mas nem sempre bem sucedida.

Weitere ähnliche Inhalte

Was ist angesagt?

Was ist angesagt? (17)

Blog
BlogBlog
Blog
 
Blogs
BlogsBlogs
Blogs
 
E-book Grátis vai te ensinar a Como ter um Blog de Sucesso
E-book Grátis vai te ensinar a Como ter um Blog de Sucesso E-book Grátis vai te ensinar a Como ter um Blog de Sucesso
E-book Grátis vai te ensinar a Como ter um Blog de Sucesso
 
Blog
BlogBlog
Blog
 
Alavancando a sua página
Alavancando a sua páginaAlavancando a sua página
Alavancando a sua página
 
Apresentação2
Apresentação2Apresentação2
Apresentação2
 
Olá eu sou o HG
Olá eu sou o HGOlá eu sou o HG
Olá eu sou o HG
 
Blog
BlogBlog
Blog
 
Blog
BlogBlog
Blog
 
Como comecar um blog de sucesso
Como comecar um blog de sucessoComo comecar um blog de sucesso
Como comecar um blog de sucesso
 
Redação web
Redação webRedação web
Redação web
 
Palestra - 113 Diretrizes de Nielsen para Homepages.
Palestra - 113 Diretrizes de Nielsen para Homepages.Palestra - 113 Diretrizes de Nielsen para Homepages.
Palestra - 113 Diretrizes de Nielsen para Homepages.
 
Como começar um blog de sucesso
Como começar um blog de sucessoComo começar um blog de sucesso
Como começar um blog de sucesso
 
Páginas digitais
Páginas digitaisPáginas digitais
Páginas digitais
 
[Portfólio Acadêmico] [FIT] Padrões de Interação - ATV-G
[Portfólio Acadêmico] [FIT] Padrões de Interação - ATV-G[Portfólio Acadêmico] [FIT] Padrões de Interação - ATV-G
[Portfólio Acadêmico] [FIT] Padrões de Interação - ATV-G
 
O guia para divulgacao gratuita de produtos na internet
O guia para divulgacao gratuita de produtos na internetO guia para divulgacao gratuita de produtos na internet
O guia para divulgacao gratuita de produtos na internet
 
Usabilidade Conceitos Centrais
Usabilidade  Conceitos CentraisUsabilidade  Conceitos Centrais
Usabilidade Conceitos Centrais
 

Ähnlich wie Portais E Websites

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).pdfssuser595b1e1
 
Artigo papel do web designer
Artigo papel do web designerArtigo papel do web designer
Artigo papel do web designerJonathan Prateat
 
Indústrias e marcas: Como tornar seu site imbatível
Indústrias e marcas: Como tornar seu site imbatívelIndústrias e marcas: Como tornar seu site imbatível
Indústrias e marcas: Como tornar seu site imbatívelArank
 
Alavancando a sua página
Alavancando a sua páginaAlavancando a sua página
Alavancando a sua páginaradsrads
 
Brazil - guia internet_marketing
Brazil - guia internet_marketingBrazil - guia internet_marketing
Brazil - guia internet_marketingStanley Domeniquini
 
[Brazil] guia internet_marketing (1)
[Brazil] guia internet_marketing (1)[Brazil] guia internet_marketing (1)
[Brazil] guia internet_marketing (1)Ricardo Belchior
 
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
 
Web 2.0 + Foco no Usuário
Web 2.0 + Foco no UsuárioWeb 2.0 + Foco no Usuário
Web 2.0 + Foco no Usuárioguest479a40
 
Oficina de WordPress - Semana de Comunicação Universidade Veiga de Almeida (S...
Oficina de WordPress - Semana de Comunicação Universidade Veiga de Almeida (S...Oficina de WordPress - Semana de Comunicação Universidade Veiga de Almeida (S...
Oficina de WordPress - Semana de Comunicação Universidade Veiga de Almeida (S...Guga Alves
 
Usabilidade Conceitos Centrais
Usabilidade Conceitos CentraisUsabilidade Conceitos Centrais
Usabilidade Conceitos CentraisJose Claudio Terra
 
E book Design - Presença Digital
E book  Design - Presença DigitalE book  Design - Presença Digital
E book Design - Presença DigitalMarcel Bozza
 
Artigos 10 Dicas Para Marketing Digital
Artigos  10 Dicas Para Marketing DigitalArtigos  10 Dicas Para Marketing Digital
Artigos 10 Dicas Para Marketing Digitalana
 
O que não pode faltar em um site?
O que não pode faltar em um site?O que não pode faltar em um site?
O que não pode faltar em um site?RedeHost
 
Introdução ao web design
Introdução ao web designIntrodução ao web design
Introdução ao web designCarla Suelen
 
14 dicas para construir “backlinks”
14 dicas para construir “backlinks”14 dicas para construir “backlinks”
14 dicas para construir “backlinks”Dália Simões
 
Aprenda a ser um webmaster
Aprenda a ser um webmasterAprenda a ser um webmaster
Aprenda a ser um webmasterJeferson Souza
 
Projetos Web - Estratégia de projeto
Projetos Web - Estratégia de projetoProjetos Web - Estratégia de projeto
Projetos Web - Estratégia de projetoOdair Cavichioli
 

Ähnlich wie Portais E Websites (20)

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
 
Artigo papel do web designer
Artigo papel do web designerArtigo papel do web designer
Artigo papel do web designer
 
Indústrias e marcas: Como tornar seu site imbatível
Indústrias e marcas: Como tornar seu site imbatívelIndústrias e marcas: Como tornar seu site imbatível
Indústrias e marcas: Como tornar seu site imbatível
 
Alavancando a sua página
Alavancando a sua páginaAlavancando a sua página
Alavancando a sua página
 
Brazil - guia internet_marketing
Brazil - guia internet_marketingBrazil - guia internet_marketing
Brazil - guia internet_marketing
 
[Brazil] guia internet_marketing (1)
[Brazil] guia internet_marketing (1)[Brazil] guia internet_marketing (1)
[Brazil] guia internet_marketing (1)
 
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?
 
Blog
BlogBlog
Blog
 
Web 2.0 + Foco no Usuário
Web 2.0 + Foco no UsuárioWeb 2.0 + Foco no Usuário
Web 2.0 + Foco no Usuário
 
Oficina de WordPress - Semana de Comunicação Universidade Veiga de Almeida (S...
Oficina de WordPress - Semana de Comunicação Universidade Veiga de Almeida (S...Oficina de WordPress - Semana de Comunicação Universidade Veiga de Almeida (S...
Oficina de WordPress - Semana de Comunicação Universidade Veiga de Almeida (S...
 
Projeto de WEB Site
Projeto de WEB SiteProjeto de WEB Site
Projeto de WEB Site
 
Usabilidade Conceitos Centrais
Usabilidade Conceitos CentraisUsabilidade Conceitos Centrais
Usabilidade Conceitos Centrais
 
E book Design - Presença Digital
E book  Design - Presença DigitalE book  Design - Presença Digital
E book Design - Presença Digital
 
Artigos 10 Dicas Para Marketing Digital
Artigos  10 Dicas Para Marketing DigitalArtigos  10 Dicas Para Marketing Digital
Artigos 10 Dicas Para Marketing Digital
 
O que não pode faltar em um site?
O que não pode faltar em um site?O que não pode faltar em um site?
O que não pode faltar em um site?
 
Introdução ao web design
Introdução ao web designIntrodução ao web design
Introdução ao web design
 
Satellite - Web 2.0
Satellite - Web 2.0Satellite - Web 2.0
Satellite - Web 2.0
 
14 dicas para construir “backlinks”
14 dicas para construir “backlinks”14 dicas para construir “backlinks”
14 dicas para construir “backlinks”
 
Aprenda a ser um webmaster
Aprenda a ser um webmasterAprenda a ser um webmaster
Aprenda a ser um webmaster
 
Projetos Web - Estratégia de projeto
Projetos Web - Estratégia de projetoProjetos Web - Estratégia de projeto
Projetos Web - Estratégia de projeto
 

Mehr von Fabiano Damiati

Mehr von Fabiano Damiati (20)

Certificado atividades complementares 01
Certificado atividades complementares 01Certificado atividades complementares 01
Certificado atividades complementares 01
 
Herr Strom - Ediction 2012 Buenos Aires
Herr Strom - Ediction 2012 Buenos AiresHerr Strom - Ediction 2012 Buenos Aires
Herr Strom - Ediction 2012 Buenos Aires
 
Vintage
VintageVintage
Vintage
 
Vintage
 Vintage Vintage
Vintage
 
Das Pinturas Rupestres à Hipermídia
Das Pinturas Rupestres à HipermídiaDas Pinturas Rupestres à Hipermídia
Das Pinturas Rupestres à Hipermídia
 
PsicodinâMica Das Cores Em ComunicaçãO
PsicodinâMica Das Cores Em ComunicaçãOPsicodinâMica Das Cores Em ComunicaçãO
PsicodinâMica Das Cores Em ComunicaçãO
 
O consumidor no processo de compra
O consumidor no processo de compraO consumidor no processo de compra
O consumidor no processo de compra
 
Marketing B2B
Marketing B2BMarketing B2B
Marketing B2B
 
O Consumidor No Diva Estudo Do Consumidor
O Consumidor No Diva   Estudo Do ConsumidorO Consumidor No Diva   Estudo Do Consumidor
O Consumidor No Diva Estudo Do Consumidor
 
Ihc Aula.15
Ihc Aula.15Ihc Aula.15
Ihc Aula.15
 
Ihc Aula8 M I Avaliacao Heuristica
Ihc Aula8 M I Avaliacao HeuristicaIhc Aula8 M I Avaliacao Heuristica
Ihc Aula8 M I Avaliacao Heuristica
 
Ihc Aula7
Ihc Aula7Ihc Aula7
Ihc Aula7
 
Ihc Aula6
Ihc Aula6Ihc Aula6
Ihc Aula6
 
ICH - Aula5
ICH - Aula5ICH - Aula5
ICH - Aula5
 
Ihc Aula4 B
Ihc Aula4 BIhc Aula4 B
Ihc Aula4 B
 
Ihc Aula4 A
Ihc Aula4 AIhc Aula4 A
Ihc Aula4 A
 
O Que E Interacao Cap1 Ihc
O Que E Interacao Cap1 IhcO Que E Interacao Cap1 Ihc
O Que E Interacao Cap1 Ihc
 
Das Pinturas Rupestres à Hipermídia
Das Pinturas Rupestres à HipermídiaDas Pinturas Rupestres à Hipermídia
Das Pinturas Rupestres à Hipermídia
 
Lycra 2000
Lycra 2000Lycra 2000
Lycra 2000
 
Pesquisa De Marketing F.N. Mattar Cap 2
Pesquisa De Marketing   F.N. Mattar   Cap 2Pesquisa De Marketing   F.N. Mattar   Cap 2
Pesquisa De Marketing F.N. Mattar Cap 2
 

Portais E Websites

  • 1. Portais e Websites Institucionais
  • 2. O termo “portal” seria exatamente uma porta de entrada ao abrangente e diversificado conteúdo da internet, “acolhido” por esse grande Website de forma total e organizada. Essa definição vestia com louvor, há alguns anos, mecanismos de busca como o yahoo! E o Metaminer.
  • 3. O acelerado crescimento do setor provocou um também intenso desenvolvimento dos primeiros “portais” de internet. Atualmente o termo “portal” designa um Website que agrega em si conteúdos produzidos dentro de seu próprio meio e também por terceiros, relacionados ao mais diversos assuntos: notícias, eventos esportivos, seções de humor etc.
  • 4. Mas o portal, além de reunir conteúdo de interesse aos usuários, fornece também diversos serviços, como salas de bate-papo (chat), contas de e-mail, fóruns, mecanismos de buscas... Tudo com o único objetivo de gerar uma comunidade “fiel”.
  • 5. Existem os: Portais Horizontais – voltados a toda e qualquer pessoa que busque informações de interesse geral; Portais verticais – geralmente destinados a um público preferido.
  • 6. Convencionou-se chamar simplesmente de “portal” aquele grande e aparente infinito Website que agrega conteúdo diversificado (horizontais); já os portais verticais são denominados também “portais segmentados”, ou seja, voltados a um determinado segmento ou público específico. As duas denominações são válidas
  • 7.  
  • 9. Conveicionou-se segundo o livro Webdesign Teoria e Prática de Anielle Damasceno a denominação “Website Institucional” a todo e qualquer grande Website não-comercial, governamental ou não. Por exemplo, são Websites Institucionais sites de Universidades, portais de órgãos públicos, portais de cidades mantidos pelo governo, Websites de ONGs, dentre outros.
  • 10. Websites institucionais podem ser definidos com uma transição entre o portal horizontal e vertical. Apesar de possuírem amplo conteúdo, de interesse geral, eles terminam por voltar-se apenas a determinados usuários, que visitam rapidamente estas páginas em busca de informações, em sua maioria.
  • 11. A organização e diagramação visual de um Website institucional são idênticas à de um grande portal comercial obviamente, quando apresenta conteúdo para tal.
  • 12. Design Geral de um Portal
  • 13. Design Geral de um Portal
  • 14. O layout de um Portal
  • 15. Quando visitamos portais na Web percebemos claramente que eles seguem um padrão característico. Não é segredo que portais mais novos “copiam” o modelo de outros mais populares... e estes mesmos quando resolvem variar o visual, não fogem muito à antiga disposição.
  • 16. Copiar Modelos? Jamais!!! Sou um Webdesigner criativo, não me prendo a moldes, dirá você, profissional mais crítico.
  • 17. Obviamente nenhum designer deve prender-se a moldes (esse é um dos mandamentos do bom design). Mas o profissional precisa conhecer e entender par que seu trabalho obtenha resultados satisfatórios: o padrão.
  • 18. A home page de um portal possui, realmente, os mesmos princípios básicos de disposição da primeira página de um jornal.
  • 19. Os primeiros Webdesigners que idealizaram este formato não estavam criando, mas sim reproduzindo algo já consagrado, com algumas adaptações, logicamente. Especialmente nos complementos gráficos.
  • 20. Existe uma diferença fundamental entre uma página de jornal e a home page de um portal. E não estamos falando das diferenças mais aparentes.
  • 21. Enquanto um jornal é feito para ser “degustado”, um Website, mesmo que possua milhares de dados, deve ser otimizado para leitura rápida. Por um motivo muito simples: os usuários geralmente não têm paciência de ler conteúdos muito extensos na tela, ou procurar por itens “escondidos”. Um fator muito importante a ser ressaltado, também é que nem sempre organização correta é sinônimo de leitura facilitada.
  • 22. Em alguns Websites com design maravilhoso, cuidado extremo quanto à escolha de fontes e imagens mas não satisfazem o usuário, porque simplesmente “empurram” conteúdo excessivo, fazendo com que o visitante se perca no meio de tantas informações.
  • 23. O design de um portal, deve, fundamentalmente, ser criado de modo a transmitir a informação à primeira vista, de forma a fazer com que o leitor ou visitante entenda tudo o que aquela chamada pretende informar ou destacar à primeira observação, sem precisar navegar muitos níveis para “compreender porque aquela imagem está alí, afinal”.
  • 24. Por que seguir um Padrão para os Portais?
  • 25. A resposta é muito simples: os usuários já estão acostumados ao padrão vigente na Internet. Impor a eles outro modelo com alterações drásticas pode afugentá-los de seu site. Ainda não descobriram melhor organização para tão grande quantidade de informações.
  • 26. Observe que, quando falamos em “padrão”, não estamos excluindo completamente as possibilidades de você inovar e incluir um novo elemento, ou ainda, variar o posicionamento do quadro principal de notícias do seu portal. Aliás, tal procedimento é plausível e Caracteriza um Website quando bem aplicado. Entretanto Resolver variar e trocar simplesmente o logotipo de lado, ou posicioná-lo no rodapé da página, por exemplo, pode ser uma atitude original e “rebelde”... mas nem sempre bem sucedida.