SlideShare une entreprise Scribd logo
1  sur  38
 
GERAL:   Observar as características das mídias em relação ao design de interfaces buscando identificar aspectos que refletem as modificações que as interfaces web ou de softwares que operam através da internet sofreram nos últimos 15 anos.
[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object]
1994 2010
2010 1996
1998 2010
2001 2010
2004 2010
2004 2010
1999 2001 2003 2005 2006
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
PRIMEIRA GERAÇÃO:  interfaces compostas por texto e gráficos.  Esquema de cores monocromático. SEGUNDA GERAÇÃO:  surgimento de ícones, imagens bidimensionais  e imagens de fundo. Hierarquização da informação (AI). TERCEIRA GERAÇÃO:  conteúdo apresentado em forma de multimídia – imagens 3D, sons, vídeos e e-commerce. QUARTA GERAÇÃO:  informação livre e totalmente gratuita (internet colaborativa). Obs: a proposta  de Quatro Geração vem de GILMOR (2002)
“ A linguagem das interfaces gráficas está ligada a outras formas culturais advindas do impresso, do cinema e das Interfaces Humano-Computador. Nessas formas culturais, há modalidades específicas de organização, estruturando a experiência humana.”(MANOVICH, 2001)
"A  REMEDIAÇÃO  é um processo que atravessaria todas as mídias, a partir de uma apropriação de técnicas, formas e significado social umas das outras e com isso repropondo-se, remodelando-se (do inglês  refashion)  na busca por construir novas  formas de representação .” (BOLTER; GRUSIN, 1999)
O recorte nos resultados parciais resultou no Hotsite da Absolut Rock – uma variação da bebida Absolut Vodka. No Hotsite, encontramos alguns exemplos de Remediação
Remidiação Galeria Flickr
Remidiação telejornais
Remidiação DVD : separar partes do vídeo em capítulos
Hyperlink durante o vídeo – remidiação Youtube
Remidiação botões de player de música
Linha do tempo – remidiação Youtube
BANCO DE DADOS:  conjunto de informações, que podem ser arquivados, indexados e resgatados por determinados procedimentos técnicos. MÍDIA:  presença de imagens, vídeos, músicas e outras linguagens hipermidiáticas linkados ao banco de dados. AMBIENTE DE RELACIONAMENTO:  lugar onde ocorre a interatividade com a interface.  Web 2.0  – websites interativos e colaborativos.
Como o mercado que discute interfaces web e softwares baseados na internet entende tendências?
Um levantamento feito em sites especializados em web design nos apontaram tendências. Acompanhamento dos posts do website  Webdesign Ledger * *  http://webdesignledger.com/
Esquema de cores diferentes Tipografia em negrito Grandes espaços em branco
Imagens explorando a perspectiva
Logos e cabeçalhos aumentaram seu tamanho exageradamente
Layout com profundidade Dar mais importância à  Informação que vem na frente
Grandes imagens de plano de fundo
Design de miniatura: seu Site precisa estar pronto  para ser fotografado
The Big App Show
 
GIF está  de volta>  uma tendência vantajosa?
Mídia + Serviço + Design +  S oftware
REFERÊNCIAS ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object]
 

Contenu connexe

En vedette

Negative Numbers 1
Negative Numbers 1Negative Numbers 1
Negative Numbers 1teamxxlp
 
Catalog Contactor Mitsubishi - Beeteco.com
Catalog Contactor Mitsubishi - Beeteco.comCatalog Contactor Mitsubishi - Beeteco.com
Catalog Contactor Mitsubishi - Beeteco.comBeeteco
 
Bìa Hồ Sơ Dự Thầu
Bìa Hồ Sơ Dự ThầuBìa Hồ Sơ Dự Thầu
Bìa Hồ Sơ Dự ThầuDUY HO
 
DOES16 London - Jonathan Smart - From Oil Tankers to Speedboats
DOES16 London - Jonathan Smart - From Oil Tankers to SpeedboatsDOES16 London - Jonathan Smart - From Oil Tankers to Speedboats
DOES16 London - Jonathan Smart - From Oil Tankers to SpeedboatsGene Kim
 
Tornare a casa ovvero le qualità della mente originaria
Tornare a casa ovvero le qualità della mente originariaTornare a casa ovvero le qualità della mente originaria
Tornare a casa ovvero le qualità della mente originariaNicoletta Cinotti
 
Hướng dẫn sử dụng biến tần INVT CHF100A - Bản Tiếng Việt
Hướng dẫn sử dụng biến tần INVT CHF100A - Bản Tiếng ViệtHướng dẫn sử dụng biến tần INVT CHF100A - Bản Tiếng Việt
Hướng dẫn sử dụng biến tần INVT CHF100A - Bản Tiếng ViệtBeeteco Aster
 
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.Luiz Agner
 
