SlideShare a Scribd company logo
1 of 8
Primeira metade dos anos 90
Computação gráfica vai para o PC
Desktop publishing = Aldus PageMaker
Multimídia começa a se tornar um campo de atuação para designers.
1995
Início da Internet comercial no Brasil
Mão de obra que já fazia CD-Rom migrando para web
Designer fazia tudo: navegação + layout + "programação" HTML
1997 ~ 2000
‘Boom’ da Internet no Brasil
Jan 1996 170.429
Jul 1996 500.746
Dec 1996 740.458
Jun 1997 1.100.624
July 1997 1.150.458
Dec 1997 1.310.001
Set 2000 5,10 milhões
Out 2002 7,68 milhões
Fonte: NUA Internet Surveys + Ibope
2000 ~ 2002
Profissionalização da Internet
Aumento de complexidade das linguagens de programação client-side
Intensificação do uso de Flash, Director etc – tanto para animação como
para integração com sistemas mais complexos
Especialização das áreas: designer responsável por partes do processo de
produção
HCI (Human-Computer Interface) como novo campo de atuação
HCI
Arquitetura de Informação
Organização / Classificação / Estruturação de informação
Definição da árvore de navegação
User Interface Design
Wireframes com a topografia funcional da página: define o
modelo de interação do usuário com o produto
Globo.com
Projetos integrados
Web & TV
Case study: BBB
Case study: O Beijo do Vampiro (apresentação) (site)
Futuro: descentralização do PC
O trabalho de HCI torna-se ainda mais complexo pois lida com
diversos dispositivos diferentes (PC, WebTV, celular, PALM etc.).
Embora a solução de Arquitetura de Informação seja basicamente
a mesma, questões específicas dos dispositivos devem ser levadas
em conta no projeto de User Interface.
Case study: GloboNews.com x Portal Palm

More Related Content

Similar to Designers e Internet: uma relação em constante renovação

Eduardo Rocha - Criando produtos invisíveis
Eduardo Rocha - Criando produtos invisíveis   Eduardo Rocha - Criando produtos invisíveis
Eduardo Rocha - Criando produtos invisíveis Agile Trends
 
A importancia de IHC no desenvolvimento de software
A importancia de IHC no desenvolvimento de softwareA importancia de IHC no desenvolvimento de software
A importancia de IHC no desenvolvimento de softwareFlavia Negrao
 
Design da interação / Design da experiência: considerações sobre um campo de ...
Design da interação / Design da experiência: considerações sobre um campo de ...Design da interação / Design da experiência: considerações sobre um campo de ...
Design da interação / Design da experiência: considerações sobre um campo de ...Mauro Pinheiro
 
Conceitos sobre App e OS Windows Phone
Conceitos sobre App e OS Windows PhoneConceitos sobre App e OS Windows Phone
Conceitos sobre App e OS Windows PhoneMicrosoft
 
Introdução ao desenvolvimento Web
Introdução ao desenvolvimento WebIntrodução ao desenvolvimento Web
Introdução ao desenvolvimento WebSérgio Souza Costa
 
TechEd 2011 Brasil - VIR309 Além do Remote Desktop Service
TechEd 2011 Brasil - VIR309 Além do Remote Desktop ServiceTechEd 2011 Brasil - VIR309 Além do Remote Desktop Service
TechEd 2011 Brasil - VIR309 Além do Remote Desktop ServiceFlavio J Medeiros
 
Arquitetura de Informação
Arquitetura de InformaçãoArquitetura de Informação
Arquitetura de InformaçãoMelqui Jr
 
Cloud Computing como ferramenta para Tecnologias da Informação e Comunicação ...
Cloud Computing como ferramenta para Tecnologias da Informação e Comunicação ...Cloud Computing como ferramenta para Tecnologias da Informação e Comunicação ...
Cloud Computing como ferramenta para Tecnologias da Informação e Comunicação ...Fernando de Assis Rodrigues
 
