SlideShare uma empresa Scribd logo
1 de 51
Design de interação Design da experiência   considerações sobre um campo de atuação Mauro Pinheiro Universidade Federal do Espírito Santo [email_address] 1°EBAI · Encontro Brasileiro de Arquitetura de Informação  ·  19 e 20 de outubro de 2007
O que fazemos?
O que fazemos?
O que fazemos?
O que fazemos?
O que fazemos?
O que fazemos? ,[object Object],[object Object]
O que fazemos? ,[object Object],[object Object],[object Object],[object Object],para...
O que fazemos? projetamos software (?)
O que fazemos? projetamos software (?) para ambiente web, para celulares, para quiosques, para caixas eletrônicos etc.
O que fazemos? projetamos software para ambiente web, para celulares, para quiosques, para caixas eletrônicos etc.
O que podemos fazer?
O que podemos fazer? projetar   experiências Gerar valores e impressões dignos de lembrança (Ana Baeta Neves)
De onde viemos?
Mainframes Sistemas e interfaces projetadas por profissionais de ciência da computação Usuário se adequa ao sistema Computadores como ferramenta de trabalho 1 De onde viemos?
Década de 80 » surgimento da GUI (Graphical User Interface) Designers atuando na  camada de apresentação  de sistemas computacionais (principalmente profissionais de comunicação visual) Bill Moggridge: “ Design de interação ” Ampliação do campo de trabalho Projeto centrado no usuário 2 Mainframes Computadores como ferramenta de trabalho 1 De onde viemos? Sistemas e interfaces projetadas por profissionais de ciência da computação Usuário se adequa ao sistema Mac OS desktop (1984) Xerox Star (1981) Windows 3.11 (1993)
Década de 80 » surgimento da GUI (Graphical User Interface) Designers atuando na  camada de apresentação  de sistemas computacionais (principalmente profissionais de comunicação visual) Mainframes Década de 90 » popularização dos PCs, internet, WWW intensificação do uso de computadores pessoais Computadores como meio de comunicação email, instant messenger, IRC Computadores como meio de expressão pessoal Blogs, Youtube, Facebook, Twitter etc. Computadores como ferramenta de trabalho Aumento da complexidade do projeto de mídia interativa Especialização, divisão de tarefas Arquitetura de informação, design de interfaces, usabilidade etc. 1 2 3 Múltiplas competências envolvidas no projeto de mídia interativa De onde viemos? Bill Moggridge: “ Design de interação ” Ampliação do campo de trabalho Projeto centrado no usuário Sistemas e interfaces projetadas por profissionais de ciência da computação Usuário se adequa ao sistema
Múltiplas competências envolvidas no projeto de mídia interativa Baseado em George Olsen Estamos aqui...
Design da experiência ...mas podemos ir além Baseado em George Olsen Estamos aqui...
Características percebidas no desenvolvimento das tecnologias computacionais ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Pra complicar um pouco mais...
Características percebidas no desenvolvimento das tecnologias computacionais ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],ubiqüidade computacional pervasividade computacional Pra complicar um pouco mais...
Ubiqüidade computacional Pervasividade computacional ubíquo Onipresente, que está ao mesmo tempo em toda a parte.  pervasivo Neologismo de termo em inglês “pervasive”, que deriva do latim  pervādo ,  pervādere : ir além; penetrar;percorrer, permear. Ubiqüidade ou pervasividade computacional  é o resultado do avanço acelerado da tecnologia computacional, uma tendência a dotar qualquer produto feito pelo homem com hardware e software. A pervasividade computacional vai além do domínio dos computadores pessoais: a idéia é que praticamente  qualquer coisa , de carros a roupas, de xícaras de café a casas e ambientes, e até mesmo o corpo humano, possam ser dotados de chips que permitam conectá-los a outros dispositivos em rede.
Apertem os cintos, o computador sumiu!
Hug Shirt  (cutecircuit.com)
Aprendemos há algum tempo que mídias interativas não se referem a telas. Elas estão em toda parte: nos nossos bolsos, nos nossos pulsos, nas paredes de uma exibição, fundidas em outros dispositivos. A experiência que temos com essas mídias mudou também. Design de interação inclui websites e serviços de todo tipo, televisão, ambientes virtuais, instalações, jogos, CD e DVD, tecnologia educacional, ubiqüidade computacional, sensores inteligentes e tecnologia móvel, arte interativa e performances digitais (Lansdown Center for Electronic Arts, 2007, tradução nossa) Os limites entre hardware e software, dispositivo e interação, 2-d, 3-d, 4-d estão consideravelmente menos precisos, e ficarão ainda mais imprecisos [...] Embora ainda venham a ser necessárias interfaces para computadores, reconhecemos o surgimento de dispositivos computacionais menores, móveis, e novos contextos de interação. Ubiqüidade computacional, mobilidade e estilos de vida cambiantes, design de serviços, são novos tópicos a serem explorados. (Carnegie Mellon School of Design, 2007, tradução nossa)
o desafio: experiência fluida
MAYA Design Carnegie Library of Pittsburgh
 
 
 
 
 
 
 
 
 
 
 
 
 