Factorials
FactorialsFactorials
Factorialsteamxxlp
 
Il carattere Masochista in bioenergetica
Il carattere Masochista in bioenergeticaIl carattere Masochista in bioenergetica
Il carattere Masochista in bioenergeticaNicoletta Cinotti
 
Tài liệu lập trình PLC Mitsubishi cho người mới bắt đầu! - Beeteco.com
Tài liệu lập trình PLC Mitsubishi cho người mới bắt đầu! - Beeteco.comTài liệu lập trình PLC Mitsubishi cho người mới bắt đầu! - Beeteco.com
Tài liệu lập trình PLC Mitsubishi cho người mới bắt đầu! - Beeteco.comBeeteco
 
DOES15 - Ramona Jackson and Aji Rajappan - Continuous Delivery at Cisco IT
DOES15 - Ramona Jackson and Aji Rajappan - Continuous Delivery at Cisco ITDOES15 - Ramona Jackson and Aji Rajappan - Continuous Delivery at Cisco IT
DOES15 - Ramona Jackson and Aji Rajappan - Continuous Delivery at Cisco ITGene Kim
 
DOES16 London - Scott Potter - DevOps: To Autonomy and Beyond
DOES16 London - Scott Potter - DevOps: To Autonomy and BeyondDOES16 London - Scott Potter - DevOps: To Autonomy and Beyond
DOES16 London - Scott Potter - DevOps: To Autonomy and BeyondGene Kim
 
DOES 15 - Jan-Joost Bouwman and Ingrid Algra - ITIL and DevOps Can Be Friends
DOES 15 - Jan-Joost Bouwman and Ingrid Algra - ITIL and DevOps Can Be Friends DOES 15 - Jan-Joost Bouwman and Ingrid Algra - ITIL and DevOps Can Be Friends
DOES 15 - Jan-Joost Bouwman and Ingrid Algra - ITIL and DevOps Can Be Friends Gene Kim
 

En vedette (15)

Negative Numbers 1
Negative Numbers 1Negative Numbers 1
Negative Numbers 1
 
Catalog Contactor Mitsubishi - Beeteco.com
Catalog Contactor Mitsubishi - Beeteco.comCatalog Contactor Mitsubishi - Beeteco.com
Catalog Contactor Mitsubishi - Beeteco.com
 
Bìa Hồ Sơ Dự Thầu
Bìa Hồ Sơ Dự ThầuBìa Hồ Sơ Dự Thầu
Bìa Hồ Sơ Dự Thầu
 
Asian paint limited
Asian paint limitedAsian paint limited
Asian paint limited
 
aula remidiação
aula remidiaçãoaula remidiação
aula remidiação
 
DOES16 London - Jonathan Smart - From Oil Tankers to Speedboats
DOES16 London - Jonathan Smart - From Oil Tankers to SpeedboatsDOES16 London - Jonathan Smart - From Oil Tankers to Speedboats
DOES16 London - Jonathan Smart - From Oil Tankers to Speedboats
 
Tornare a casa ovvero le qualità della mente originaria
Tornare a casa ovvero le qualità della mente originariaTornare a casa ovvero le qualità della mente originaria
Tornare a casa ovvero le qualità della mente originaria
 
Hướng dẫn sử dụng biến tần INVT CHF100A - Bản Tiếng Việt
Hướng dẫn sử dụng biến tần INVT CHF100A - Bản Tiếng ViệtHướng dẫn sử dụng biến tần INVT CHF100A - Bản Tiếng Việt
Hướng dẫn sử dụng biến tần INVT CHF100A - Bản Tiếng Việt
 
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.
 
Factorials
FactorialsFactorials
Factorials
 
Il carattere Masochista in bioenergetica
Il carattere Masochista in bioenergeticaIl carattere Masochista in bioenergetica
Il carattere Masochista in bioenergetica
 
Tài liệu lập trình PLC Mitsubishi cho người mới bắt đầu! - Beeteco.com
Tài liệu lập trình PLC Mitsubishi cho người mới bắt đầu! - Beeteco.comTài liệu lập trình PLC Mitsubishi cho người mới bắt đầu! - Beeteco.com
Tài liệu lập trình PLC Mitsubishi cho người mới bắt đầu! - Beeteco.com
 
DOES15 - Ramona Jackson and Aji Rajappan - Continuous Delivery at Cisco IT
DOES15 - Ramona Jackson and Aji Rajappan - Continuous Delivery at Cisco ITDOES15 - Ramona Jackson and Aji Rajappan - Continuous Delivery at Cisco IT
DOES15 - Ramona Jackson and Aji Rajappan - Continuous Delivery at Cisco IT
 