Design de interação e Design da experiência considerações sobre um camp...
Design de interação e Design da experiência  considerações sobre um camp...Design de interação e Design da experiência  considerações sobre um camp...
Design de interação e Design da experiência considerações sobre um camp...UTFPR
 
Microsoft opensource
Microsoft opensourceMicrosoft opensource
Microsoft opensourceCDS
 
Microsoft opensource
Microsoft opensourceMicrosoft opensource
Microsoft opensourceCDS
 
Retorno do Investimento em Usabilidade
Retorno do Investimento em UsabilidadeRetorno do Investimento em Usabilidade
Retorno do Investimento em UsabilidadeBernardo Mattos
 

Similar to Designers e Internet: uma relação em constante renovação (20)

Eduardo Rocha - Criando produtos invisíveis
Eduardo Rocha - Criando produtos invisíveis   Eduardo Rocha - Criando produtos invisíveis
Eduardo Rocha - Criando produtos invisíveis
 
Webinar "FME e BIM"
Webinar "FME e BIM"Webinar "FME e BIM"
Webinar "FME e BIM"
 
Curso Marketing Digital Ana Paula Coelho
Curso Marketing Digital Ana Paula CoelhoCurso Marketing Digital Ana Paula Coelho
Curso Marketing Digital Ana Paula Coelho
 
A importancia de IHC no desenvolvimento de software
A importancia de IHC no desenvolvimento de softwareA importancia de IHC no desenvolvimento de software
A importancia de IHC no desenvolvimento de software
 
3 Telas e uma nuvem
3 Telas e uma nuvem3 Telas e uma nuvem
3 Telas e uma nuvem
 
Design da interação / Design da experiência: considerações sobre um campo de ...
Design da interação / Design da experiência: considerações sobre um campo de ...Design da interação / Design da experiência: considerações sobre um campo de ...
Design da interação / Design da experiência: considerações sobre um campo de ...
 
Conceitos sobre App e OS Windows Phone
Conceitos sobre App e OS Windows PhoneConceitos sobre App e OS Windows Phone
Conceitos sobre App e OS Windows Phone
 
RPC.com.br - Produto
RPC.com.br - ProdutoRPC.com.br - Produto
RPC.com.br - Produto
 
Introdução ao desenvolvimento Web
Introdução ao desenvolvimento WebIntrodução ao desenvolvimento Web
Introdução ao desenvolvimento Web
 
TechEd 2011 Brasil - VIR309 Além do Remote Desktop Service
TechEd 2011 Brasil - VIR309 Além do Remote Desktop ServiceTechEd 2011 Brasil - VIR309 Além do Remote Desktop Service
TechEd 2011 Brasil - VIR309 Além do Remote Desktop Service
 
Arquitetura de Informação
Arquitetura de InformaçãoArquitetura de Informação
Arquitetura de Informação
 
Windows xp revisado
Windows xp   revisadoWindows xp   revisado
Windows xp revisado
 
Cloud Computing como ferramenta para Tecnologias da Informação e Comunicação ...
Cloud Computing como ferramenta para Tecnologias da Informação e Comunicação ...Cloud Computing como ferramenta para Tecnologias da Informação e Comunicação ...
Cloud Computing como ferramenta para Tecnologias da Informação e Comunicação ...
 
Design de interação e Design da experiência considerações sobre um camp...
Design de interação e Design da experiência  considerações sobre um camp...Design de interação e Design da experiência  considerações sobre um camp...
Design de interação e Design da experiência considerações sobre um camp...
 
Restaurante
RestauranteRestaurante
Restaurante
 
O retorno do investimento no projeto adequado de interfaces de usuário
O retorno do investimento no projeto adequado de interfaces de usuárioO retorno do investimento no projeto adequado de interfaces de usuário
O retorno do investimento no projeto adequado de interfaces de usuário
 
Microsoft opensource
Microsoft opensourceMicrosoft opensource
Microsoft opensource
 
Microsoft opensource
Microsoft opensourceMicrosoft opensource
Microsoft opensource
 
CV Alexandre R. de Castro
CV Alexandre R. de CastroCV Alexandre R. de Castro
CV Alexandre R. de Castro
 
