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

o que é isto, a interação?

rodrigo@gonzatto.com

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

rodrigo@gonzatto.com

rodrigo gonzattogonzatto.com