DOES16 London - Scott Potter - DevOps: To Autonomy and Beyond
DOES16 London - Scott Potter - DevOps: To Autonomy and BeyondDOES16 London - Scott Potter - DevOps: To Autonomy and Beyond
DOES16 London - Scott Potter - DevOps: To Autonomy and Beyond
 
DOES 15 - Jan-Joost Bouwman and Ingrid Algra - ITIL and DevOps Can Be Friends
DOES 15 - Jan-Joost Bouwman and Ingrid Algra - ITIL and DevOps Can Be Friends DOES 15 - Jan-Joost Bouwman and Ingrid Algra - ITIL and DevOps Can Be Friends
DOES 15 - Jan-Joost Bouwman and Ingrid Algra - ITIL and DevOps Can Be Friends
 

Similaire à Evolução interfaces 15 anos

Hipermídias_Design Gráfico_UNISINOS_aula2
Hipermídias_Design Gráfico_UNISINOS_aula2Hipermídias_Design Gráfico_UNISINOS_aula2
Hipermídias_Design Gráfico_UNISINOS_aula2Gustavo Fischer
 
Seminario Web Radio Podcast Radio Digital
Seminario Web Radio Podcast Radio DigitalSeminario Web Radio Podcast Radio Digital
Seminario Web Radio Podcast Radio Digitaldiversita
 
SOCIAL TV , TWITTER E CRITÉRIOS DE NOTICIABILIDADE
SOCIAL TV , TWITTER E CRITÉRIOS DE NOTICIABILIDADESOCIAL TV , TWITTER E CRITÉRIOS DE NOTICIABILIDADE
SOCIAL TV , TWITTER E CRITÉRIOS DE NOTICIABILIDADEMarcio Carneiro dos Santos
 
Facebook e o consumo cultural
Facebook e o consumo culturalFacebook e o consumo cultural
Facebook e o consumo culturalTiago Nogueira
 
EaD: das mídias de função massiva às mídias de função pós-massiva
EaD: das mídias de função massiva às mídias de função pós-massivaEaD: das mídias de função massiva às mídias de função pós-massiva
EaD: das mídias de função massiva às mídias de função pós-massivaJosé Erigleidson da Silva
 
O Design de Interfaces na Web 2.0
O Design de Interfaces na Web 2.0O Design de Interfaces na Web 2.0
O Design de Interfaces na Web 2.0Lauro Teixeira
 
01 Aulamurrayemanovich
01 Aulamurrayemanovich01 Aulamurrayemanovich
01 AulamurrayemanovichArtur Araujo
 
Seminario webradio podcast radio digital
Seminario webradio podcast radio digital Seminario webradio podcast radio digital
Seminario webradio podcast radio digital Nick Justus
 
A Pesquisa em Ciências da Informação: Novas Perspectivas
A Pesquisa em Ciências da Informação: Novas PerspectivasA Pesquisa em Ciências da Informação: Novas Perspectivas
A Pesquisa em Ciências da Informação: Novas PerspectivasUniversidade Federal do Ceará
 
Web 2.0 a era da colaboração coletiva como fonte de informação
Web 2.0   a era da colaboração coletiva como fonte de informaçãoWeb 2.0   a era da colaboração coletiva como fonte de informação
Web 2.0 a era da colaboração coletiva como fonte de informaçãoNaira Michelle Alves Pereira
 
Web 2.0: Como as Ferramentas Colaborativas podem ajudar a alavancar soluções!
Web 2.0: Como as Ferramentas Colaborativas podem ajudar a alavancar soluções!Web 2.0: Como as Ferramentas Colaborativas podem ajudar a alavancar soluções!
Web 2.0: Como as Ferramentas Colaborativas podem ajudar a alavancar soluções!Alessandra Nunes
 
Medindo influência nas mídias sociais: estudo de caso do Índice TA
Medindo influência nas mídias sociais: estudo de caso do Índice TAMedindo influência nas mídias sociais: estudo de caso do Índice TA
Medindo influência nas mídias sociais: estudo de caso do Índice TAErika Heidi
 
Pré Projeto De Pesquisa: Aplicativos e APIs, Além Da Apropriação Tecnológica
Pré Projeto De Pesquisa: Aplicativos e APIs, Além Da Apropriação TecnológicaPré Projeto De Pesquisa: Aplicativos e APIs, Além Da Apropriação Tecnológica
Pré Projeto De Pesquisa: Aplicativos e APIs, Além Da Apropriação TecnológicaNiva Silva
 

Similaire à Evolução interfaces 15 anos (20)

Aula1 2012-1
Aula1   2012-1Aula1   2012-1
Aula1 2012-1
 
Hipermídias_Design Gráfico_UNISINOS_aula2
Hipermídias_Design Gráfico_UNISINOS_aula2Hipermídias_Design Gráfico_UNISINOS_aula2
Hipermídias_Design Gráfico_UNISINOS_aula2
 
