77
o que é isto, a interação? [email protected] rodrigo gonzatto introdução a história design de interação, gonzatto.com conceitos de interação

O que é isto, a Interação? (Design de Interação)

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

Page 1: O que é isto, a Interação? (Design de Interação)

o que é isto, a interação?

[email protected]

rodrigo gonzatto

introdução a história design de interação,

gonzatto.com

conceitos de interação

Page 2: O que é isto, a Interação? (Design 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).

Page 3: O que é isto, a Interação? (Design de Interação)

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

Page 4: O que é isto, a Interação? (Design de Interação)

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…

Page 5: O que é isto, a Interação? (Design de Interação)

Dan Saffer

Page 6: O que é isto, a Interação? (Design de Interação)

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.”

Page 7: O que é isto, a Interação? (Design de Interação)

as interações

a interação

Page 8: O que é isto, a Interação? (Design de Interação)

o que éisto? imagem de

Wittgeinstein (via. Matias Arvola)

Page 9: O que é isto, a Interação? (Design de Interação)

“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!

Page 10: O que é isto, a Interação? (Design de Interação)

adaptadode

Alex Primo

Interação reativa

Interação mútua

Marketing

onde se dá a interação?

Page 11: O que é isto, a Interação? (Design de Interação)

imagem de Matias Arvola

múltiplos interagires

Page 12: O que é isto, a Interação? (Design de Interação)

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

Page 13: O que é isto, a Interação? (Design de Interaçã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

Page 14: O que é isto, a Interação? (Design de Interação)

“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")

Page 15: O que é isto, a Interação? (Design de Interação)

interaçãocomcomputadores na história

Page 16: O que é isto, a Interação? (Design de Interação)
Page 17: O que é isto, a Interação? (Design de Interação)

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

Page 18: O que é isto, a Interação? (Design de Interação)

modelo deLuiz Ernesto Merkle

Page 19: O que é isto, a Interação? (Design de Interação)

abordagens históricas• Sistema

• Parceiro de discurso

• Ferramenta

• Mídia

• Mediação

Page 20: O que é isto, a Interação? (Design de Interação)

Sistema

// @ #

& * %usuário como computador

Page 21: O que é isto, a Interação? (Design de Interação)
Page 22: O que é isto, a Interação? (Design de Interação)
Page 23: O que é isto, a Interação? (Design de Interação)

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)

Page 24: O que é isto, a Interação? (Design de Interação)

“bug” de computadorGrace Hopper em 1945 trabalhando no Mark II (Harvard)

Page 25: O que é isto, a Interação? (Design de Interação)
Page 26: O que é isto, a Interação? (Design de Interação)

ENIAC “girls” (década de 40)

Page 27: O que é isto, a Interação? (Design de Interação)

usar = operar = programaroperadora = programadora

Page 28: O que é isto, a Interação? (Design de Interação)

programando com a mão:https://www.youtube.com/watch?v=P12r8DKHsak

Page 29: O que é isto, a Interação? (Design de Interação)
Page 30: O que é isto, a Interação? (Design de Interação)

Parceiro de discurso

computador como pessoa

I.A.

Page 31: O que é isto, a Interação? (Design de Interação)

IBM PC

Teclados!

Page 32: O que é isto, a Interação? (Design de Interação)

ordene: mem(ória)e como resposta terá informações sobre a memória do computador

Page 33: O que é isto, a Interação? (Design de Interação)

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

Page 34: O que é isto, a Interação? (Design de Interação)

CD PASTA(C)hange (D)irectory

para PASTA

C:/ _Você está em C:/

C:/PASTA _Você esta em C:/PASTA/

Page 35: O que é isto, a Interação? (Design de Interação)
Page 36: O que é isto, a Interação? (Design de Interação)
Page 37: O que é isto, a Interação? (Design de Interação)

filme: 2001 - Uma Odisséia no Espaço

noção de inteligência artificial

Page 38: O que é isto, a Interação? (Design de Interação)