Retorno do Investimento em Usabilidade
Retorno do Investimento em UsabilidadeRetorno do Investimento em Usabilidade
Retorno do Investimento em Usabilidade
 

More from Mauro Pinheiro

Visualizações de dados sobre Covid-19 no Espirito Santo
Visualizações de dados sobre Covid-19 no Espirito SantoVisualizações de dados sobre Covid-19 no Espirito Santo
Visualizações de dados sobre Covid-19 no Espirito SantoMauro Pinheiro
 
Experiencias com ensino e aprendizagem em visualizacao de dados
Experiencias com ensino e aprendizagem em visualizacao de dadosExperiencias com ensino e aprendizagem em visualizacao de dados
Experiencias com ensino e aprendizagem em visualizacao de dadosMauro Pinheiro
 
Qualidade do Ar: tecnologia calma - visualizacao de dados e engajamento cidadao
Qualidade do Ar: tecnologia calma - visualizacao de dados e engajamento cidadaoQualidade do Ar: tecnologia calma - visualizacao de dados e engajamento cidadao
Qualidade do Ar: tecnologia calma - visualizacao de dados e engajamento cidadaoMauro Pinheiro
 
Mapeamento de Acessibilidade da Ufes
Mapeamento de Acessibilidade da UfesMapeamento de Acessibilidade da Ufes
Mapeamento de Acessibilidade da UfesMauro Pinheiro
 
Sistemas de informação ambiente - Campus party 2015
Sistemas de informação ambiente - Campus party 2015Sistemas de informação ambiente - Campus party 2015
Sistemas de informação ambiente - Campus party 2015Mauro Pinheiro
 
Hackathon Sesi Cultura Digital 2014
Hackathon Sesi Cultura Digital 2014Hackathon Sesi Cultura Digital 2014
Hackathon Sesi Cultura Digital 2014Mauro Pinheiro
 
Ergodesign USIHC 2014 – virtualização
Ergodesign USIHC 2014 – virtualizaçãoErgodesign USIHC 2014 – virtualização
Ergodesign USIHC 2014 – virtualizaçãoMauro Pinheiro
 
The use of ceramics within a signage project in hostile and environmental pr...
 The use of ceramics within a signage project in hostile and environmental pr... The use of ceramics within a signage project in hostile and environmental pr...
The use of ceramics within a signage project in hostile and environmental pr...Mauro Pinheiro
 
Design de interação e computação Pervasiva: um estudo sobre mecanismos atenci...
Design de interação e computação Pervasiva: um estudo sobre mecanismos atenci...Design de interação e computação Pervasiva: um estudo sobre mecanismos atenci...
Design de interação e computação Pervasiva: um estudo sobre mecanismos atenci...Mauro Pinheiro
 
Projeto 3 em 1: Blogs e Publicidade
Projeto 3 em 1: Blogs e PublicidadeProjeto 3 em 1: Blogs e Publicidade
Projeto 3 em 1: Blogs e PublicidadeMauro Pinheiro
 
Do design à implementação - acessibilidade de websites e sistemas de informação
Do design à implementação - acessibilidade de websites e sistemas de informaçãoDo design à implementação - acessibilidade de websites e sistemas de informação
Do design à implementação - acessibilidade de websites e sistemas de informaçãoMauro Pinheiro
 
Designing for the periphery of our attention - a study on Ambient Information...
Designing for the periphery of our attention - a study on Ambient Information...Designing for the periphery of our attention - a study on Ambient Information...
Designing for the periphery of our attention - a study on Ambient Information...Mauro Pinheiro
 
Arquitetura de Informacao em Projetos de Design
Arquitetura de Informacao em Projetos de DesignArquitetura de Informacao em Projetos de Design
Arquitetura de Informacao em Projetos de DesignMauro Pinheiro
 
Sistemas de Informação Ambiente
Sistemas de Informação AmbienteSistemas de Informação Ambiente
Sistemas de Informação AmbienteMauro Pinheiro
 