Aula1 2012-2
Aula1   2012-2Aula1   2012-2
Aula1 2012-2
 
Apresentação colóquio internacional 2013
Apresentação colóquio internacional 2013Apresentação colóquio internacional 2013
Apresentação colóquio internacional 2013
 
Aula 2 - Pa4 Design
Aula 2 - Pa4 DesignAula 2 - Pa4 Design
Aula 2 - Pa4 Design
 
Seminario Web Radio Podcast Radio Digital
Seminario Web Radio Podcast Radio DigitalSeminario Web Radio Podcast Radio Digital
Seminario Web Radio Podcast Radio Digital
 
SOCIAL TV , TWITTER E CRITÉRIOS DE NOTICIABILIDADE
SOCIAL TV , TWITTER E CRITÉRIOS DE NOTICIABILIDADESOCIAL TV , TWITTER E CRITÉRIOS DE NOTICIABILIDADE
SOCIAL TV , TWITTER E CRITÉRIOS DE NOTICIABILIDADE
 
Facebook e o consumo cultural
Facebook e o consumo culturalFacebook e o consumo cultural
Facebook e o consumo cultural
 
EaD: das mídias de função massiva às mídias de função pós-massiva
EaD: das mídias de função massiva às mídias de função pós-massivaEaD: das mídias de função massiva às mídias de função pós-massiva
EaD: das mídias de função massiva às mídias de função pós-massiva
 
O Design de Interfaces na Web 2.0
O Design de Interfaces na Web 2.0O Design de Interfaces na Web 2.0
O Design de Interfaces na Web 2.0
 
Srd
SrdSrd
Srd
 
01 Aulamurrayemanovich
01 Aulamurrayemanovich01 Aulamurrayemanovich
01 Aulamurrayemanovich
 
Seminario webradio podcast radio digital
Seminario webradio podcast radio digital Seminario webradio podcast radio digital
Seminario webradio podcast radio digital
 
A Pesquisa em Ciências da Informação: Novas Perspectivas
A Pesquisa em Ciências da Informação: Novas PerspectivasA Pesquisa em Ciências da Informação: Novas Perspectivas
A Pesquisa em Ciências da Informação: Novas Perspectivas
 
Web 2.0 a era da colaboração coletiva como fonte de informação
Web 2.0   a era da colaboração coletiva como fonte de informaçãoWeb 2.0   a era da colaboração coletiva como fonte de informação
Web 2.0 a era da colaboração coletiva como fonte de informação
 
Grupopslideshare
GrupopslideshareGrupopslideshare
Grupopslideshare
 
Francis eduardo
Francis eduardoFrancis eduardo
Francis eduardo
 
Web 2.0: Como as Ferramentas Colaborativas podem ajudar a alavancar soluções!
Web 2.0: Como as Ferramentas Colaborativas podem ajudar a alavancar soluções!Web 2.0: Como as Ferramentas Colaborativas podem ajudar a alavancar soluções!
Web 2.0: Como as Ferramentas Colaborativas podem ajudar a alavancar soluções!
 
Medindo influência nas mídias sociais: estudo de caso do Índice TA
Medindo influência nas mídias sociais: estudo de caso do Índice TAMedindo influência nas mídias sociais: estudo de caso do Índice TA
Medindo influência nas mídias sociais: estudo de caso do Índice TA
 
Pré Projeto De Pesquisa: Aplicativos e APIs, Além Da Apropriação Tecnológica
Pré Projeto De Pesquisa: Aplicativos e APIs, Além Da Apropriação TecnológicaPré Projeto De Pesquisa: Aplicativos e APIs, Além Da Apropriação Tecnológica
Pré Projeto De Pesquisa: Aplicativos e APIs, Além Da Apropriação Tecnológica
 

Plus de Gustavo Fischer

TV News Archive como construto e lugar de memória na web
TV News Archive como construto e lugar de memória na webTV News Archive como construto e lugar de memória na web
TV News Archive como construto e lugar de memória na webGustavo Fischer
 
Vida, morte e pós-morte do Geocities: memória em degeneração/regeneração e no...
Vida, morte e pós-morte do Geocities: memória em degeneração/regeneração e no...Vida, morte e pós-morte do Geocities: memória em degeneração/regeneração e no...
Vida, morte e pós-morte do Geocities: memória em degeneração/regeneração e no...Gustavo Fischer
 
Audiovisualidades Soterradas: escavando o internet archive (ALCAR 2015)
Audiovisualidades Soterradas: escavando o internet archive (ALCAR 2015)Audiovisualidades Soterradas: escavando o internet archive (ALCAR 2015)
Audiovisualidades Soterradas: escavando o internet archive (ALCAR 2015)Gustavo Fischer
 
