SlideShare une entreprise Scribd logo
1  sur  37
O Design de Interfaces na Web 2.0 Lauro Teixeira Coordenador de Programação TV TEM Bauru Pós-Graduação em Comunicação FAAC/Unesp
Tópicos da discussão ,[object Object],[object Object],[object Object],[object Object]
0 que é Interface Gráfica? ,[object Object]
Interface: Ciberespaço Materializado ,[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object],Interface:  O Início Doug Engelbart O Primeiro Mouse
Posições teóricas ,[object Object],[object Object],[object Object],[object Object],Para McLuhan, o homem modela as ferramentas que o modelam.
[object Object],[object Object],Posições teóricas Lúcia Santaella
[object Object],[object Object],[object Object],Posições teóricas Pierre Lévy
O que é Web 2.0? ,[object Object],[object Object]
[object Object],[object Object],Onde surgiu o termo?
Antes da Bolha ,[object Object],[object Object]
Evolução de novos sites
[object Object],[object Object],[object Object],[object Object],Paradigmas da Web 2.0 Chirs Anderson
[object Object],[object Object],[object Object],[object Object],[object Object],Paradigmas da Web 2.0
[object Object],[object Object],[object Object],[object Object],Paradigmas da Web 2.0
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Paradigmas da Web 2.0
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Paradigmas da Web 2.0
[object Object],[object Object],[object Object],[object Object],Design para Web 2.0
[object Object],[object Object],[object Object],[object Object],[object Object],Design para Web 2.0
Design para Web 2.0 WireFrame  (Felipe Memória) Interface Final  (Site TV Globo)
Design para Web 2.0 ,[object Object],[object Object],[object Object]
[object Object],[object Object],Design para Web 2.0
Usabilidade ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Jakob Nielsen
Usabilidade ,[object Object],[object Object],[object Object],[object Object]
Organização do conteúdo ,[object Object]
Organização do conteúdo ,[object Object]
. Algumas Convenções ,[object Object],Organização do conteúdo
Não seja invasivo ,[object Object]
A Filosofia na Web 2.0 ,[object Object],[object Object],[object Object],[object Object]
Em comum
Em comum
Em comum
Em comum
Em comum
Em comum
Em comum
Enfim, Obrigado! ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Contenu connexe

Tendances

Federação de redes e mídias sociais virtuais
Federação de redes e mídias sociais virtuaisFederação de redes e mídias sociais virtuais
Federação de redes e mídias sociais virtuaisJean José
 
Capacitação CIGA - Articulando Redes Sociais v2
Capacitação CIGA - Articulando Redes Sociais v2Capacitação CIGA - Articulando Redes Sociais v2
Capacitação CIGA - Articulando Redes Sociais v2Alex Dunder Koch
 
Redes tecnologicas dr4 stc.
Redes tecnologicas dr4 stc.Redes tecnologicas dr4 stc.
Redes tecnologicas dr4 stc.IsabelSatierf
 
Cloud computing, web semântica e internet de coisas: dados e utilização
Cloud computing, web semântica e internet de coisas: dados e utilizaçãoCloud computing, web semântica e internet de coisas: dados e utilização
Cloud computing, web semântica e internet de coisas: dados e utilizaçãoVanissa Wanick
 
Educación ciencia y tecnología
Educación ciencia y tecnologíaEducación ciencia y tecnología
Educación ciencia y tecnologíacroreisjp
 
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
 
A+internet+e+suas+especificidades+uma+ferramenta+de+segmentacao
A+internet+e+suas+especificidades+uma+ferramenta+de+segmentacaoA+internet+e+suas+especificidades+uma+ferramenta+de+segmentacao
A+internet+e+suas+especificidades+uma+ferramenta+de+segmentacaoMoisés Costa Pinto
 
Twittando: A construção das marcas na era dos diálogos reais.
Twittando: A construção das marcas na era dos diálogos reais.Twittando: A construção das marcas na era dos diálogos reais.
Twittando: A construção das marcas na era dos diálogos reais.Brunno Barranco de Souza
 

Tendances (12)

Web 2.0
Web 2.0Web 2.0
Web 2.0
 
Federação de redes e mídias sociais virtuais
Federação de redes e mídias sociais virtuaisFederação de redes e mídias sociais virtuais
Federação de redes e mídias sociais virtuais
 
Capacitação CIGA - Articulando Redes Sociais v2
Capacitação CIGA - Articulando Redes Sociais v2Capacitação CIGA - Articulando Redes Sociais v2
Capacitação CIGA - Articulando Redes Sociais v2
 
Redes tecnologicas dr4 stc.
Redes tecnologicas dr4 stc.Redes tecnologicas dr4 stc.
Redes tecnologicas dr4 stc.
 
Cloud computing, web semântica e internet de coisas: dados e utilização
Cloud computing, web semântica e internet de coisas: dados e utilizaçãoCloud computing, web semântica e internet de coisas: dados e utilização
Cloud computing, web semântica e internet de coisas: dados e utilização
 