projetar  experiências NÃO   significa (apenas) projetar  software
Exposição  Grande Sertão: Veredas
Exposição Grande Sertão: Veredas (Guimarães Rosa) – Projeto de Bia Lessa
Exposição Grande Sertão: Veredas (Guimarães Rosa) – Projeto de Bia Lessa
Exposição Grande Sertão: Veredas (Guimarães Rosa) – Projeto de Bia Lessa
Exposição Grande Sertão: Veredas (Guimarães Rosa) – Projeto de Bia Lessa
Exposição Grande Sertão: Veredas (Guimarães Rosa) – Projeto de Bia Lessa
[object Object],[object Object],[object Object],[object Object],Sobre o design de experiência:
[object Object],[object Object],[object Object],Sobre o design de experiência:
 
Obrigado!  Mauro Pinheiro [email_address]

Mais conteúdo relacionado

Mais procurados

Simulando infraestruturas-computacionais-para-a-ubicomp
Simulando infraestruturas-computacionais-para-a-ubicompSimulando infraestruturas-computacionais-para-a-ubicomp
Simulando infraestruturas-computacionais-para-a-ubicompAdemar Trindade
 
Introdução à teoria da interactividade
Introdução à teoria da interactividadeIntrodução à teoria da interactividade
Introdução à teoria da interactividadeJoão Sá
 
Modulo iii arquiteturainformacaousabilidade_thaiscampas
Modulo iii arquiteturainformacaousabilidade_thaiscampasModulo iii arquiteturainformacaousabilidade_thaiscampas
Modulo iii arquiteturainformacaousabilidade_thaiscampasThais Campas
 
Teoria da interactividade
Teoria da interactividadeTeoria da interactividade
Teoria da interactividadeCarlos Barbosa
 
Interface Humano-Computador (IHC)
Interface Humano-Computador (IHC)Interface Humano-Computador (IHC)
Interface Humano-Computador (IHC)Wellington Oliveira
 
Palestra "Usabilidade: conceito, aplicações e testes" de Renato Rosa
Palestra "Usabilidade: conceito, aplicações e testes" de Renato RosaPalestra "Usabilidade: conceito, aplicações e testes" de Renato Rosa
Palestra "Usabilidade: conceito, aplicações e testes" de Renato Rosawudrs
 
Arquitetura da Informação e Experiência do Usuário
Arquitetura da Informação e Experiência do UsuárioArquitetura da Informação e Experiência do Usuário
Arquitetura da Informação e Experiência do UsuárioThais Campas
 
Mobilidade e Computação Pervasiva 02
Mobilidade e Computação Pervasiva 02Mobilidade e Computação Pervasiva 02
Mobilidade e Computação Pervasiva 02Mauro Pinheiro
 
Usabilidade, IHC - Definições
Usabilidade, IHC - DefiniçõesUsabilidade, IHC - Definições
Usabilidade, IHC - DefiniçõesLuiz Agner
 
Visualização de Informação e Interacção Homem-Máquina
Visualização de Informação e Interacção Homem-MáquinaVisualização de Informação e Interacção Homem-Máquina
Visualização de Informação e Interacção Homem-MáquinaTiago Valente
 

Mais procurados (20)

Simulando infraestruturas-computacionais-para-a-ubicomp
Simulando infraestruturas-computacionais-para-a-ubicompSimulando infraestruturas-computacionais-para-a-ubicomp
Simulando infraestruturas-computacionais-para-a-ubicomp
 
Realidade virtual
Realidade virtualRealidade virtual
Realidade virtual
 
Internet das-coisas
Internet das-coisasInternet das-coisas
Internet das-coisas
 