Problemas de/na pesquisa e a memória das/nas interfaces
Problemas de/na pesquisa e a memória das/nas interfacesProblemas de/na pesquisa e a memória das/nas interfaces
Problemas de/na pesquisa e a memória das/nas interfacesGustavo Fischer
 
Apresentacao tese de doutorado - Prof. Gustavo Daudt Fischer - dezembro de 2008
Apresentacao tese de doutorado - Prof. Gustavo Daudt Fischer - dezembro de 2008Apresentacao tese de doutorado - Prof. Gustavo Daudt Fischer - dezembro de 2008
Apresentacao tese de doutorado - Prof. Gustavo Daudt Fischer - dezembro de 2008Gustavo Fischer
 
20 anos de internet: construtos de memória nas interfaces web.
20 anos de internet: construtos de memória nas interfaces web.20 anos de internet: construtos de memória nas interfaces web.
20 anos de internet: construtos de memória nas interfaces web.Gustavo Fischer
 
Procedimientos de excavacion - Arqueologia de los medios - aplicaciones en la...
Procedimientos de excavacion - Arqueologia de los medios - aplicaciones en la...Procedimientos de excavacion - Arqueologia de los medios - aplicaciones en la...
Procedimientos de excavacion - Arqueologia de los medios - aplicaciones en la...Gustavo Fischer
 
The restart page”: Observações sobre construtos de memória no terreno da web
The restart page”: Observações sobre construtos de memória no terreno da webThe restart page”: Observações sobre construtos de memória no terreno da web
The restart page”: Observações sobre construtos de memória no terreno da webGustavo Fischer
 
Excavando Interfaces: elementos de arqueologia de los medios como contribucio...
Excavando Interfaces: elementos de arqueologia de los medios como contribucio...Excavando Interfaces: elementos de arqueologia de los medios como contribucio...
Excavando Interfaces: elementos de arqueologia de los medios como contribucio...Gustavo Fischer
 
Cartografia dos novos meios e Analítica Cultural - aula sobre textos de Lev M...
Cartografia dos novos meios e Analítica Cultural - aula sobre textos de Lev M...Cartografia dos novos meios e Analítica Cultural - aula sobre textos de Lev M...
Cartografia dos novos meios e Analítica Cultural - aula sobre textos de Lev M...Gustavo Fischer
 
Audiovisual e Pensamento: textos de Bellour e Flusser (PPT de apoio)
Audiovisual e Pensamento: textos de Bellour e Flusser (PPT de apoio)Audiovisual e Pensamento: textos de Bellour e Flusser (PPT de apoio)
Audiovisual e Pensamento: textos de Bellour e Flusser (PPT de apoio)Gustavo Fischer
 
Aula Audiovisualidades nas Mídias - textos de Henri Bergson e Eduardo Braga
Aula Audiovisualidades nas Mídias - textos de Henri Bergson e Eduardo BragaAula Audiovisualidades nas Mídias - textos de Henri Bergson e Eduardo Braga
Aula Audiovisualidades nas Mídias - textos de Henri Bergson e Eduardo BragaGustavo Fischer
 
Presentation @SAP: sofware and media, weaving timelines
Presentation @SAP: sofware and media, weaving timelinesPresentation @SAP: sofware and media, weaving timelines
Presentation @SAP: sofware and media, weaving timelinesGustavo Fischer
 
Aula Gestão para Inovação e Liderança Unisinos - 2011 - PA7
Aula Gestão para Inovação e Liderança Unisinos - 2011 - PA7Aula Gestão para Inovação e Liderança Unisinos - 2011 - PA7
Aula Gestão para Inovação e Liderança Unisinos - 2011 - PA7Gustavo Fischer
 
Aula Design Novas Tecnologias e Inovação - Buzz, viral, boca-a-boca
Aula Design Novas Tecnologias e Inovação - Buzz, viral, boca-a-bocaAula Design Novas Tecnologias e Inovação - Buzz, viral, boca-a-boca
Aula Design Novas Tecnologias e Inovação - Buzz, viral, boca-a-bocaGustavo Fischer
 
Aula 9 / PA4 (2010/2) - Design Unisinos
Aula 9 / PA4 (2010/2) - Design UnisinosAula 9 / PA4 (2010/2) - Design Unisinos
Aula 9 / PA4 (2010/2) - Design UnisinosGustavo Fischer
 
Trabalho PA4 - Inovação e Novas Tecnol.
Trabalho PA4 - Inovação e Novas Tecnol.Trabalho PA4 - Inovação e Novas Tecnol.
Trabalho PA4 - Inovação e Novas Tecnol.Gustavo Fischer
 

Plus de Gustavo Fischer (20)

TV News Archive como construto e lugar de memória na web
TV News Archive como construto e lugar de memória na webTV News Archive como construto e lugar de memória na web
TV News Archive como construto e lugar de memória na web
 
