Upload
rodrigo-freese-gonzatto
View
683
Download
3
Embed Size (px)
DESCRIPTION
Slides sobre Design de Interação e a questão da interação, em uma perspectiva histórica de suas "ondas", paradigmas e abordagens. Trata do conceito de interação e a compreensão do computador como pela Ergonomia, IHC, Design de Interação, UX, apontando também a área atualmente. Utilizei estes slides na palestra sobre DxI na Semana de Informática 2014 da UTFPR-Curitiba.
Citation preview
o que é isto, a interação?
rodrigo gonzatto
introdução a história design de interação,
gonzatto.com
conceitos de interação
O que não é Design de Interação?
• Não é Computação, mas também é.
• É Interação Humano-Computador (IHC), mas também é outra coisa.
• É diferente de Design de Interfaces (GUI) (ou de Webdesign, etc).
O que faz / estuda ?
• O designer de interação debate, pesquisa, projeta, adapta, testa e avalia artefatos como websites, softwares, celulares, tablets, painéis, videogames, etc.
• Seu objeto é o projeto das interações humanas mediadas por artefatos interativos, ou seja, coisas digitais que participam ativamente da ação humana
• O profissional em designer de interação: de avaliador de telas e criador de interfaces até pesquisador de nichos de mercado
O que é Design de Interação? (é Disciplina?)• Campo de pesquisa interdisciplinar
• Exemplos de campos influentes:
‣ Interação Humano Computador (Computação)
‣ Design Participativo (Sistemas de Informação)
‣ Design Gráfico + Design de Produto (Design)
‣ Cognição e Comportamento (Psicologia)
‣ entre outros…
Dan Saffer
Fazer “DESIGN” em Design de Interação
• Prototipação: pensar com materiais
• Iteração: processo não-linear
• Colaboração e Participação: co-construção
• Pesquisa: com equipe, usuários, stakeholders, contexto, artefatos, etc.
“Pensar artefatos de 'fora' para ‘dentro'." “Um sistema não funciona
se quem o manuseia não dá sentido à ele.”
as interações
a interação
o que éisto? imagem de
Wittgeinstein (via. Matias Arvola)
“O significado de algo não depende apenas da própria coisa. Se dá na interação.
E a interação não está somente no sistema ou somente em quem usa. É mediação entre estes”
Pato! Coelho!
adaptadode
Alex Primo
Interação reativa
Interação mútua
Marketing
onde se dá a interação?
imagem de Matias Arvola
múltiplos interagires
A “INTERAÇÃO” como encontro de ações
• Quando a ação de A e ação de B se encontram
A BAção Ação
A “INTERAÇÃO” como todo maior que as partes
• A +B = C
• Na interação, os limites entre ações se confundem. A ação é conjunta (C), não apenas duas ações isoladas
EntreAção Ação
C
“Quanta" interação? “Qual" interação?
• Existe “mais" ou “menos" interação?
• “Interativo” pode ser uma ‘qualidade’ de algo? Podemos falar de tipos de interação?
• A interatividade não tem fim em si mesma! (Interação por interação, “adicionar interatividade num produto como se fosse uma feature")
interaçãocomcomputadores na história
Breve histórico: as 3 "momentos"
Fatores Humanos
linha de comando
um computador para muitos
Ergonomia
IHC
interface gráfica
um computador, uma pessoa
Psicologia
Design de Interação /UX
interfaces tangíveis, dispositivos móveis,
afetividade...
uma pessoa,
vários computadores
DesignCiências SociaisAntropologia
Filosofia
Computação Ciências Cognitivas ArquiteturaArte
ComunicaçãoSistemas de Informação
70’s
modelo deLuiz Ernesto Merkle
abordagens históricas• Sistema
• Parceiro de discurso
• Ferramenta
• Mídia
• Mediação
Sistema
// @ #
& * %usuário como computador
ENIACElectronic Numerical Integrator And Computer Computador e Integrador Numérico Eletrônico1943: começou a ser desenvolvido1947: começou a funcionar
ocupava 180 m² pesava 30 toneladas
construção foi requisitada pelo exército EUAcusto de U$ 500 mil (+ ou - U$6 milhões hoje)
“bug” de computadorGrace Hopper em 1945 trabalhando no Mark II (Harvard)
ENIAC “girls” (década de 40)
usar = operar = programaroperadora = programadora
programando com a mão:https://www.youtube.com/watch?v=P12r8DKHsak
Parceiro de discurso
computador como pessoa
I.A.
IBM PC
Teclados!
ordene: mem(ória)e como resposta terá informações sobre a memória do computador
peça: dir(etório) e como resposta terá informações sobre o diretóriopeça: CD (Change Directory, ou CHDIR) e o computador obedece
CD PASTA(C)hange (D)irectory
para PASTA
C:/ _Você está em C:/
C:/PASTA _Você esta em C:/PASTA/
filme: 2001 - Uma Odisséia no Espaço
noção de inteligência artificial
teste de turing, de Alan Turing“Há como imaginar um computador digital que faria bem o jogo da imitação?”
crítica: quarto chinês de Searlecomputadores podem entender a sintaxe mas não a semânticanão-chinês preso na China utilizando uma tabela para traduzir
não entende Chines mas consegue se comunicar
cartesianismohumanos (sistema) = máquinas (sistema)
CB2 - Osaka University
uncanny valley
Será que a memória e a lógica humanafunciona como a memória e lógica computacional?
adaptado de slidesde Frederick van Amstel
+ retroalimentação (feedback)
meio exterior
Flak 18 era um canhão antiaéreo
ilustração de Tartaglia (Nova scientia inventa) 1537
tabelas de tiro do exército dos EUApara canhões de 3 polegadas na 1ª Guerra Mundial:
Ferramenta
trabalhoou produto
+ = ==
ferramenta-mouse: outra interação
Sistema STAR da Xerox
mother of all demos, 1968Douglas Engelbart
GUI - graphic user interface+ mouse + teclado
ferramenta VisiCalce planilhas eletrônicas
sketchpad, 1963Ivan Sutherland
Mídia / Linguagem
DxI
Navegadores
QUAL O 1º SITE?
homepagessite de provedor e portais
e-mail e buscadoresredes sociais
notificação push
Comunicadores e conversa on-line
Web 2.0Redes sociais, comunidades, blogs
user-generated contentajax
Brasil:fulano.com
beltrano.comvideolog.comflogao.com
p2p
League of LegendsIntel Extreme Masters
2010
League of Legendsseason 2014
Mediações
Significado, Valores, Discursos, Ideologia Cultura e
Curious Rituals, 2012Media Design ProgramArt Center College of Design in Pasadena, California.
Nipple Chair, Anthony DunnePrazeres complicados
Press X to make a SanduichAnjin