Introdução à teoria da interactividade
Introdução à teoria da interactividadeIntrodução à teoria da interactividade
Introdução à teoria da interactividade
 
Realidade Virtual
Realidade VirtualRealidade Virtual
Realidade Virtual
 
IHC - Slide 2 - Usabilidade e Princípios de Design
IHC - Slide 2 - Usabilidade e Princípios de DesignIHC - Slide 2 - Usabilidade e Princípios de Design
IHC - Slide 2 - Usabilidade e Princípios de Design
 
Modulo iii arquiteturainformacaousabilidade_thaiscampas
Modulo iii arquiteturainformacaousabilidade_thaiscampasModulo iii arquiteturainformacaousabilidade_thaiscampas
Modulo iii arquiteturainformacaousabilidade_thaiscampas
 
Computação ubíqua
Computação ubíquaComputação ubíqua
Computação ubíqua
 
Teoria da interactividade
Teoria da interactividadeTeoria da interactividade
Teoria da interactividade
 
Interface Humano-Computador (IHC)
Interface Humano-Computador (IHC)Interface Humano-Computador (IHC)
Interface Humano-Computador (IHC)
 
Palestra "Usabilidade: conceito, aplicações e testes" de Renato Rosa
Palestra "Usabilidade: conceito, aplicações e testes" de Renato RosaPalestra "Usabilidade: conceito, aplicações e testes" de Renato Rosa
Palestra "Usabilidade: conceito, aplicações e testes" de Renato Rosa
 
Computação ubíqua
Computação ubíquaComputação ubíqua
Computação ubíqua
 
Computação ubíqua
Computação ubíquaComputação ubíqua
Computação ubíqua
 
Arquitetura da Informação e Experiência do Usuário
Arquitetura da Informação e Experiência do UsuárioArquitetura da Informação e Experiência do Usuário
Arquitetura da Informação e Experiência do Usuário
 
45
4545
45
 
Realidade aumenta e design 02
Realidade aumenta e design 02Realidade aumenta e design 02
Realidade aumenta e design 02
 
Mobilidade e Computação Pervasiva 02
Mobilidade e Computação Pervasiva 02Mobilidade e Computação Pervasiva 02
Mobilidade e Computação Pervasiva 02
 
Usabilidade, IHC - Definições
Usabilidade, IHC - DefiniçõesUsabilidade, IHC - Definições
Usabilidade, IHC - Definições
 
Visualização de Informação e Interacção Homem-Máquina
Visualização de Informação e Interacção Homem-MáquinaVisualização de Informação e Interacção Homem-Máquina
Visualização de Informação e Interacção Homem-Máquina
 
Computação ubíqua
Computação ubíquaComputação ubíqua
Computação ubíqua
 

Destaque

Northumbria Peer Review June 2011
Northumbria Peer Review June 2011Northumbria Peer Review June 2011
Northumbria Peer Review June 2011Vicky Teinaki
 
There and Back Again: Design Industry to a Design PhD
There and Back Again: Design Industry to a Design PhDThere and Back Again: Design Industry to a Design PhD
There and Back Again: Design Industry to a Design PhDVicky Teinaki
 
Institutionalising Sustainable Behaviour
Institutionalising Sustainable BehaviourInstitutionalising Sustainable Behaviour
Institutionalising Sustainable BehaviourVicky Teinaki
 
10 UX Changes for Every Drupal Site
10 UX Changes for Every Drupal Site10 UX Changes for Every Drupal Site
10 UX Changes for Every Drupal SiteVicky Teinaki
 

Destaque (6)

DIY Drupal
DIY DrupalDIY Drupal
DIY Drupal
 
Northumbria Peer Review June 2011
Northumbria Peer Review June 2011Northumbria Peer Review June 2011
Northumbria Peer Review June 2011
 
UX 101
UX 101UX 101
UX 101
 
There and Back Again: Design Industry to a Design PhD
There and Back Again: Design Industry to a Design PhDThere and Back Again: Design Industry to a Design PhD
There and Back Again: Design Industry to a Design PhD
 
Institutionalising Sustainable Behaviour
Institutionalising Sustainable BehaviourInstitutionalising Sustainable Behaviour
Institutionalising Sustainable Behaviour
 
10 UX Changes for Every Drupal Site
10 UX Changes for Every Drupal Site10 UX Changes for Every Drupal Site
10 UX Changes for Every Drupal Site
 