Vida, morte e pós-morte do Geocities: memória em degeneração/regeneração e no...
Vida, morte e pós-morte do Geocities: memória em degeneração/regeneração e no...Vida, morte e pós-morte do Geocities: memória em degeneração/regeneração e no...
Vida, morte e pós-morte do Geocities: memória em degeneração/regeneração e no...
 
Apresentacao PPGCC
Apresentacao PPGCCApresentacao PPGCC
Apresentacao PPGCC
 
Audiovisualidades Soterradas: escavando o internet archive (ALCAR 2015)
Audiovisualidades Soterradas: escavando o internet archive (ALCAR 2015)Audiovisualidades Soterradas: escavando o internet archive (ALCAR 2015)
Audiovisualidades Soterradas: escavando o internet archive (ALCAR 2015)
 
Problemas de/na pesquisa e a memória das/nas interfaces
Problemas de/na pesquisa e a memória das/nas interfacesProblemas de/na pesquisa e a memória das/nas interfaces
Problemas de/na pesquisa e a memória das/nas interfaces
 
Apresentacao tese de doutorado - Prof. Gustavo Daudt Fischer - dezembro de 2008
Apresentacao tese de doutorado - Prof. Gustavo Daudt Fischer - dezembro de 2008Apresentacao tese de doutorado - Prof. Gustavo Daudt Fischer - dezembro de 2008
Apresentacao tese de doutorado - Prof. Gustavo Daudt Fischer - dezembro de 2008
 
20 anos de internet: construtos de memória nas interfaces web.
20 anos de internet: construtos de memória nas interfaces web.20 anos de internet: construtos de memória nas interfaces web.
20 anos de internet: construtos de memória nas interfaces web.
 
Procedimientos de excavacion - Arqueologia de los medios - aplicaciones en la...
Procedimientos de excavacion - Arqueologia de los medios - aplicaciones en la...Procedimientos de excavacion - Arqueologia de los medios - aplicaciones en la...
Procedimientos de excavacion - Arqueologia de los medios - aplicaciones en la...
 
The restart page”: Observações sobre construtos de memória no terreno da web
The restart page”: Observações sobre construtos de memória no terreno da webThe restart page”: Observações sobre construtos de memória no terreno da web
The restart page”: Observações sobre construtos de memória no terreno da web
 
Excavando Interfaces: elementos de arqueologia de los medios como contribucio...
Excavando Interfaces: elementos de arqueologia de los medios como contribucio...Excavando Interfaces: elementos de arqueologia de los medios como contribucio...
Excavando Interfaces: elementos de arqueologia de los medios como contribucio...
 
Cartografia dos novos meios e Analítica Cultural - aula sobre textos de Lev M...
Cartografia dos novos meios e Analítica Cultural - aula sobre textos de Lev M...Cartografia dos novos meios e Analítica Cultural - aula sobre textos de Lev M...
Cartografia dos novos meios e Analítica Cultural - aula sobre textos de Lev M...
 
Cts apresentacao
Cts apresentacaoCts apresentacao
Cts apresentacao
 
Audiovisual e Pensamento: textos de Bellour e Flusser (PPT de apoio)
Audiovisual e Pensamento: textos de Bellour e Flusser (PPT de apoio)Audiovisual e Pensamento: textos de Bellour e Flusser (PPT de apoio)
Audiovisual e Pensamento: textos de Bellour e Flusser (PPT de apoio)
 
Aula Audiovisualidades nas Mídias - textos de Henri Bergson e Eduardo Braga
Aula Audiovisualidades nas Mídias - textos de Henri Bergson e Eduardo BragaAula Audiovisualidades nas Mídias - textos de Henri Bergson e Eduardo Braga
Aula Audiovisualidades nas Mídias - textos de Henri Bergson e Eduardo Braga
 
Presentation @SAP: sofware and media, weaving timelines
Presentation @SAP: sofware and media, weaving timelinesPresentation @SAP: sofware and media, weaving timelines
Presentation @SAP: sofware and media, weaving timelines
 
Aula Gestão para Inovação e Liderança Unisinos - 2011 - PA7
Aula Gestão para Inovação e Liderança Unisinos - 2011 - PA7Aula Gestão para Inovação e Liderança Unisinos - 2011 - PA7
Aula Gestão para Inovação e Liderança Unisinos - 2011 - PA7
 
Apresentacao tese
Apresentacao teseApresentacao tese
Apresentacao tese
 
Aula Design Novas Tecnologias e Inovação - Buzz, viral, boca-a-boca
Aula Design Novas Tecnologias e Inovação - Buzz, viral, boca-a-bocaAula Design Novas Tecnologias e Inovação - Buzz, viral, boca-a-boca
Aula Design Novas Tecnologias e Inovação - Buzz, viral, boca-a-boca
 