Mobilidade e Computação Pervasiva 02
Mobilidade e Computação Pervasiva 02Mobilidade e Computação Pervasiva 02
Mobilidade e Computação Pervasiva 02Mauro Pinheiro
 
Mobilidade e Computação Pervasiva
Mobilidade e Computação PervasivaMobilidade e Computação Pervasiva
Mobilidade e Computação PervasivaMauro Pinheiro
 
Narratividade e interatividade no contexto da World Wide Web e a possibilidad...
Narratividade e interatividade no contexto da World Wide Web e a possibilidad...Narratividade e interatividade no contexto da World Wide Web e a possibilidad...
Narratividade e interatividade no contexto da World Wide Web e a possibilidad...Mauro Pinheiro
 
O design de interação em ambientes de ubiqüidade computacional
O design de interação em ambientes de ubiqüidade computacionalO design de interação em ambientes de ubiqüidade computacional
O design de interação em ambientes de ubiqüidade computacionalMauro Pinheiro
 
Métodos de pesquisa e desenvolvimento em design de mídia interativa com foco ...
Métodos de pesquisa e desenvolvimento em design de mídia interativa com foco ...Métodos de pesquisa e desenvolvimento em design de mídia interativa com foco ...
Métodos de pesquisa e desenvolvimento em design de mídia interativa com foco ...Mauro Pinheiro
 

More from Mauro Pinheiro (20)

Visualizações de dados sobre Covid-19 no Espirito Santo
Visualizações de dados sobre Covid-19 no Espirito SantoVisualizações de dados sobre Covid-19 no Espirito Santo
Visualizações de dados sobre Covid-19 no Espirito Santo
 
Experiencias com ensino e aprendizagem em visualizacao de dados
Experiencias com ensino e aprendizagem em visualizacao de dadosExperiencias com ensino e aprendizagem em visualizacao de dados
Experiencias com ensino e aprendizagem em visualizacao de dados
 
Qualidade do Ar: tecnologia calma - visualizacao de dados e engajamento cidadao
Qualidade do Ar: tecnologia calma - visualizacao de dados e engajamento cidadaoQualidade do Ar: tecnologia calma - visualizacao de dados e engajamento cidadao
Qualidade do Ar: tecnologia calma - visualizacao de dados e engajamento cidadao
 
Mapeamento de Acessibilidade da Ufes
Mapeamento de Acessibilidade da UfesMapeamento de Acessibilidade da Ufes
Mapeamento de Acessibilidade da Ufes
 
Desenhe seu trajeto
Desenhe seu trajetoDesenhe seu trajeto
Desenhe seu trajeto
 
Sistemas de informação ambiente - Campus party 2015
Sistemas de informação ambiente - Campus party 2015Sistemas de informação ambiente - Campus party 2015
Sistemas de informação ambiente - Campus party 2015
 
Hackathon Sesi Cultura Digital 2014
Hackathon Sesi Cultura Digital 2014Hackathon Sesi Cultura Digital 2014
Hackathon Sesi Cultura Digital 2014
 
Ergodesign USIHC 2014 – virtualização
Ergodesign USIHC 2014 – virtualizaçãoErgodesign USIHC 2014 – virtualização
Ergodesign USIHC 2014 – virtualização
 
The use of ceramics within a signage project in hostile and environmental pr...
 The use of ceramics within a signage project in hostile and environmental pr... The use of ceramics within a signage project in hostile and environmental pr...
The use of ceramics within a signage project in hostile and environmental pr...
 
Design de interação e computação Pervasiva: um estudo sobre mecanismos atenci...
Design de interação e computação Pervasiva: um estudo sobre mecanismos atenci...Design de interação e computação Pervasiva: um estudo sobre mecanismos atenci...
Design de interação e computação Pervasiva: um estudo sobre mecanismos atenci...
 
Projeto 3 em 1: Blogs e Publicidade
Projeto 3 em 1: Blogs e PublicidadeProjeto 3 em 1: Blogs e Publicidade
Projeto 3 em 1: Blogs e Publicidade
 