teste de turing, de Alan Turing“Há como imaginar um computador digital que faria bem o jogo da imitação?”

Page 39: O que é isto, a Interação? (Design de Interaçã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

Page 40: O que é isto, a Interação? (Design de Interação)

cartesianismohumanos (sistema) = máquinas (sistema)

Page 41: O que é isto, a Interação? (Design de Interação)

CB2 - Osaka University

Page 42: O que é isto, a Interação? (Design de Interação)

uncanny valley

Page 43: O que é isto, a Interação? (Design de Interação)
Page 44: O que é isto, a Interação? (Design de Interação)

Será que a memória e a lógica humanafunciona como a memória e lógica computacional?

adaptado de slidesde Frederick van Amstel

Page 45: O que é isto, a Interação? (Design de Interação)

+ retroalimentação (feedback)

meio exterior

Page 46: O que é isto, a Interação? (Design de Interação)

Flak 18 era um canhão antiaéreo

ilustração de Tartaglia (Nova scientia inventa) 1537

Page 47: O que é isto, a Interação? (Design de Interação)

tabelas de tiro do exército dos EUApara canhões de 3 polegadas na 1ª Guerra Mundial:

Page 48: O que é isto, a Interação? (Design de Interação)
Page 49: O que é isto, a Interação? (Design de Interação)
Page 50: O que é isto, a Interação? (Design de Interação)

Ferramenta

trabalhoou produto

+ = ==

Page 51: O que é isto, a Interação? (Design de Interação)

ferramenta-mouse: outra interação

Page 52: O que é isto, a Interação? (Design de Interação)

Sistema STAR da Xerox

Page 53: O que é isto, a Interação? (Design de Interação)

mother of all demos, 1968Douglas Engelbart

GUI - graphic user interface+ mouse + teclado

Page 54: O que é isto, a Interação? (Design de Interação)

ferramenta VisiCalce planilhas eletrônicas

Page 55: O que é isto, a Interação? (Design de Interação)

sketchpad, 1963Ivan Sutherland

Page 56: O que é isto, a Interação? (Design de Interação)
Page 57: O que é isto, a Interação? (Design de Interação)
Page 58: O que é isto, a Interação? (Design de Interação)

Mídia / Linguagem

DxI

Page 59: O que é isto, a Interação? (Design de Interação)

Navegadores

Page 60: O que é isto, a Interação? (Design de Interação)
Page 61: O que é isto, a Interação? (Design de Interação)
Page 62: O que é isto, a Interação? (Design de Interação)

QUAL O 1º SITE?

homepagessite de provedor e portais

e-mail e buscadoresredes sociais

notificação push

Page 63: O que é isto, a Interação? (Design de Interação)

Comunicadores e conversa on-line

Page 64: O que é isto, a Interação? (Design de Interação)

Web 2.0Redes sociais, comunidades, blogs

user-generated contentajax

Brasil:fulano.com

beltrano.comvideolog.comflogao.com

Page 65: O que é isto, a Interação? (Design de Interação)

p2p

Page 66: O que é isto, a Interação? (Design de Interação)
Page 67: O que é isto, a Interação? (Design de Interação)

League of LegendsIntel Extreme Masters

2010

Page 68: O que é isto, a Interação? (Design de Interação)

League of Legendsseason 2014

Page 69: O que é isto, a Interação? (Design de Interação)
Page 70: O que é isto, a Interação? (Design de Interação)
Page 71: O que é isto, a Interação? (Design de Interação)

Mediações

Significado, Valores, Discursos, Ideologia Cultura e

Page 72: O que é isto, a Interação? (Design de Interação)

Curious Rituals, 2012Media Design ProgramArt Center College of Design in Pasadena, California.

Page 73: O que é isto, a Interação? (Design de Interação)

Nipple Chair, Anthony DunnePrazeres complicados

Page 74: O que é isto, a Interação? (Design de Interação)
Page 75: O que é isto, a Interação? (Design de Interação)

Press X to make a SanduichAnjin

Page 76: O que é isto, a Interação? (Design de Interação)