Aula 9 / PA4 (2010/2) - Design Unisinos
Aula 9 / PA4 (2010/2) - Design UnisinosAula 9 / PA4 (2010/2) - Design Unisinos
Aula 9 / PA4 (2010/2) - Design Unisinos
 
Trabalho PA4 - Inovação e Novas Tecnol.
Trabalho PA4 - Inovação e Novas Tecnol.Trabalho PA4 - Inovação e Novas Tecnol.
Trabalho PA4 - Inovação e Novas Tecnol.
 

Dernier

MARANATA - 19_04_2024.pptx | Maranata 2024
MARANATA - 19_04_2024.pptx | Maranata 2024MARANATA - 19_04_2024.pptx | Maranata 2024
MARANATA - 19_04_2024.pptx | Maranata 2024CarolTelles6
 
Exame De Suficiencia Para Obtencao Do Titulo De Especialista Em Medicina De F...
Exame De Suficiencia Para Obtencao Do Titulo De Especialista Em Medicina De F...Exame De Suficiencia Para Obtencao Do Titulo De Especialista Em Medicina De F...
Exame De Suficiencia Para Obtencao Do Titulo De Especialista Em Medicina De F...AnnaCarolina242437
 
GESTÃO FINANceiraaaaaaaaaaaaaaaaaaaaaaaaaa
GESTÃO FINANceiraaaaaaaaaaaaaaaaaaaaaaaaaaGESTÃO FINANceiraaaaaaaaaaaaaaaaaaaaaaaaaa
GESTÃO FINANceiraaaaaaaaaaaaaaaaaaaaaaaaaayasminlarissa371
 
I.2 Meios de Proteção das culturass.pptx
I.2 Meios de Proteção das culturass.pptxI.2 Meios de Proteção das culturass.pptx
I.2 Meios de Proteção das culturass.pptxJudite Silva
 
Simulado Enem Bernoulli-Primeiro dia.pdf
Simulado Enem Bernoulli-Primeiro dia.pdfSimulado Enem Bernoulli-Primeiro dia.pdf
Simulado Enem Bernoulli-Primeiro dia.pdfAnnaCarolina242437
 
Antonio Pereira_Vale+comunidade_set a dez_2023.pdf
Antonio Pereira_Vale+comunidade_set a dez_2023.pdfAntonio Pereira_Vale+comunidade_set a dez_2023.pdf
Antonio Pereira_Vale+comunidade_set a dez_2023.pdfAnnaCarolina242437
 
Simulado Bernoulli Enem_2-Primeiro dia.pdf
Simulado Bernoulli Enem_2-Primeiro dia.pdfSimulado Bernoulli Enem_2-Primeiro dia.pdf
Simulado Bernoulli Enem_2-Primeiro dia.pdfAnnaCarolina242437
 
AVALIA_CHUM_EFI_5 ANO_AV_2SEMESTRE_2023.pdf
AVALIA_CHUM_EFI_5 ANO_AV_2SEMESTRE_2023.pdfAVALIA_CHUM_EFI_5 ANO_AV_2SEMESTRE_2023.pdf
AVALIA_CHUM_EFI_5 ANO_AV_2SEMESTRE_2023.pdfAnnaCarolina242437
 
I.1 Boas Práticas fitossanitarias.pptxCC
I.1 Boas Práticas fitossanitarias.pptxCCI.1 Boas Práticas fitossanitarias.pptxCC
I.1 Boas Práticas fitossanitarias.pptxCCJudite Silva
 

Dernier (9)

MARANATA - 19_04_2024.pptx | Maranata 2024
MARANATA - 19_04_2024.pptx | Maranata 2024MARANATA - 19_04_2024.pptx | Maranata 2024
MARANATA - 19_04_2024.pptx | Maranata 2024
 
Exame De Suficiencia Para Obtencao Do Titulo De Especialista Em Medicina De F...
Exame De Suficiencia Para Obtencao Do Titulo De Especialista Em Medicina De F...Exame De Suficiencia Para Obtencao Do Titulo De Especialista Em Medicina De F...
Exame De Suficiencia Para Obtencao Do Titulo De Especialista Em Medicina De F...
 
GESTÃO FINANceiraaaaaaaaaaaaaaaaaaaaaaaaaa
GESTÃO FINANceiraaaaaaaaaaaaaaaaaaaaaaaaaaGESTÃO FINANceiraaaaaaaaaaaaaaaaaaaaaaaaaa
GESTÃO FINANceiraaaaaaaaaaaaaaaaaaaaaaaaaa
 
I.2 Meios de Proteção das culturass.pptx
I.2 Meios de Proteção das culturass.pptxI.2 Meios de Proteção das culturass.pptx
I.2 Meios de Proteção das culturass.pptx
 