Semelhante a Design da experiência: considerações sobre um campo de atuação

Palestra - Design de interação
Palestra - Design de interaçãoPalestra - Design de interação
Palestra - Design de interaçãoLuiz Agner
 
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
 
Graduação puc - aplicações de padrões de projeto no desenvolvimento de inte...
Graduação   puc - aplicações de padrões de projeto no desenvolvimento de inte...Graduação   puc - aplicações de padrões de projeto no desenvolvimento de inte...
Graduação puc - aplicações de padrões de projeto no desenvolvimento de inte...Wagner Tironi Pinto
 
Princípios Básicos do Design de Sistemas Interativos
Princípios Básicos do Design de Sistemas InterativosPrincípios Básicos do Design de Sistemas Interativos
Princípios Básicos do Design de Sistemas InterativosWellington Oliveira
 
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
 
Lf tech days2010templatedesign
Lf tech days2010templatedesignLf tech days2010templatedesign
Lf tech days2010templatedesignLuis frias
 
IntelligenceDoc - Desenvolvimento e Gerenciamento Colaborativo de Documentações
IntelligenceDoc - Desenvolvimento e Gerenciamento Colaborativo de DocumentaçõesIntelligenceDoc - Desenvolvimento e Gerenciamento Colaborativo de Documentações
IntelligenceDoc - Desenvolvimento e Gerenciamento Colaborativo de DocumentaçõesThiago Macedo
 
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
 
Programação Criativa com Processing
Programação Criativa com ProcessingProgramação Criativa com Processing
Programação Criativa com ProcessingLucas Cabral
 
Usabilidade de Interfaces - Parte 1
Usabilidade de Interfaces - Parte 1Usabilidade de Interfaces - Parte 1
Usabilidade de Interfaces - Parte 1Oziel Moreira Neto
 
Convergência de Tecnologias
Convergência de TecnologiasConvergência de Tecnologias
Convergência de Tecnologiasdanielborzatto
 
Design Centrado no Usuário para Interface Digital
Design Centrado no Usuário para Interface DigitalDesign Centrado no Usuário para Interface Digital
Design Centrado no Usuário para Interface DigitalMarconi Pacheco
 
Design de informação e de interação
Design de informação e de interaçãoDesign de informação e de interação
Design de informação e de interaçãoPaula Faria
 
Design para a web - da interface ao branding
Design para a web - da interface ao brandingDesign para a web - da interface ao branding
Design para a web - da interface ao brandingJoão Alves
 
Computação Ubiqua e Verde
Computação Ubiqua e VerdeComputação Ubiqua e Verde
Computação Ubiqua e Verdeelliando dias
 
Projetos interativos I - AULA 01
Projetos interativos I - AULA 01Projetos interativos I - AULA 01
Projetos interativos I - AULA 01Marcos Souza
 

Semelhante a Design da experiência: considerações sobre um campo de atuação (20)

Palestra - Design de interação
Palestra - Design de interaçãoPalestra - Design de interação
Palestra - Design de interação
 
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
 
Graduação puc - aplicações de padrões de projeto no desenvolvimento de inte...
Graduação   puc - aplicações de padrões de projeto no desenvolvimento de inte...Graduação   puc - aplicações de padrões de projeto no desenvolvimento de inte...
Graduação puc - aplicações de padrões de projeto no desenvolvimento de inte...
 
Princípios Básicos do Design de Sistemas Interativos
Princípios Básicos do Design de Sistemas InterativosPrincípios Básicos do Design de Sistemas Interativos
Princípios Básicos do Design de Sistemas Interativos
 
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
 
Curso Marketing Digital Ana Paula Coelho
Curso Marketing Digital Ana Paula CoelhoCurso Marketing Digital Ana Paula Coelho
Curso Marketing Digital Ana Paula Coelho
 
Lf tech days2010templatedesign
Lf tech days2010templatedesignLf tech days2010templatedesign
Lf tech days2010templatedesign
 
IntelligenceDoc - Desenvolvimento e Gerenciamento Colaborativo de Documentações
IntelligenceDoc - Desenvolvimento e Gerenciamento Colaborativo de DocumentaçõesIntelligenceDoc - Desenvolvimento e Gerenciamento Colaborativo de Documentações
IntelligenceDoc - Desenvolvimento e Gerenciamento Colaborativo de Documentações
 
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
 