Conceito 2.0
Conceito 2.0Conceito 2.0
Conceito 2.0
 
Aula 2 - Pa4 Design
Aula 2 - Pa4 DesignAula 2 - Pa4 Design
Aula 2 - Pa4 Design
 
Educación ciencia y tecnología
Educación ciencia y tecnologíaEducación ciencia y tecnología
Educación ciencia y tecnología
 
1 cultura digital
1 cultura digital1 cultura digital
1 cultura digital
 
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
 
A+internet+e+suas+especificidades+uma+ferramenta+de+segmentacao
A+internet+e+suas+especificidades+uma+ferramenta+de+segmentacaoA+internet+e+suas+especificidades+uma+ferramenta+de+segmentacao
A+internet+e+suas+especificidades+uma+ferramenta+de+segmentacao
 
Twittando: A construção das marcas na era dos diálogos reais.
Twittando: A construção das marcas na era dos diálogos reais.Twittando: A construção das marcas na era dos diálogos reais.
Twittando: A construção das marcas na era dos diálogos reais.
 

En vedette

Conceitos de Internet, Web, Hipermídia e AI - Especialização Design Grafico
Conceitos de Internet, Web, Hipermídia e AI - Especialização Design GraficoConceitos de Internet, Web, Hipermídia e AI - Especialização Design Grafico
Conceitos de Internet, Web, Hipermídia e AI - Especialização Design GraficoGustavo Fischer
 
Webdesign: Programação, Website e Redes Sociais
Webdesign: Programação, Website e Redes SociaisWebdesign: Programação, Website e Redes Sociais
Webdesign: Programação, Website e Redes SociaisRenato Melo
 
Padrão para posts: Facebook e Instagram
Padrão para posts: Facebook e InstagramPadrão para posts: Facebook e Instagram
Padrão para posts: Facebook e InstagramRenato Melo
 
Cores no design gráfico - Illustrator
Cores no design gráfico - IllustratorCores no design gráfico - Illustrator
Cores no design gráfico - IllustratorRenato Melo
 
Melhorando a Usabilidade
Melhorando a UsabilidadeMelhorando a Usabilidade
Melhorando a UsabilidadeRenato Melo
 
Projeto Web - Resumo P2
Projeto Web - Resumo P2Projeto Web - Resumo P2
Projeto Web - Resumo P2Renato Melo
 
CARTÃO DE VISITA: COMO CRIAR
CARTÃO DE VISITA: COMO CRIARCARTÃO DE VISITA: COMO CRIAR
CARTÃO DE VISITA: COMO CRIARRenato Melo
 
Academia Criativa
Academia CriativaAcademia Criativa
Academia CriativaRenato Melo
 
Desbloqueio Criativo
Desbloqueio CriativoDesbloqueio Criativo
Desbloqueio CriativoRenato Melo
 

En vedette (13)

Conceitos de Internet, Web, Hipermídia e AI - Especialização Design Grafico
Conceitos de Internet, Web, Hipermídia e AI - Especialização Design GraficoConceitos de Internet, Web, Hipermídia e AI - Especialização Design Grafico
Conceitos de Internet, Web, Hipermídia e AI - Especialização Design Grafico
 
Webdesign: Programação, Website e Redes Sociais
Webdesign: Programação, Website e Redes SociaisWebdesign: Programação, Website e Redes Sociais
Webdesign: Programação, Website e Redes Sociais
 
Padrão para posts: Facebook e Instagram
Padrão para posts: Facebook e InstagramPadrão para posts: Facebook e Instagram
Padrão para posts: Facebook e Instagram
 
Homero_Saude_bucal
Homero_Saude_bucalHomero_Saude_bucal
Homero_Saude_bucal
 
Politicas de saude bucal
Politicas de saude bucalPoliticas de saude bucal
Politicas de saude bucal
 
Saude bucal1.ppt odonto soc
Saude bucal1.ppt odonto socSaude bucal1.ppt odonto soc
Saude bucal1.ppt odonto soc
 
Cores no design gráfico - Illustrator
Cores no design gráfico - IllustratorCores no design gráfico - Illustrator
Cores no design gráfico - Illustrator
 
A CASA SONOLENTA
A CASA SONOLENTAA CASA SONOLENTA
A CASA SONOLENTA
 
Melhorando a Usabilidade
Melhorando a UsabilidadeMelhorando a Usabilidade
Melhorando a Usabilidade
 
Projeto Web - Resumo P2
Projeto Web - Resumo P2Projeto Web - Resumo P2
Projeto Web - Resumo P2
 
CARTÃO DE VISITA: COMO CRIAR
CARTÃO DE VISITA: COMO CRIARCARTÃO DE VISITA: COMO CRIAR
CARTÃO DE VISITA: COMO CRIAR
 
Academia Criativa
Academia CriativaAcademia Criativa
Academia Criativa
 