Simulado Enem Bernoulli-Primeiro dia.pdf
Simulado Enem Bernoulli-Primeiro dia.pdfSimulado Enem Bernoulli-Primeiro dia.pdf
Simulado Enem Bernoulli-Primeiro dia.pdf
 
Antonio Pereira_Vale+comunidade_set a dez_2023.pdf
Antonio Pereira_Vale+comunidade_set a dez_2023.pdfAntonio Pereira_Vale+comunidade_set a dez_2023.pdf
Antonio Pereira_Vale+comunidade_set a dez_2023.pdf
 
Simulado Bernoulli Enem_2-Primeiro dia.pdf
Simulado Bernoulli Enem_2-Primeiro dia.pdfSimulado Bernoulli Enem_2-Primeiro dia.pdf
Simulado Bernoulli Enem_2-Primeiro dia.pdf
 
AVALIA_CHUM_EFI_5 ANO_AV_2SEMESTRE_2023.pdf
AVALIA_CHUM_EFI_5 ANO_AV_2SEMESTRE_2023.pdfAVALIA_CHUM_EFI_5 ANO_AV_2SEMESTRE_2023.pdf
AVALIA_CHUM_EFI_5 ANO_AV_2SEMESTRE_2023.pdf
 
I.1 Boas Práticas fitossanitarias.pptxCC
I.1 Boas Práticas fitossanitarias.pptxCCI.1 Boas Práticas fitossanitarias.pptxCC
I.1 Boas Práticas fitossanitarias.pptxCC
 

Evolução interfaces 15 anos

  • 1.  
  • 2. GERAL: Observar as características das mídias em relação ao design de interfaces buscando identificar aspectos que refletem as modificações que as interfaces web ou de softwares que operam através da internet sofreram nos últimos 15 anos.
  • 3.
  • 4.
  • 11. 1999 2001 2003 2005 2006
  • 12.
  • 13. PRIMEIRA GERAÇÃO: interfaces compostas por texto e gráficos. Esquema de cores monocromático. SEGUNDA GERAÇÃO: surgimento de ícones, imagens bidimensionais e imagens de fundo. Hierarquização da informação (AI). TERCEIRA GERAÇÃO: conteúdo apresentado em forma de multimídia – imagens 3D, sons, vídeos e e-commerce. QUARTA GERAÇÃO: informação livre e totalmente gratuita (internet colaborativa). Obs: a proposta de Quatro Geração vem de GILMOR (2002)
  • 14. “ A linguagem das interfaces gráficas está ligada a outras formas culturais advindas do impresso, do cinema e das Interfaces Humano-Computador. Nessas formas culturais, há modalidades específicas de organização, estruturando a experiência humana.”(MANOVICH, 2001)
  • 15. "A REMEDIAÇÃO é um processo que atravessaria todas as mídias, a partir de uma apropriação de técnicas, formas e significado social umas das outras e com isso repropondo-se, remodelando-se (do inglês  refashion)  na busca por construir novas formas de representação .” (BOLTER; GRUSIN, 1999)
  • 16. O recorte nos resultados parciais resultou no Hotsite da Absolut Rock – uma variação da bebida Absolut Vodka. No Hotsite, encontramos alguns exemplos de Remediação
  • 19. Remidiação DVD : separar partes do vídeo em capítulos
  • 20. Hyperlink durante o vídeo – remidiação Youtube
  • 21. Remidiação botões de player de música
  • 22. Linha do tempo – remidiação Youtube
  • 23. BANCO DE DADOS: conjunto de informações, que podem ser arquivados, indexados e resgatados por determinados procedimentos técnicos. MÍDIA: presença de imagens, vídeos, músicas e outras linguagens hipermidiáticas linkados ao banco de dados. AMBIENTE DE RELACIONAMENTO: lugar onde ocorre a interatividade com a interface. Web 2.0 – websites interativos e colaborativos.
  • 24. Como o mercado que discute interfaces web e softwares baseados na internet entende tendências?
  • 25. Um levantamento feito em sites especializados em web design nos apontaram tendências. Acompanhamento dos posts do website Webdesign Ledger * * http://webdesignledger.com/
  • 26. Esquema de cores diferentes Tipografia em negrito Grandes espaços em branco
  • 27. Imagens explorando a perspectiva
  • 28. Logos e cabeçalhos aumentaram seu tamanho exageradamente
  • 29. Layout com profundidade Dar mais importância à Informação que vem na frente
  • 30. Grandes imagens de plano de fundo
  • 31. Design de miniatura: seu Site precisa estar pronto para ser fotografado
  • 32. The Big App Show
  • 33.  
  • 34. GIF está de volta> uma tendência vantajosa?
  • 35. Mídia + Serviço + Design + S oftware
  • 36.
  • 37.
  • 38.