Capitulo1
Capitulo1Capitulo1
Capitulo1
 
Programação Criativa com Processing
Programação Criativa com ProcessingProgramação Criativa com Processing
Programação Criativa com Processing
 
Usabilidade de Interfaces - Parte 1
Usabilidade de Interfaces - Parte 1Usabilidade de Interfaces - Parte 1
Usabilidade de Interfaces - Parte 1
 
Convergência de Tecnologias
Convergência de TecnologiasConvergência de Tecnologias
Convergência de Tecnologias
 
Design Centrado no Usuário para Interface Digital
Design Centrado no Usuário para Interface DigitalDesign Centrado no Usuário para Interface Digital
Design Centrado no Usuário para Interface Digital
 
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
 
Design de informação e de interação
Design de informação e de interaçãoDesign de informação e de interação
Design de informação e de interação
 
Design para a web - da interface ao branding
Design para a web - da interface ao brandingDesign para a web - da interface ao branding
Design para a web - da interface ao branding
 
CRP-5215-0420-2014-09
CRP-5215-0420-2014-09CRP-5215-0420-2014-09
CRP-5215-0420-2014-09
 
Computação Ubiqua e Verde
Computação Ubiqua e VerdeComputação Ubiqua e Verde
Computação Ubiqua e Verde
 
Projetos interativos I - AULA 01
Projetos interativos I - AULA 01Projetos interativos I - AULA 01
Projetos interativos I - AULA 01
 

Mais de 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
 
Designers e Internet: uma relação em constante renovação
Designers e Internet: uma relação em constante renovaçãoDesigners e Internet: uma relação em constante renovação
Designers e Internet: uma relação em constante renovaçãoMauro 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
 
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
 
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
 
Sinalização e Ambientação da PROGRAD-UFES
Sinalização e Ambientação da PROGRAD-UFESSinalização e Ambientação da PROGRAD-UFES
Sinalização e Ambientação da PROGRAD-UFESMauro Pinheiro
 
Autoria e Comunicação no Design de Interação
Autoria e Comunicação no Design de InteraçãoAutoria e Comunicação no Design de Interação
Autoria e Comunicação no Design de InteraçãoMauro Pinheiro
 

Mais de 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
 
Designers e Internet: uma relação em constante renovação
Designers e Internet: uma relação em constante renovaçãoDesigners e Internet: uma relação em constante renovação
Designers e Internet: uma relação em constante renovação
 
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
 
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...
 
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 ...
 
Sinalização e Ambientação da PROGRAD-UFES
Sinalização e Ambientação da PROGRAD-UFESSinalização e Ambientação da PROGRAD-UFES
Sinalização e Ambientação da PROGRAD-UFES
 
Autoria e Comunicação no Design de Interação
Autoria e Comunicação no Design de InteraçãoAutoria e Comunicação no Design de Interação
Autoria e Comunicação no Design de Interação
 