Do design à implementação - acessibilidade de websites e sistemas de informação
Do design à implementação - acessibilidade de websites e sistemas de informaçãoDo design à implementação - acessibilidade de websites e sistemas de informação
Do design à implementação - acessibilidade de websites e sistemas de informação
 
Designing for the periphery of our attention - a study on Ambient Information...
Designing for the periphery of our attention - a study on Ambient Information...Designing for the periphery of our attention - a study on Ambient Information...
Designing for the periphery of our attention - a study on Ambient Information...
 
Arquitetura de Informacao em Projetos de Design
Arquitetura de Informacao em Projetos de DesignArquitetura de Informacao em Projetos de Design
Arquitetura de Informacao em Projetos de Design
 
Sistemas de Informação Ambiente
Sistemas de Informação AmbienteSistemas de Informação Ambiente
Sistemas de Informação Ambiente
 
Mobilidade e Computação Pervasiva 02
Mobilidade e Computação Pervasiva 02Mobilidade e Computação Pervasiva 02
Mobilidade e Computação Pervasiva 02
 
Mobilidade e Computação Pervasiva
Mobilidade e Computação PervasivaMobilidade e Computação Pervasiva
Mobilidade e Computação Pervasiva
 
Narratividade e interatividade no contexto da World Wide Web e a possibilidad...
Narratividade e interatividade no contexto da World Wide Web e a possibilidad...Narratividade e interatividade no contexto da World Wide Web e a possibilidad...
Narratividade e interatividade no contexto da World Wide Web e a possibilidad...
 
O design de interação em ambientes de ubiqüidade computacional
O design de interação em ambientes de ubiqüidade computacionalO design de interação em ambientes de ubiqüidade computacional
O design de interação em ambientes de ubiqüidade computacional
 
Métodos de pesquisa e desenvolvimento em design de mídia interativa com foco ...
Métodos de pesquisa e desenvolvimento em design de mídia interativa com foco ...Métodos de pesquisa e desenvolvimento em design de mídia interativa com foco ...
Métodos de pesquisa e desenvolvimento em design de mídia interativa com foco ...
 

Designers e Internet: uma relação em constante renovação

  • 1.
  • 2. Primeira metade dos anos 90 Computação gráfica vai para o PC Desktop publishing = Aldus PageMaker Multimídia começa a se tornar um campo de atuação para designers.
  • 3. 1995 Início da Internet comercial no Brasil Mão de obra que já fazia CD-Rom migrando para web Designer fazia tudo: navegação + layout + "programação" HTML
  • 4. 1997 ~ 2000 ‘Boom’ da Internet no Brasil Jan 1996 170.429 Jul 1996 500.746 Dec 1996 740.458 Jun 1997 1.100.624 July 1997 1.150.458 Dec 1997 1.310.001 Set 2000 5,10 milhões Out 2002 7,68 milhões Fonte: NUA Internet Surveys + Ibope
  • 5. 2000 ~ 2002 Profissionalização da Internet Aumento de complexidade das linguagens de programação client-side Intensificação do uso de Flash, Director etc – tanto para animação como para integração com sistemas mais complexos Especialização das áreas: designer responsável por partes do processo de produção HCI (Human-Computer Interface) como novo campo de atuação
  • 6. HCI Arquitetura de Informação Organização / Classificação / Estruturação de informação Definição da árvore de navegação User Interface Design Wireframes com a topografia funcional da página: define o modelo de interação do usuário com o produto
  • 7. Globo.com Projetos integrados Web & TV Case study: BBB Case study: O Beijo do Vampiro (apresentação) (site)
  • 8. Futuro: descentralização do PC O trabalho de HCI torna-se ainda mais complexo pois lida com diversos dispositivos diferentes (PC, WebTV, celular, PALM etc.). Embora a solução de Arquitetura de Informação seja basicamente a mesma, questões específicas dos dispositivos devem ser levadas em conta no projeto de User Interface. Case study: GloboNews.com x Portal Palm