Desbloqueio Criativo
Desbloqueio CriativoDesbloqueio Criativo
Desbloqueio Criativo
 

Similaire à O Design de Interfaces na Web 2.0

Web 2.0, A Nova Internet
Web 2.0, A Nova InternetWeb 2.0, A Nova Internet
Web 2.0, A Nova Internetbernardolm
 
Web 2.0 - Uma revisão da Internet
Web 2.0 - Uma revisão da InternetWeb 2.0 - Uma revisão da Internet
Web 2.0 - Uma revisão da InternetRommel Carneiro
 
Road Show TI SENAC - Redes sociais e web semântica, qual a relação?
Road Show TI SENAC - Redes sociais e web semântica, qual a relação?Road Show TI SENAC - Redes sociais e web semântica, qual a relação?
Road Show TI SENAC - Redes sociais e web semântica, qual a relação?Renato Bongiorno Bonfanti
 
A Evolução da World Wide Web
A Evolução da World Wide WebA Evolução da World Wide Web
A Evolução da World Wide WebDaniel Faria
 
Oficina De Web 2.0 Versao 2
Oficina De Web 2.0 Versao 2Oficina De Web 2.0 Versao 2
Oficina De Web 2.0 Versao 2PICTI
 
Web 2 0 Nas Organizacoes
Web 2 0 Nas OrganizacoesWeb 2 0 Nas Organizacoes
Web 2 0 Nas Organizacoesgoogle_docs
 
Novas Tecnologias E InovaçãO – Aula 2
Novas Tecnologias E InovaçãO – Aula 2Novas Tecnologias E InovaçãO – Aula 2
Novas Tecnologias E InovaçãO – Aula 2Gustavo Fischer
 
Convergência de Tecnologias e o Novo Consumidor
Convergência de Tecnologias e o Novo ConsumidorConvergência de Tecnologias e o Novo Consumidor
Convergência de Tecnologias e o Novo Consumidorjuliocd
 
Ai ad aula 1
Ai ad aula 1Ai ad aula 1
Ai ad aula 1aiadufmg
 

Similaire à O Design de Interfaces na Web 2.0 (20)

Aula 01
Aula 01Aula 01
Aula 01
 
Web 2.0, A Nova Internet
Web 2.0, A Nova InternetWeb 2.0, A Nova Internet
Web 2.0, A Nova Internet
 
T A P Web20
T A P Web20T A P Web20
T A P Web20
 
O que e web 20
O que e web 20O que e web 20
O que e web 20
 
Aula1 2012-1
Aula1   2012-1Aula1   2012-1
Aula1 2012-1
 
Aula45
Aula45Aula45
Aula45
 
Grupopslideshare
GrupopslideshareGrupopslideshare
Grupopslideshare
 
Cultura Digital
Cultura DigitalCultura Digital
Cultura Digital
 
Aula1 2012-2
Aula1   2012-2Aula1   2012-2
Aula1 2012-2
 
Serviços de informação na web 2.0 e 3.0
Serviços de informação na web 2.0 e 3.0Serviços de informação na web 2.0 e 3.0
Serviços de informação na web 2.0 e 3.0
 
12. web2parte2
12. web2parte212. web2parte2
12. web2parte2
 
Web 2.0 - Uma revisão da Internet
Web 2.0 - Uma revisão da InternetWeb 2.0 - Uma revisão da Internet
Web 2.0 - Uma revisão da Internet
 
Road Show TI SENAC - Redes sociais e web semântica, qual a relação?
Road Show TI SENAC - Redes sociais e web semântica, qual a relação?Road Show TI SENAC - Redes sociais e web semântica, qual a relação?
Road Show TI SENAC - Redes sociais e web semântica, qual a relação?
 
A Evolução da World Wide Web
A Evolução da World Wide WebA Evolução da World Wide Web
A Evolução da World Wide Web
 
Oficina De Web 2.0 Versao 2
Oficina De Web 2.0 Versao 2Oficina De Web 2.0 Versao 2
Oficina De Web 2.0 Versao 2
 
Rumo à biblioteconomia 2.0
Rumo à biblioteconomia 2.0Rumo à biblioteconomia 2.0
Rumo à biblioteconomia 2.0
 
Web 2 0 Nas Organizacoes
Web 2 0 Nas OrganizacoesWeb 2 0 Nas Organizacoes
Web 2 0 Nas Organizacoes
 
Novas Tecnologias E InovaçãO – Aula 2
Novas Tecnologias E InovaçãO – Aula 2Novas Tecnologias E InovaçãO – Aula 2
Novas Tecnologias E InovaçãO – Aula 2
 
Convergência de Tecnologias e o Novo Consumidor
Convergência de Tecnologias e o Novo ConsumidorConvergência de Tecnologias e o Novo Consumidor
Convergência de Tecnologias e o Novo Consumidor
 
Ai ad aula 1
Ai ad aula 1Ai ad aula 1
Ai ad aula 1
 

O Design de Interfaces na Web 2.0