Design da experiência: considerações sobre um campo de atuação

  • 1. Design de interação Design da experiência considerações sobre um campo de atuação Mauro Pinheiro Universidade Federal do Espírito Santo [email_address] 1°EBAI · Encontro Brasileiro de Arquitetura de Informação · 19 e 20 de outubro de 2007
  • 7.
  • 8.
  • 9. O que fazemos? projetamos software (?)
  • 10. O que fazemos? projetamos software (?) para ambiente web, para celulares, para quiosques, para caixas eletrônicos etc.
  • 11. O que fazemos? projetamos software para ambiente web, para celulares, para quiosques, para caixas eletrônicos etc.
  • 12. O que podemos fazer?
  • 13. O que podemos fazer? projetar experiências Gerar valores e impressões dignos de lembrança (Ana Baeta Neves)
  • 15. Mainframes Sistemas e interfaces projetadas por profissionais de ciência da computação Usuário se adequa ao sistema Computadores como ferramenta de trabalho 1 De onde viemos?
  • 16. Década de 80 » surgimento da GUI (Graphical User Interface) Designers atuando na camada de apresentação de sistemas computacionais (principalmente profissionais de comunicação visual) Bill Moggridge: “ Design de interação ” Ampliação do campo de trabalho Projeto centrado no usuário 2 Mainframes Computadores como ferramenta de trabalho 1 De onde viemos? Sistemas e interfaces projetadas por profissionais de ciência da computação Usuário se adequa ao sistema Mac OS desktop (1984) Xerox Star (1981) Windows 3.11 (1993)
  • 17. Década de 80 » surgimento da GUI (Graphical User Interface) Designers atuando na camada de apresentação de sistemas computacionais (principalmente profissionais de comunicação visual) Mainframes Década de 90 » popularização dos PCs, internet, WWW intensificação do uso de computadores pessoais Computadores como meio de comunicação email, instant messenger, IRC Computadores como meio de expressão pessoal Blogs, Youtube, Facebook, Twitter etc. Computadores como ferramenta de trabalho Aumento da complexidade do projeto de mídia interativa Especialização, divisão de tarefas Arquitetura de informação, design de interfaces, usabilidade etc. 1 2 3 Múltiplas competências envolvidas no projeto de mídia interativa De onde viemos? Bill Moggridge: “ Design de interação ” Ampliação do campo de trabalho Projeto centrado no usuário Sistemas e interfaces projetadas por profissionais de ciência da computação Usuário se adequa ao sistema
  • 18. Múltiplas competências envolvidas no projeto de mídia interativa Baseado em George Olsen Estamos aqui...
  • 19. Design da experiência ...mas podemos ir além Baseado em George Olsen Estamos aqui...
  • 20.
  • 21.
  • 22. Ubiqüidade computacional Pervasividade computacional ubíquo Onipresente, que está ao mesmo tempo em toda a parte. pervasivo Neologismo de termo em inglês “pervasive”, que deriva do latim pervādo , pervādere : ir além; penetrar;percorrer, permear. Ubiqüidade ou pervasividade computacional é o resultado do avanço acelerado da tecnologia computacional, uma tendência a dotar qualquer produto feito pelo homem com hardware e software. A pervasividade computacional vai além do domínio dos computadores pessoais: a idéia é que praticamente qualquer coisa , de carros a roupas, de xícaras de café a casas e ambientes, e até mesmo o corpo humano, possam ser dotados de chips que permitam conectá-los a outros dispositivos em rede.
  • 23. Apertem os cintos, o computador sumiu!
  • 24. Hug Shirt (cutecircuit.com)
  • 25. Aprendemos há algum tempo que mídias interativas não se referem a telas. Elas estão em toda parte: nos nossos bolsos, nos nossos pulsos, nas paredes de uma exibição, fundidas em outros dispositivos. A experiência que temos com essas mídias mudou também. Design de interação inclui websites e serviços de todo tipo, televisão, ambientes virtuais, instalações, jogos, CD e DVD, tecnologia educacional, ubiqüidade computacional, sensores inteligentes e tecnologia móvel, arte interativa e performances digitais (Lansdown Center for Electronic Arts, 2007, tradução nossa) Os limites entre hardware e software, dispositivo e interação, 2-d, 3-d, 4-d estão consideravelmente menos precisos, e ficarão ainda mais imprecisos [...] Embora ainda venham a ser necessárias interfaces para computadores, reconhecemos o surgimento de dispositivos computacionais menores, móveis, e novos contextos de interação. Ubiqüidade computacional, mobilidade e estilos de vida cambiantes, design de serviços, são novos tópicos a serem explorados. (Carnegie Mellon School of Design, 2007, tradução nossa)
  • 27. MAYA Design Carnegie Library of Pittsburgh
  • 28.  
  • 29.  
  • 30.  
  • 31.  
  • 32.  
  • 33.  
  • 34.  
  • 35.  
  • 36.  
  • 37.  
  • 38.  
  • 39.  
  • 40.  
  • 41. projetar experiências NÃO significa (apenas) projetar software
  • 42. Exposição Grande Sertão: Veredas
  • 43. Exposição Grande Sertão: Veredas (Guimarães Rosa) – Projeto de Bia Lessa
  • 44. Exposição Grande Sertão: Veredas (Guimarães Rosa) – Projeto de Bia Lessa
  • 45. Exposição Grande Sertão: Veredas (Guimarães Rosa) – Projeto de Bia Lessa
  • 46. Exposição Grande Sertão: Veredas (Guimarães Rosa) – Projeto de Bia Lessa
  • 47. Exposição Grande Sertão: Veredas (Guimarães Rosa) – Projeto de Bia Lessa
  • 48.
  • 49.
  • 50.  
  • 51. Obrigado!  Mauro Pinheiro [email_address]

Notas do Editor

  1. Falar do meu background: mercado, academia, doutorado