COMPILADO Design de Interacao e Interfaces Digitais COMPLETO AULAS RESUMOS REVISAO AV1 AV2 AV3 SaibaMais EXTRAS PosGrad ComunicacaoMkt MidiasDigitais

Prévia do material em texto

DESIGN DE INTERAÇÃO E INTERFACES DIGITAIS 1 
 ....................................................................... 2 Aula 3: Interfaces, criatividade e inovação
 ............................................................................................................................. 2 Introdução
 ................................................................................................................................ 4 Conteúdo
Transcodificação: o acesso à informação na rede ..................................................... 4 
Princípios de Manovich .................................................................................................... 4 
Código e linguagem .......................................................................................................... 5 
Hipermídia e hipertexto .................................................................................................... 5 
Hiperlinks ............................................................................................................................. 6 
Rede de Bolter .................................................................................................................... 7 
Armazenamento ................................................................................................................ 7 
Produção de conteúdo ..................................................................................................... 8 
Emergência ......................................................................................................................... 9 
O comportamento da informação na rede ................................................................ 10 
Protocolos de transferência ........................................................................................... 10 
Comunicação digital ....................................................................................................... 11 
Atividade proposta .......................................................................................................... 12 
 ......................................................................................................... 14 Exercícios de fixação
Chaves de resposta ..................................................................................................................... 22 
 
 
 DESIGN DE INTERAÇÃO E INTERFACES DIGITAIS 2 
 
Introdução 
Usar interfaces digitais para objetivos comunicativos implica a necessidade de 
conhecer seus recursos informativos. Em outras palavras, a interface possui 
suas próprias maneiras de organizar o conteúdo veiculado ao usuário. Realizar 
essa veiculação de forma eficiente é importante, mas tão importante quanto é 
conhecer as novas possibilidades de organização de dados permitidas pela 
cultura digital. 
 
Essas novas possibilidades produzem mudanças cotidianas que são tão 
numerosas quanto impactantes. Basta pensar como o Google e a Wikipedia 
mudaram a nossa forma de resolver algum problema ou buscar uma resposta 
para uma questão. Por mais que as interfaces gráficas dessas duas ferramentas 
tenham papel fundamental, talvez a forma com a qual ambos organizam seu 
conteúdo seja ainda mais crucial. 
 
O propósito desta aula é desenhar um modelo compreensível de como essa 
nova arquitetura digital da informação funciona e das oportunidades que ela 
oferece. Este estudo, que será ancorado principalmente no caso da Wikipedia, 
parece ser fundamental, no sentido literal da palavra. Qualquer proposta 
comunicativa, antes de ser efetivada, precisa ter em vista os limites do que a 
linguagem usada pode ou não veicular. 
 
 
 
 DESIGN DE INTERAÇÃO E INTERFACES DIGITAIS 3 
Objetivo: 
1. Descrever as características da organização de informação no contexto das 
mídias digitais; 
2. Apresentar processos que demonstrem aplicações dessas características. 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 DESIGN DE INTERAÇÃO E INTERFACES DIGITAIS 4 
Conteúdo 
 
Transcodificação: o acesso à informação na rede 
Na última aula, já começamos a conhecer os princípios que regem a 
organização da informação digital. Seja uma imagem, um vídeo ou um jogo de 
videogame, em última análise, são representados por sequências de zeros e 
uns. Cada sequência binária codifica números, que definem variáveis e funções 
específicas: por exemplo, a cor de cada pixel que compõe uma imagem digital. 
Esses valores numéricos são facilmente manipulados, o que garante a 
flexibilidade do conteúdo (por exemplo, é muito fácil mudar a aparência uma 
imagem no Paint ou no Photoshop). Essa natureza matemática da mídia digital 
também permite que automatizemos processos (como filtros do Instagram que 
alteram qualquer imagem de forma adaptativa). 
 
Princípios de Manovich 
O texto anterior descreveu três dos quatro princípios que Lev Manovich (2001) 
atribui às novas mídias: representação numérica, modularidade e automação. 
Para introduzir e explicar o último e mais impactante princípio, o da 
transcodificação, Manovich apresenta um fenômeno curioso. O autor discursa 
sobre um fenômeno que dialoga com o tema da nossa primeira aula: a 
dimensão cultural das novas mídias. O que Manovich propõe é que essa 
dimensão cultural tem dois lados: o lado computacional e o lado humano. 
 
O lado computacional é regido pelas leis digitais. Entre elas, os princípios 
descritos na última aula. Por exemplo, para originar uma imagem, uma série de 
funções precisa organizar dados e fazê-los trafegar no disco rígido do 
computador. Esse mesmo processo possui um lado cultural e humano: que 
imagem é essa? O que ela representa? Qual o contexto cultural no qual ela se 
encaixa? 
 
 
 DESIGN DE INTERAÇÃO E INTERFACES DIGITAIS 5 
Código e linguagem 
Ao contrário do que se possa pensar, esses dois lados não são excludentes: 
eles se influenciam e se afetam o tempo todo. O que Manovich nos mostra é 
que o código e a linguagem do computador alteram as formas com as quais 
nos comunicamos, nos expressamos e atuamos no mundo. Uma demonstração 
clara desse fato é a mudança drástica provocada pelo Google e pela Wikipedia 
(entre outros atores) na nossa forma de pesquisar e adquirir conhecimentos 
das mais diversas alçadas. 
 
Mas como esses empreendimentos digitais causaram essa revolução? Existem 
muitos caminhos de entrada para começarmos a responder essa pergunta. 
Vamos abordá-la, portanto, a partir da questão do acesso. Se a representação 
numérica dos dados e sua característica modular referem-se ao modo de 
armazenar informações, a transcodificação faz referência também aos seus 
modos de transmissão e compartilhamento. 
 
Hipermídia e hipertexto 
O autor Jay David Bolter (2000) propõe uma explicação das capacidades do 
hipertexto a partir de uma perspectiva histórica. Por exemplo, voltemos à 
antiguidade, quando os textos eram escritos em formato de rolo. As 
palavras se espalhavam por folhas de pergaminho que se estendiam 
longamente, até que o texto estivesse terminado. Depois disso, a folha era 
enrolada e arquivada. Os textos eram consumidos “desenrolando” aos poucos a 
folha, de uma maneira forçadamente linear. Para chegar ao final do texto, era 
necessário percorrê-lo até o fim do rolo. 
 
Esse formato material do texto tinha o nome latino de volumen. A partir do 
século II a. C., começou a predominar o formato codex, ou códice, em 
português (CAVALLO; CHARTIER, 2001). O códice introduz o livro mais ou 
menos como o conhecemos hoje: uma união de cadernos com uma capa. Uma 
inovação radical na forma de produzir livros que gera uma série de mudanças 
ainda mais drásticas na forma de ler. 
 
 DESIGN DE INTERAÇÃO E INTERFACES DIGITAIS 6 
Primeiro, não era mais necessário segurar o texto com as duas mãos, que 
constantemente precisavam desenrolar o volumen. Em segundo lugar, as 
páginas eram preenchidas dos dois lados, condensandomais informação em 
menos espaço. Terceiro, e mais importante: era muito mais fácil acessar partes 
diferentes do texto. Abrir o livro no meio ou no final não era nem de longe tão 
difícil quanto com o rolo. 
 
Seria possível que a introdução dos computadores como ferramentas de 
leitura tenha causado uma mudança tão radical quanto esta? Segundo Bolter, 
uma inovação possível com os computadores é a libertação do texto de uma 
ordem específica. O autor propõem que imaginemos um livro impresso, mas 
cujas páginas foram destacadas do lugar e cada frase recortada. Se fizéssemos 
isso com um livro físico, as informações estariam desorganizadas e seria 
extremamente complicado achar algo que fizesse sentido. Nos computadores, 
porém, é possível executar essa tarefa sem que a informação se perca: basta 
definir parâmetros de associação entre os pedaços de texto. 
 
É exatamente o que se pode observar na Wikipedia, por exemplo. Cada página 
é autossuficiente e pode levar a uma multiplicidade de outras páginas. Dois 
usuários diferentes que pesquisam sobre um assunto (a história dos 
computadores, por exemplo) talvez percorram “caminhos” de páginas muito 
diferentes. 
 
Hiperlinks 
Essas unidades autossuficientes, no caso as páginas sobre cada assunto, estão 
repletas de portas para outras unidades: os hiperlinks. A disposição desses 
hiperlinks nas páginas é feita por agentes humanos, que identificam o valor 
semântico e cultural de cada assunto explorado pela Wikipedia. Mas a 
possibilidade de fazer os caminhos que supomos no parágrafo anterior também 
são possibilitados pelo protocolo HTTP (hypertext transfer protocol), que usa 
elementos da linguagem computacional. Novamente, as duas dimensões da 
interface mostram que convivem perfeitamente bem. 
 
 DESIGN DE INTERAÇÃO E INTERFACES DIGITAIS 7 
Essa lógica, com a qual já nos acostumamos, a princípio pode parecer natural e 
pouco inovadora. De fato, não se trata de uma forma melhor ou pior de 
adquirir informação, mas sim de uma mudança na organização dos dados. Uma 
enciclopédia ou dicionário em forma de livro são elaborados por um ou mais 
autores que dispõem cada pedaço de informação em uma ordem estipulada. 
Por mais que várias leituras em várias ordens sejam possíveis, existe uma 
ordem canônica: no caso do dicionário, a ordem alfabética. No caso de uma 
enciclopédia comum, sua estrutura é como a de uma árvore: existe um tronco 
que se divide em galhos, que por suas vezes dividem-se em galhos menores, e 
assim sucessivamente. 
 
Rede de Bolter 
Desenhar um texto hipermidiático como o da Wikipedia envolve a quebra dessa 
lógica. Em vez de árvore, Bolter fala na figura da rede: Cada ponto pode 
chegar a todos os outros pontos de sua estrutura, e todos eles possuem o 
mesmo valor. Não existe hierarquia canônica. Não é por acaso que chamamos o 
Facebook e o Twitter de redes sociais. Somos pontos que formatam o tecido 
dessas redes e, teoricamente, temos o mesmo valor de base na sua 
constituição. A parte “social” é a responsável por perturbar essa igualdade: 
certas ações e características de cada ator dentro das redes pode levá-los a 
perder ou ganhar popularidade, autoridade, tração de visitas etc. (RECUERO, 
2008). 
 
Armazenamento 
Outras características da estrutura da Wikipedia são importantes para que ela 
desempenhe sua função de forma tão distinta. Vimos que a passagem do rolo 
de pergaminho para o livro com páginas permitiu armazenar mais informação 
em menos quantidade de matéria-prima. Nada na cultura humana permite 
tanta eficiência nessa relação espaço/informação quanto à armazenagem 
digital: um disco rígido do tamanho de uma caixa de fósforos pode armazenar 
em seu interior mais livros do que qualquer biblioteca do mundo. Basta 
digitalizá-los. 
 
 DESIGN DE INTERAÇÃO E INTERFACES DIGITAIS 8 
Desta forma, as palavras, vídeos e áudios que compõem o enorme acervo da 
Wikipedia estão armazenados em servidores físicos. O que nos leva a um 
segundo fator de extrema importância: a diferença na forma de acesso. Os 
arquivos da Wikipedia “saem” desses servidores e chegam aos nossos 
computadores através de sinais que carregam as representações numéricas das 
quais já falamos. Esse código chega às nossas casas através de cabos, ondas 
eletromagnéticas e outros meios técnicos. Sem eles, só temos acesso aos 
discos rígidos internos do computador e a eventuais pendrives e HDs externos 
que tenhamos à mão. 
 
Produção de conteúdo 
Mas o que realmente torna a Wikipedia diferente de tudo que observamos em 
bibliotecas e livrarias é a forma com a qual seu conteúdo é produzido. Os 
cofundadores do portal, Jimmy Wales e Larry Sanger, obviamente não têm 
condições de coordenar e muito menos de executar sozinhos a criação de cada 
artigo. Também não existem coordenadores gerais divididos por assuntos ou 
equipes técnicas que desenham a hierarquia das páginas. Pelo contrário. Não 
existe quase nenhuma exigência ou condição prévia para que alguém edite um 
artigo. Não é necessário nem mesmo se cadastrar (com exceção de poucas 
páginas que possuem níveis de proteção). 
 
O sistema de criação de conteúdo da Wikipedia pressupõe que os usuários de 
nível mais “baixo” possam também participar da produção de conteúdo. Sendo 
assim, se alguém possui conhecimento em uma área específica e detecta um 
erro em um artigo, essa pessoa pode clicar em “Editar” e corrigi-lo. Se alguém 
perceber que a edição, na verdade, estava errada, pode corrigi-la novamente. 
Discussões podem ser travadas em uma sessão separada, até que se chegue a 
um consenso... ou não. 
 
As primeiras dúvidas que surgem da discrição desse sistema são mais ou 
menos as seguintes: Como os artigos não são cheios de erros? Como não são 
 
 DESIGN DE INTERAÇÃO E INTERFACES DIGITAIS 9 
deletados? Como é possível existir organização sem lideranças que definam as 
tarefas necessárias para criar cada frase de cada artigo? 
 
Essa dúvida revela nosso costume de compreender a organização como algo 
que é definida de cima para baixo. Um líder designa o que seus subordinados 
devem fazer. Esses distribuem tarefas para os seus subordinados, e assim por 
diante. A organização seria feita em forma de pirâmide, com os níveis mais 
altos controlando e limitando as ações dos níveis inferiores. 
 
Emergência 
Mas o que a organização da informação na Internet nos mostra, em várias 
oportunidades, é que padrões organizados podem surgir justamente do modo 
contrário. Em um grupo razoavelmente grande de pessoas organizadas em 
rede, a interação pode gerar ordem de baixo para cima. Em outras palavras, 
pode existir ordem e organização como as da Wikipedia sem que estas sejam 
definidas por líderes absolutos. 
 
Esse fenômeno é conhecido como emergência e foi explicado de forma 
suscinta e precisa pelo pesquisador Steven Johnson (2003). O autor demonstra 
a partir de várias fontes como a organização surge no nosso mundo muitas 
vezes de forma independente de liderança e de um planejamento centralizado. 
O primeiro exemplo é o formigueiro: Johnson faz uma revisão científica básica 
sobre a vida das formigas para nos explicar como elas se organizam. A formiga 
rainha não é uma líder, mas sim um receptáculo reprodutivo. Esse fenômeno 
pode aparentar não ter relação alguma com a aula, mas se resistimos um 
pouco vamos ver como ele é fundamental para entendermos a cultura digital e 
como a interação via Internet pode gerar consequências incríveis. 
 
A organização do formigueiro é um exemplo de emergência, e nasce da 
seguinte maneira: uma formiga é “programada” para perambular de forma 
aleatória no espaço. Durante esse trajeto incerto ela pode, por puro acaso, 
encontrar comida. Quando isso acontece, ela retorna ao formigueiro pelo 
 
 DESIGN DE INTERAÇÃO E INTERFACES DIGITAIS 10 
mesmo caminho. Enquanto isso, uma outra formiga pode seguir o rastro de 
feromônios que a primeira deixou.Quando as duas se encontrarem no meio do 
caminho, elas se comunicam e a segunda descobre que existe naquele caminho 
uma fonte de comida, e segue naquela direção. Esse processo se repete até 
que várias formigas vão buscar comida no mesmo lugar. Agora imaginemos 
milhares de formigas fazendo isso ao mesmo tempo: o resultado é que, a partir 
de um comportamento “burro” de perambular sem direção, o formigueiro pode 
mapear uma área enorme e descobrir onde existe comida, onde existem 
predadores, e outras tarefas extremamente complexas que são executadas da 
mesma maneira: de cima para baixo. 
 
O comportamento da informação na rede 
Depois de todos esses exemplos não digitais, Steven Johnson mostra que os 
softwares podem funcionar maios ou menos da mesma forma. Isso pode ser 
observado no Twitter, por exemplo: a partir do momento que um assunto 
ganha relevância, uma série de interações começa a ocorrer, o que faz gerar 
novas dinâmicas na rede social. 
 
Essa visualização dos dados e de seu comportamento ao longo do tempo é 
possível porque, na Internet, “toda ação deixa um rastro potencialmente 
recuperável, constituindo um vasto, dinâmico e polifônico arquivo de nossas 
ações, escolhas, interesses, hábitos, opiniões etc.” (BRUNO, 2014, p. 123). 
Esses rastros podem ser representados em forma de rede, como em um 
gráfico. Essa representação nos ajuda a perceber as dinâmicas de interação em 
rede, e como o compartilhamento de informação funciona muitas vezes de 
forma emergente. 
 
Protocolos de transferência 
Isso acontece com frequência na Internet, sobretudo porque nela a informação 
funciona, até certo ponto, de maneira horizontal. O que chamamos de TCP/IP 
(transfer control protocol/internet protocol) permite conexão ubíqua aos dados 
na rede. Esses dados são armazenados em servidores físicos, e nós chegamos a 
 
 DESIGN DE INTERAÇÃO E INTERFACES DIGITAIS 11 
esses servidores através de um banco de dados que chamamos de DNS 
(domain name system). O DNS mapeia a rede e nos direciona para os dados 
referentes a um endereço que procuramos (www.wikipedia.org, por exemplo). 
Cada endereço é codificado por uma sequência numérica que chamamos de IP 
(internet protocol) (GALLOWAY, 2004). 
 
Todas essas siglas e os processos que elas representam foram organizados 
para permitir o compartilhamento e a transmissão de dados. Quem estiver 
conectado à Internet possui todas as liberdades que esse sistema permite: sua 
horizontalidade significa que as amarras do espaço físico comum foram, em 
parte, desatadas. É tão fácil, para mim, acessar um site hospedado em um 
servidor no Japão quanto em um servidor local, graças ao poder dos protocolos 
da Internet. 
 
Comunicação digital 
Esse novo espaço, que funciona sob novas regras, permite novos encontros 
entre usuários, que produzem informação e se organizam de forma emergente, 
como nos vídeos que assistimos ao longo da aula. Eles demonstram que a 
Internet não é um mundo separado, mas sim uma nova dimensão do mesmo 
espaço. 
 
Os eventos que ocorrem no nosso dia a dia podem, agora, cada vez mais serem 
traduzidos em dados digitais e interpretados a partir do uso das interfaces. 
Nossa capacidade de ação foi modificada (para o bem e para o mal, 
dependendo da interpretação). 
 
Qualquer atividade comunicativa ambientada digitalmente precisa levar em 
conta as dinâmicas que esse tipo de interação permite. 
 
Duas dessas dinâmicas manifestam-se na(s) rede(s) com cada vez mais força. A 
primeira é a viralidade. O autor Henry Jenkins, em seu livro Spreadable Media 
(2013) alega que, para entender como um “pedaço de mídia” se espalha e se 
 
 DESIGN DE INTERAÇÃO E INTERFACES DIGITAIS 12 
reproduz pelas redes digitais, é preciso tanto entender seu conteúdo (ou seja, 
seu lado cultural) quanto os meios técnicos pelos quais ele trafega. Nós 
concordamos, e procuramos mostrar nesta aula a arquitetura informacional que 
leva uma informação viralizada aos seus variados destinos. 
 
Outro fenômeno particularmente relacionado a esta aula é o do Big data. Para o 
pesquisador Rob Kitchin, essas quantidades de dados volumosos, rápidos e 
dinâmicos permitem que nós percebamos padrões até então invisíveis. A 
quantidade assustadora de dados é coletada pelos “rastros digitais” deixados 
pelas nossas ações e guardados nos hardwares com cada vez mais capacidade 
de armazenamento. Esses dados são ubíquos: estão cada vez mais próximos da 
onipresença, sendo extraídos de gadgets e de qualquer objeto que se conecte à 
Internet (o que é válido para cada vez mais utensílios). 
 
Atividade proposta 
O objetivo desta aula foi mostrar que os dados armazenados em um 
computador podem produzir diferentes tipos de informação. Tudo depende de 
como os “pedaços” do todo são arrumados. Essa arrumação depende de: 
Quais dados estão armazenados? 
Como estes dados são acessados? 
Durante a aula, o principal alvo de nossa análise foi a Wikipedia. No entanto, 
toda vez que acessamos informações em um meio digital, estamos lidando com 
o mesmo tipo de fenômeno. Para demonstra isso, vamos analisar um site com 
uma proposta aparentemente impossível: https://libraryofbabel.info/ 
 
O site é inspirado no conto do escritor argentino Jorge Luis Borges, intitulado 
“A Biblioteca de Babel”. A história descreve uma biblioteca infinita, na qual as 
estantes se multiplicam infindavelmente. Estas estantes contém todos os livros 
que podem ser escritos com os 22 caracteres básicos (mais espaços, vírgulas e 
pontos) em 410 páginas. Embora o livro tenha sido publicado em 1941, 
recentemente o escritor e programador Jonathan Basile resolveu recriar a ideia 
digitalmente. Através da mágica dos algoritmos, o site produz as combinações 
https://libraryofbabel.info/
 
 DESIGN DE INTERAÇÃO E INTERFACES DIGITAIS 13 
de caracteres automaticamente quando se acessa cada página de cada livro. O 
programador alega que todas as possibilidades existem lá, e cada livro fica 
“guardado” no seu devido lugar, com o mesmo texto. Seria possível até mesmo 
achar este parágrafo na biblioteca. 
 
Independente de acreditarmos ou não (até agora o experimento parece ser 
legitimo), Basile escolheu uma forma interessante de organizar os dados 
perdidos nos seus algoritmos. Como seria possível responder às duas questões 
usando como estudo de caso https://libraryofbabel.info/: 
Quais dados estão armazenados? 
Como estes dados são acessados? 
 
Chave de resposta: 
1. Os dados armazenados são textos, ou seja, sequências de letras 
(caracteres), espaços, vírgulas etc. Como a proposta do site é armazenas todas 
as combinações possíveis destes símbolos, quase tudo que se acessa é 
ininteligível. 
 
2. Os dados são visualizados através da metáfora da biblioteca. Ela é divida 
em inúmeros espaços hexagonais que aparecem no site em como desenhos. 
Nestes desenhos, é possível passar o mouse nas estantes em cada sala. A 
estante se ilumina, indicando que pode ser clicada. Ao clicar, podemos ver 
diversos livros com seus “títulos”. Eles também são iluminados quando se passa 
ou mouse e, quando clicados, exibem suas páginas. Podemos navegar pelas 
páginas ou digitar o número da página que queremos visualizar. 
 
 
 
 
 
 
https://libraryofbabel.info/
 
 DESIGN DE INTERAÇÃO E INTERFACES DIGITAIS 14 
Exercícios de fixação 
Questão 1 
A gamificação almeja transformar em jogo atividades supostamente não-
lúdicas. No contexto digital, isso nos leva a pensar sobre a atuação dos 
usuários nas interfaces gráficas. No que se refere à relação entre agência do 
usuário e o funcionamento de interfaces digitais como jogos e softwares, 
escolha a opção que melhor traduz a intenção da gamificação: 
a) O que a gamificação busca é o engajamento. As interfaces são os elementos 
que comunicam usuário e uma determinada ação que se quer permitir a ele. A 
interface com elementos de jogo poderia ser uma forma de facilitar aexperiência. 
b) As interfaces têm o objetivo apenas de mostrar imagens. O objetivo da 
gamificação é divertir o usuário, o que nada tem a ver com a manipulação das 
ferramentas exibidas na tela. 
c) A interface é um tipo de comunicação com o usuário. Mas a gamificação tem a 
ver com elementos de jogo. Suas propriedades comunicativas são irrelevantes, 
o que nos leva à conclusão de que a interface é separada dos elementos de 
jogo. 
d) Apesar de tanto jogos como sites, redes sociais e aplicativos dependerem do 
uso da interface gráfica, as manifestações desta em cada um deles depende de 
princípios diferentes. Portanto, não há como tecer relações entre a interface de 
um jogo e de um website. 
e) Qualquer elemento da interface pode ser considerado como jogável, pois a 
interação é a chave para a diversão e o prazer lúdico. Não existem interfaces 
mais jogáveis que outras. 
 
Questão 2 
Como a intenção é criar engajamento, ou seja, aumentar a vontade do jogador 
de continuar atuando no sistema gamificado, uma das ferramentas possíveis é 
tentar desenvolver o flow state. A partir do que aprendemos sobre este 
fenômeno, marque a opção incorreta: 
 
 DESIGN DE INTERAÇÃO E INTERFACES DIGITAIS 15 
a) Quando um jogo é fácil demais, o usuário pode acabar perdendo o interesse no 
desafio, o que transforma as ações apenas em uma atividade sem sentido e 
desvincula o sujeito da experiência. 
b) Quando o jogo é difícil demais, o usuário pode até sentir-se desafiado, mas 
também pode acabar sentindo-se frustrado pelo excesso de erros e insucessos, 
o que o desengaja do que está fazendo. 
c) Como o jogo é construído de objetivos além de regras e ações 
contextualizadas, o flow state numa interface gamificada seria atingido através 
da criação de regras que tornem o alcance deste objetivo um processo 
interessante. 
d) O flow state é atingido quando o jogador tenta realizar uma tarefa em busca de 
alguma recompensa. Enquanto ele espera a recompensa chegar, ele está no 
flow state, ou seja, está engajado em continuar atuando no sistema. 
e) O flow state é uma sensação de engajamento produzido pelas regras do jogo, o 
que significa que, pelo menos em teoria, é possível criar algo semelhante com 
as regras de uma interface, seja num site, aplicativo ou software. 
 
Questão 3 
O flow state não é a única maneira através da qual os jogos convencem seus 
jogadores a continuar jogando. Existem outras formas de agir no sistema que 
exploram sensações de prazer, curiosidade, criatividade etc. Com isso em 
mente, considere as seguintes afirmações: 
I. A interface pode simular a propriedade dos jogos eletrônicos de permitirem o 
controle de objetos através de botões. O usuário pode controlar seu peso, 
velocidade, etc, gerando uma sensação lúdica. 
II. O sistema gamificado pode ser composto por diversas peças que podem ser 
unidas em diferentes combinações para gerar diferentes resultados, o que 
incentiva a criatividade do jogador. 
III. A interface pode não gerar nenhuma dificuldade, mas pode esconder 
possibilidades e incentivar o jogador a descobri-las, gerando um processo 
lúdico. 
 
 DESIGN DE INTERAÇÃO E INTERFACES DIGITAIS 16 
IV.O jogo pode premiar certas ações com medalhas, incentivando o jogador a 
realizar ações que antes eles não necessariamente fariam. Isso gera uma 
vontade de completar tarefas para 
Quais afirmações são verdadeiras? 
a) Apenas a III 
b) I, II e IV 
c) I, II e III 
d) II e III 
e) Apenas a IV 
 
Questão 4 
Existe uma “moda”, tanto nos jogos como nas interfaces gamificadas, de 
premiar certas ações (ou conjuntos de ações) com medalhas ou alguma espécie 
de símbolo que represente uma conquista. Tentamos argumentar que, 
independentemente de sua efetividade, esta técnica pode ter pouco a ver com 
jogos. Por quê? 
a) O colecionismo não impõe dificuldade na realização dos objetivos. Pede-se de 
quem atua na interface apenas que adquira as medalhas. Se não há 
dificuldade, não há flow state, o que significa que não há prazer lúdico. 
b) A recompensa em forma de medalha pode ser usada como forma de incentivar 
ações que não foram planejadas para serem lúdicas. Nesse sentido, ela deixa 
de ser um elemento de jogo para ser uma técnica behaviorista de engajamento, 
ou seja, um estímulo positivo para um comportamento que se quer encorajar. 
c) A criação de medalhas e premiação de ações é um processo que pede o 
envolvimento criativo do usuário. Criatividade é uma característica que não 
possui ligação direta com jogos, pois é um conceito mais amplo e complexo. 
d) Recompensas não fazem parte da lógica dos jogos, sejam digitais ou não. 
Qualquer tipo de recompensa é um recurso behaviorista que tenta condicionar 
mecanicamente a resposta do alvo. 
e) Criar medalhas e conquistas não envolve a característica fundamental do jogo, 
que é o movimento e o prazer de manipular objetos. Sendo assim, este recurso 
reserva-se a criar desafios intelectuais, que não podem ser lúdicos. 
 
 DESIGN DE INTERAÇÃO E INTERFACES DIGITAIS 17 
Questão 5 
Tentamos mostrar que ferramentas como pontos, medalhas e itens 
colecionáveis podem ser usados para incentivar a ludicidade (o prazer de jogar) 
ou como simplesmente como formas de incentivar a realização de ações. 
Quando ela funciona apenas como incentivo, podemos dizer que é externa ao 
jogo, pois não se conecta com os processos em movimento. Dentre as opções 
abaixo, qual exemplifica um elemento de engajamento externo? 
a) Pode-se criar na interface uma dinâmica de aprendizado que peça ao jogador 
que domine ações progressivamente mais desafiantes, ensinando-o aos poucos 
como vencer os desafios. 
b) É possível criar na interface possibilidades de criar e inventar. Isto é feito, 
basicamente, de elementos e objetos que podem ser conectados e que pedem 
a experimentação do jogador. 
c) Pode-se colocar na interface formas de controlar o movimento de objetos na 
tela e a criação de tarefas para serem cumpridas através dessa habilidade. 
d) Uma interface pode estipular desafios que peçam o envolvimento intelectual e 
lógico do jogador nas suas possibilidades de interação, criando enigmas e 
gerando motivação competitiva. 
e) Uma interface pode estipular níveis numerados. Cada vez que o jogador realiza 
10 ações determinadas, ele ganha 50 pontos de experiência. Cada nível exige 
uma quantidade progressivamente maior de pontos para ser ultrapassado. 
 
Questão 6 
Discutimos na aula a proposta de que, para possuir elementos de jogo, uma 
interface precisa ser palco de um processo que tenha alguma conexão com 
atividades lúdicas. No site Codecademy, qual seria esta conexão? 
a) A interface gráfica. Qualquer software é interativo, o que significa que qualquer 
atividade executada neles possui propriedades lúdicas. O papel da gamificação 
é incentivar o usuário a permanecer mais tempo usando a interface. 
b) A lógica de aprendizado. Assim como em muitos jogos, aprender a programar 
exige o domínio de habilidades cada vez mais complexas. O processo 
 
 DESIGN DE INTERAÇÃO E INTERFACES DIGITAIS 18 
gamificado envolve a criação de desafios lógicos que exijam as habilidades que 
a interface foi feita para ensinar. 
c) As recompensas. Recompensar o usuário é uma maneira de fazê-lo sentir-se 
bem, e é um recurso extraído de atividades lúdicas como jogos digitais ou de 
tabuleiro. 
d) O formato digital. Só através de um computador é possível criar uma 
comunicação interativa e que seja prazerosa para quem atua na interface. 
Sendo prazerosa, ela torna-se lúdica. 
e) Não é preciso haver conexão. A conexão é construída a partir do momento que 
elementos de jogo são inseridos na interface, como se fossem extensões desta. 
 
Questão 7 
Se a interface do Codeacademy possui uma intenção mais alinhada com 
processos lúdicos, existem outras intenções menos alinhadas. Como seria 
possível identificar uma interface com menos possibilidades lúdicas, baseando-se na sua intenção geral (criar um sistema de vendas para um site, por 
exemplo)? 
a) É preciso observar a dinâmica das ações que o usuário executará na interface. 
O exemplo da questão oferece poucas formas de inserir nesta dinâmica 
elementos de jogo, como aprendizado ou sensação de movimento. 
b) É necessário atentar para a possibilidade de “prender” o usuário na interface. 
Num sistema de vendas em um site a intenção do usuário é prática demais, não 
há chances de uma interface conseguir engajá-lo por muito tempo. 
c) Precisamos analisar as possibilidades de inserção estímulos positivos e 
negativos. Quando o usuário quer comprar algo, este processo não oferece 
essa possibilidade, pois a lógica de comprar/vender é muito simplória. 
d) A resposta está no potencial de premiação do usuário com conquistas e 
recompensas. Um sistema de compra e vendas parece ser pouco oportuno para 
este tipo de mecânica. 
e) Basta observar como o processo é feito na vida cotidiana: o processo de 
compra de roupas em uma loja, por exemplo. Não é possível ver nenhuma 
dinâmica de jogo neste processo “real”, portanto o virtual não é gamificável. 
 
 DESIGN DE INTERAÇÃO E INTERFACES DIGITAIS 19 
Questão 8 
Propomos uma forma de pensar a gamificação que inverta sua premissa mais 
comum: Em vez de inserir elementos de jogo em processos previamente 
pensados, sugerimos identificar dinâmicas lúdicas nos processos em si. Depois 
a tarefa seria intensificar estas dinâmicas e facilitar seu funcionamento. A partir 
desse pensamento, considere os exemplos: 
I. Em um site que peça a criação de perfis pessoais para o usuário, pode-se 
criar diferentes atributos para o usuário preencher e formas de personalizar o 
perfil visualmente, permitindo que ele brinque e crie com as possibilidades. 
II. Em um site que peça a criação de perfis pessoais para o usuário, pode-se 
colocar estímulos visuais (como notificações coloridas) que chamem a atenção 
do usuário e causem a sensação de engajamento. 
III. Em um site cujo objetivo é treinar pessoas para algum trabalho ou 
processo, é possível criar um sistema de pontuação que aumenta 10 pontos 
cada vez que o usuário realiza uma tarefa certa e diminui 10 pontos cada vez 
que ele erra algo. 
IV. Em um site cujo objetivo é treinar pessoas para algum trabalho ou 
processo, é possível criar uma série de desafios que exijam um entendimento 
cada vez mais complexo dessa dinâmica. 
Quais das opções descrevem corretamente esta forma de pensar a 
gamificação? 
a) II e IV 
b) II e III 
c) I e IV 
d) I e III 
e) Todas elas 
 
Questão 9 
Além de não serem necessariamente elementos de jogo, propomos que a 
inclusão de incentivos externos como medalhas e acumulação de pontos como 
ações potencialmente ineficientes a longo prazo. Como é possível explicar isso? 
 
 DESIGN DE INTERAÇÃO E INTERFACES DIGITAIS 20 
a) As recompensas podem não ser numerosas o suficiente para incentivar o 
usuário a continuar a coleciona-las. Portanto, deve-se sempre recriar e atualizar 
o sistema para manter o interesse do usuário. 
b) Recompensas podem desengajar o usuário, pois a maioria deles perceberá que 
é uma estratégia perversa de negócio e evitará usar a interface para não se 
“viciar”. 
c) Não há comprovação ou indício de que estímulos a ações repetitivas seja um 
método eficaz. Ele, quase sempre, será uma estratégia ineficiente, a longo ou 
curto prazo. 
d) Um sistema que recompensa os usuários pode transformar a interação em um 
jogo tão efetivo que o usuário pode acabar se distraindo da real intenção da 
interface. 
e) Incentivar ações através de recompensas pode implicar que estas ações são 
desinteressantes. Se o usuário as executa apenas pela medalha ou pelos 
pontos, em algum momento essa repetição pode tornar-se enfadonha e o 
usuário talvez desista de fazê-las. 
 
Questão 10 
A partir da análise do processo de negociação no estudo de caso da Harvard 
Business School, podemos perceber um exemplo prático da lógica descrita na 
questão anterior. Nas opções a seguir, elencamos partes do processo de 
negociação que funcionam de maneira parecida com dinâmicas de jogo. Uma 
das opções, no entanto, é incorreta. Qual? 
a) Uma negociação, por ser composta de dois lados com interesses 
potencialmente conflitantes, pode ser encarada como uma dinâmica 
competitiva, assim como um jogo de xadrez, por exemplo. 
b) Existem diretrizes em negociações que podem ser comparadas com regras de 
um jogo. Por exemplo, se alguém se nega a cooperar com a contraparte 
diversas vezes, a “regra” é que ela se desmotivará a continuar a negociar. 
c) Assim como em alguns tipos de jogo, uma negociação desafia os agentes 
intelectualmente. Eles precisam compreender a dinâmica da interação como se 
fosse um enigma ou quebra-cabeça, e resolvê-lo com suas ações. 
 
 DESIGN DE INTERAÇÃO E INTERFACES DIGITAIS 21 
d) Numa negociação, existe a possibilidade de se ganhar algo positivo no final. 
Portanto, o processo não precisa exibir traços lúdicos em si, desde que a 
recompensa incentive o jogador a permanecer agindo. 
e) Numa negociação, pode-se arquitetar uma estratégia, assim como em um jogo. 
Por exemplo: ser agressivo, ser paciente, ser colaborativo etc. Tanto no jogo 
como na negociação, a estratégia é uma forma de tentar alcançar objetivos. 
 
 
 
 DESIGN DE INTERAÇÃO E INTERFACES DIGITAIS 22 
Aula 3 
Exercícios de fixação 
Questão 1 - A 
Justificativa: Interfaces gamificadas, de uma forma geral, buscam soluções para 
tentar “prender” o usuário. Os elementos de jogo que supostamente adicionam 
seriam ferramentas para facilitar e/ou tornar a experiência mais prazerosa. Isso 
é feito, no contexto digital, principalmente através da mudança na linguagem 
da interface. Caso a interface comunique apenas através de ações pragmáticas, 
o prazer lúdico emerge com muitíssima dificuldade. 
 
Questão 2 - D 
Justificativa: A opção “D” descreve o processo exatamente contrário ao flow 
state. Se o usuário está interagindo com a interface apenas para conseguir um 
prêmio, isso significa que sua mente está desconectada da experiência atual e 
focada na recompensa. O flow state, pelo contrário, mantem a concentração do 
usuário no que ele está fazendo: seu interesse nem é enfraquecido pela 
facilidade excessiva nem espantado por uma dificuldade frustrante. 
 
Questão 3 - C 
Justificativa: As opções I, II e III descrevem caminhos para alterar a 
experiência de ação do jogador na interface. A opção IV, pelo contrário, 
descreve uma técnica de recompensa que também busca o engajamento. No 
entanto, tentamos mostrar que este tipode técnica, embora seja comumente 
usado pela gamificação, não se trata de um elemento de jogo propriamente 
dito. 
 
Questão 4 - B 
Justificativa: Uma recompensa não é um elemento de jogo por si só. A opção B 
demonstra este fenômeno: no jogo, uma recompensa é como o fechamento de 
um ciclo de ações que compõem um processo lúdico (como montar um quebra-
 
 DESIGN DE INTERAÇÃO E INTERFACES DIGITAIS 23 
cabeça ou ganhar uma corrida). Na lógica behaviorista, ela funciona apenas 
como estímulo para incentivar ações que podem até mesmo ser monótonas 
e/ou repetitivas mas que, por algum motivo, queremos que o usuário realize. 
 
Questão 5 - E 
Justificativa: A opção “E” exemplifica um recurso que separa as ações da 
recompensa. As ações realmente não importam, o que importa é que elas 
sejam realizadas. Para isso, cria-se um mecanismo de incentivo que não se 
conecta com o processo de interação. 
 
Questão 6 - B 
Justificativa: Como vimos na aula 2, o aprendizado é um processo comum no 
design da interação no videogame, já que o usuário precisa agir no jogo. Cada 
sistema de regras pede um tipo de estratégia de ação. Da mesma maneira, 
aprender uma língua estrangeira ou a programar exige a apreensão de uma 
série de mecanismos e regras. Uma interface que tenha este objetivo possui 
uma ligaçãoimediata com jogos digitais, bastando apenas intensificar essa 
relação através da criação de objetivos, desafios, etc. 
 
Questão 7 - B 
Justificativa: Quando falamos de jogo, falamos de ações e processos de 
interação. Se quisermos gamificar uma interface, devemos observar que tipo de 
ações são realizadas nela e buscar alguma conexão entre estas ações e uma 
possível organização lúdica: desafios que estabeleçam um aprendizado/flow 
state, a sensação de controlar objetos com peso e movimento, a possibilidade 
de conectar e reconectar pedaços do sistema para possibilitar a criatividade etc. 
 
Questão 8 - C 
Justificativa: As opções I, II e III descrevem caminhos para alterar a 
experiência de ação do jogador na interface. A opção IV, pelo contrário, 
descreve uma técnica de recompensa que também busca o engajamento. No 
entanto, tentamos mostrar que este tipo de técnica, embora seja comumente 
 
 DESIGN DE INTERAÇÃO E INTERFACES DIGITAIS 24 
usado pela gamificação, não se trata de um elemento de jogo propriamente 
dito. 
 
Questão 9 - E 
Justificativa: A opção “E” mostra que o incentivo desconectado das ações feitas 
no jogo pode tornar-se ineficiente a longo prazo. Afinal de contas, a ação na 
interface, quando é monótona, acaba levando ao desinteresse. Mesmo prêmios 
e recompensas podem não ser suficientes quando esta monotonia é arrastada 
por muito tempo sem a criação de um flow state, possibilidades criativas ou 
outras sensações lúdicas. 
 
Questão 10 - D 
Justificativa: A opção “D” é incorreta, já que demonstra uma visão de 
recompensa que não se integra ao processo gamificado - no caso, o da 
negociação. Se a recompensa não vem depois de ações que de certa forma se 
conectam a ela, ela deixa de se tornar um elemento de jogo para ser um 
estímulo behaviorista que busca incentivar a ação. 
 
 
 
 
 
 
 
 DESIGN DE INTERAÇÃO E INTERFACES DIGITAIS 1 
 ........................................................................................... 2 Aula 4: Interface, técnica e arte
 ............................................................................................................................. 2 Introdução
 ................................................................................................................................ 4 Conteúdo
O que a interface esconde? ............................................................................................. 4 
Influência da mídia impressa na linguagem da interface .......................................... 6 
Influência do cinema na linguagem da interface........................................................ 8 
Metáfora da interface ........................................................................................................ 9 
Representação e controle .............................................................................................. 11 
Arte digital ......................................................................................................................... 13 
Internet das Coisas .......................................................................................................... 15 
Atividade proposta .......................................................................................................... 15 
........................................................................................................................... 17 Referências
 ......................................................................................................... 18 Exercícios de fixação
Notas ........................................................................................................................................... 22 
Chaves de resposta ..................................................................................................................... 23 
 
 
 DESIGN DE INTERAÇÃO E INTERFACES DIGITAIS 2 
 
Introdução 
Já percebemos que o que chamamos de novas mídias está formulando numa 
nova espécie de linguagem expressiva. Essa expressividade drena sua energia 
das quatro propriedades fundamentais que identificamos na última aula 
(representação numérica, modularidade, automação e transcodificação). No 
entanto, ainda nos resta analisar como a propriedade da interação elaborada 
por essas propriedades se traduz em uma dinâmica de interface gráfica, por 
exemplo. 
 
Uma interface (seja gráfica, sonora, tátil etc.) funciona no sentido de veicular a 
informação armazenada e organizada no sistema e convidar o usuário para agir 
sobre ela. Isso pode ser feito de tantas maneiras quanto os nossos 
computadores forem capazes de processar (sejam eles smartphones, 
notebooks, tablets ou desktops). Obviamente não exploramos todas essas 
maneiras ainda, já que o fenômeno da computação possui poucas décadas de 
existência, e sua convivência revolucionária com a Internet tem ainda menos 
idade. 
 
Quais seriam então as inspirações dos designers de interface para construir 
suas plataformas de interação? Perceberemos que essas técnicas estão em 
constante mudança, e que elas se baseiam até hoje em meios de comunicação 
que se estabeleceram antes do computador. Ao misturar elementos de 
linguagem das mídias impressas, do cinema e de convenções próprias do 
 
 DESIGN DE INTERAÇÃO E INTERFACES DIGITAIS 3 
campo da interação humano-computador, o mundo das interfaces vai aos 
poucos redescobrindo seu potencial comunicativo. Esse movimento é 
catapultado tanto por inovações do campo empresarial quanto por provocações 
realizadas por pioneiros da arte digital. 
 
Objetivo: 
1. Descrever através de exemplos a reinvenção constante dos elementos 
comunicativos presentes na cultura digital; 
2. Mapear as bases comunicativas que influenciaram a linguagem da interface. 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 DESIGN DE INTERAÇÃO E INTERFACES DIGITAIS 4 
Conteúdo 
 
O que a interface esconde? 
É engraçado parar para pensar e nos indagar o porquê de chamarmos algo de 
interface. A primeira parte da palavra, “inter”, parece mais óbvia e fácil de 
explicar. Como vimos em aulas anteriores, a interface é algo que se posiciona 
entre as informações guardadas em um terminal (seja um HD ou dados na 
“nuvem”) e o sujeito que as acessa e as manipula. 
 
O pesquisador Friedrich Kittler (1995) usa a figura da tradução para ilustrar o 
que a interface realiza: ela compreende a informação em linguagem 
computacional e traduz para a nossa linguagem do cotidiano. 
 
E o segundo pedaço da palavra – “face”? Se refletirmos por um momento, a 
resposta torna-se mais visível. 
 
O que vimos na aula passada é que a informação possui diferentes maneiras de 
se organizar no interior de um sistema. Ela pode funcionar de forma 
hipermidiática, com links e hiperlinks que interligam páginas independentes, 
ou pode ser mutável e auto-organizável e se reconstruir o tempo todo, 
como quando algo de importante acontece no mundo e uma página da 
Wikipedia nasce para registrar o fato. 
 
A metamorfose causada por dezenas de editores que acrescentam informações, 
corrigem erros uns dos outros e em conjunto aperfeiçoam sua construção exibe 
traços de lógica emergente. 
 
A “face” dessas informações é justamente o que nós vemos quando interagimos 
com ela. De nada adianta termos um sistema informativo cheio de hiperlinks ou 
com dados auto-organizáveis se a sua “face” não demonstra essas 
propriedades e nos diz como lidar com elas. 
 
 
 DESIGN DE INTERAÇÃO E INTERFACES DIGITAIS 5 
A comunicação através da interação é tão dependente da organização interna 
das informações quanto da interface gráfica que demonstra ao usuário o que 
acontece do lado de dentro. De certa forma, essa lógica é parecida com a de 
quando conversamos com alguém: uma pessoa pode estar sentindo e 
pensando uma série de coisas. Se não conseguirmos ler isso nas suas 
expressões faciais, nosseus gestos e na sua voz, a comunicação não 
acontecerá com o mesmo efeito. 
 
Nesse sentido, as interfaces gráficas elaboradas ao longo das décadas em que 
foram desenvolvidas recorrerão a diferentes elementos visuais e processuais 
para nos mostrar o que elas escondem. 
 
 
(imagem representativa desenvolvido na década de 1990) 
 
Se observarmos hoje um site desenvolvido na década de 1990, provavelmente 
o acharemos antiquado e pouco intuitivo. Mas ao pararmos para analisar sua 
aparência e funcionamento no contexto da época, perceberemos que ele estava 
tentando usar recursos comunicativos que hoje foram esquecidos. Hoje, nossa 
cultura é outra, com novas referências. Portanto, as interfaces seguem essa 
marcha, e também renovam suas ferramentas expressivas. 
 
 
 DESIGN DE INTERAÇÃO E INTERFACES DIGITAIS 6 
 
(imagem representativa desenvolvido nos dias atuais) 
 
Influência da mídia impressa na linguagem da interface 
Quando observamos a imagem do site do jornal The New York Times, fica claro 
motivo pelo qual se convencionou chamar os endereços eletrônicos e os dados 
que eles contêm de “página na web” (ou webpage em inglês). Esse tipo de 
configuração inspira-se claramente no formato do jornal clássico. 
 
Se compararmos com uma foto do jornal impresso da mesma época, as 
semelhanças não são difíceis de serem notadas: 
 
 
(imagem representativa jornal The New York Times) 
 
 DESIGN DE INTERAÇÃO E INTERFACES DIGITAIS 7 
 
(imagem representativa jornal The New York Times) 
 
Embora estruturalmente elas sejam muito parecidas, as duas páginas – 
impressa e digital – possuem algumas diferenças. A presença de texto na 
versão impressa ainda é muito maior. 
 
E o motivo está na natureza hipermidiática da web: em vez de colar o texto 
logo abaixo da manchete, os designers da página decidiram que o usuário 
deveria clicar no título e ser encaminhado para a versão completa da notícia. 
Essa é uma técnica parecida com a que já era usada nos jornais, quando uma 
pequena chamada dá um panorama do assunto e indica, no final da passagem, 
o número da página que explica o tema com mais detalhes. 
 
É interessante perceber, a partir disso, que a semelhança não está apenas no 
caráter visual das duas páginas. Está também na maneira como elas organizam 
a interação do usuário. As duas estabelecem uma ordem determinada para 
suas notícias. São ordenadas por assunto, por importância etc. Uma seleção 
espacial é feita, pensando na experiência do usuário como algo dirigido. A 
ferramenta básica usada para a direção dessa experiência é a da metáfora da 
página impressa, que vem dos livros, jornais e revistas e é implementada, com 
algumas mudanças, nos websites, sobretudo nos primeiros anos de world wide 
web. 
 
 
 DESIGN DE INTERAÇÃO E INTERFACES DIGITAIS 8 
Influência do cinema na linguagem da interface 
Embora muitos sites, principalmente os jornalísticos, ainda coloquem forte 
ênfase em sua carga textual e na organização por páginas, existem outras 
formas de linguagem influenciando a experiência do usuário de interfaces 
gráficas digitais. A principal delas é o conjunto de ferramentas que expressam 
ideias através de imagens em movimento. Ou seja, falamos de uma linguagem 
da interface que já dialoga e se alimenta de recursos discursivos do cinema. 
 
O cinema é, por excelência, uma forma artística que se expressa através de 
imagens em movimento. Ao longo do século XX, essa forma expressiva foi se 
desenvolvendo com o intuito principal de contar histórias. 
 
O cinema usa recursos como movimentos de câmera, zoom, objetos/pessoas 
saindo/entrando de quadro, cortes e transições imagéticas para narrar eventos. 
Esses mesmos recursos serão modificados e adaptados às interfaces gráficas, 
que começarão a brincar com a capacidade de “animar” sua estrutura. Menus e 
subtítulos podem se esconder e emergir de cima para baixo quando passamos 
o mouse sobre uma foto, por exemplo. 
 
O site da revista The New Yorker se aproveita bastante do movimento dos seus 
elementos interativos. Não só isso: se contrastarmos com a página do The New 
York Times de 1999, percebemos a predominância das imagens sobre as 
palavras. 
 
 
(imagem representativa página do The New York Times de 1999) 
 
 DESIGN DE INTERAÇÃO E INTERFACES DIGITAIS 9 
Já estamos acostumados a ver “pedaços” da interface se movimentando pela 
tela, mas esse é um recurso que foi se instaurando aos poucos na linguagem 
da interação. Cada vez mais usamos outros recursos cinemáticos, como o 
zoom, seleção de ângulos, manipulação direta da “câmera” pelo usuário”. 
 
Basta pensar em uma interface como a do Google Maps, por exemplo. Seja na 
sua exibição em duas dimensões ou no modo Street View, em três dimensões, 
o que apreciamos é um espaço cuidadosamente pensado para apresentar 
imagens para o usuário. Este, por sua vez, usa suas ferramentas de interação 
para movimentá-la, mudar sua perspectiva e absorver novas informações a 
partir da “câmera”. 
 
 
(imagem representativa do Google Maps) 
 
Metáfora da interface 
É possível perceber, portanto, que no contexto que a mídia digital evolui, suas 
interfaces tentam simular experiências culturais de outras mídias. O 
computador torna-se, aos poucos, uma ferramenta de consumo cultural. A 
aparência das interfaces que mediam esse consumo tentavam estabelecer uma 
comunicação eficiente com os usuários. Essa tentativa passava pela “imitação” 
de interfaces não digitais. 
 
Um software de edição de vídeo exibe as porções de filmagem como se fossem 
fitas contínuas que o usuário pode cortar e reposicionar. Softwares de 
reprodução de áudio muitas vezes possuem botões parecidos com os de um 
rádio ou aparelho de som. Opções mais avançadas de equalização e 
 
 DESIGN DE INTERAÇÃO E INTERFACES DIGITAIS 10 
manipulação do som em geral possuem alavancas e moduladores que se 
assemelham com dispositivos presentes em mesas de som, por exemplo. 
 
À esquerda, parte da interface do software de edição de som Pro Tools. À 
direita, podemos perceber que algumas de suas funções simulam formas não 
digitais de interagir com uma mesa de som. 
 
Ferramentas para reprodução de vídeo, áudio e textos existem há décadas nos 
computadores, mas à medida que os anos se passam, novas aplicações com 
funções muito diferentes são criadas. 
 
Jogos digitais e aplicativos de celular são bons exemplos de como interfaces 
gráficas precisam nos “ensinar” a realizar ações dos mais variados tipos, seja 
caçar dragões ou encontrar voos mais baratos para uma determinada cidade. 
 
Uma das formas que essas interfaces nos ensinam a usá-las é através do uso 
de metáforas visuais reconhecíveis. Elas nos obrigam a recordar de tarefas que 
já executamos anteriormente em outros meios. 
 
Os pesquisadores Jay David Bolter e Richard Grusin (2000) chamam esse 
processo de “remediação”: uma mídia nova sempre adapta recursos 
comunicativos de mídias anteriores. À medida que ela se modifica, vai criando 
sua própria linguagem. 
 
As mídias digitais reproduzem essa regra com muita facilidade e rapidez. 
Embora as interfaces gráficas tenham mudado bastante nas últimas décadas, 
várias metáforas visuais permanecem as mesmas (lupa para aumentar uma 
imagem ou texto, casa indicando a função de voltar à página inicial). 
 
O que uma nova interface tenta fazer é buscar elementos já conhecidos, e 
combiná-los em arrumações novas. Muitas vezes os dados que acessamos 
 
 DESIGN DE INTERAÇÃO E INTERFACES DIGITAIS 11 
através da interface permanecem os mesmos, mas apenas mudando a interface 
conseguimos manipulá-los de forma diferente. 
 
Representação e controle 
Esta mudança demonstra o conflito fundamental que possibilita que as 
interfaces existam como ferramentas comunicativas: 
 
A parte representativa das interfaces gráficas digitais está relacionada 
diretamente com as formas culturais que já conhecemos.Ela se inspira nas 
nossas familiaridades com livros, jornais, revistas, cinema, TV etc. Simula nas 
aplicações digitais as suas convenções: páginas, índices, transições, 
movimento, enquadramento etc. 
 
 
(Esquema representativo de representação e controle) 
 
A dimensão do controle, no entanto, traz novas convenções. Isso porque, 
apesar das antigas mídias apresentarem dados e informações complexas, nós 
não tínhamos possibilidades de interferir diretamente nos dados. 
 
Podemos virar as páginas de jornais e livros, trocar os canais da TV etc. Mas o 
computador permite que o usuário mude diretamente os dados, recriando a 
ordem de 0s e 1s que são armazenados em disco rígido. Em certas páginas, 
isso não quer dizer muita coisa: apenas acessamos a página inicial, navegamos 
para as secundárias etc. Mas em programas de edição, significa poder criar 
novos textos, novas imagens e, a partir principalmente da web 2.0, criar e 
distribuir conteúdo com mais flexibilidade que nunca. 
 
 
 
 DESIGN DE INTERAÇÃO E INTERFACES DIGITAIS 12 
 
Atenção 
 Isso quer dizer que as convenções mais óbvias e reconhecíveis 
das interfaces tentam simular (representar) a linguagem de 
outras mídias. Mas elas existem enquanto artefatos 
computacionais e precisam conviver com a linguagem própria do 
computador. Essa linguagem pode simular ferramentas 
familiares, mas também tem potenciais próprios. 
 
Uma das manifestações da linguagem da interação em estado mais puro são os 
videogames. Embora muitos deles simulem experiências familiares (pilotar 
aviões e dirigir carros, por exemplo), alguns imaginam interações mais 
inovadoras e estranhas à primeira vista, mas que admitem o aprendizado por 
parte do usuário. 
 
Isso é mais evidente em jogos com formas abstratas como Tetris (1984), 
Bejeweled (2001) e Geometry Wars (2003). Esses jogos demonstram como a 
diversidade de experiências de interação digital pode ir além da simples 
simulação de mídias anteriores. 
 
O fato de serem produzidos com intenção de gerar entretenimento e prazer 
lúdico torna os videogames um caso de interface gráfica especial. 
 
Seu objetivo não é necessariamente criar a experiência mais fluida possível 
para o usuário: muitas vezes as lógicas de funcionamento de jogos, como os 
citados anteriormente, podem ter um nível de dificuldade elevado e causar 
frustração. O prazer, muitas vezes, vem da vontade de superar os desafios 
impostos pelo software, e não necessariamente de realizar tarefas de forma 
eficiente. 
 
 
 DESIGN DE INTERAÇÃO E INTERFACES DIGITAIS 13 
Arte digital 
Estes e outros jogos tornam os consumidores de interfaces digitais aptos a 
lidarem com lógicas novas. Esse fenômeno é importante na evolução da 
linguagem da interface gráfica, pois influencia diretamente os recursos que 
serão usados em aplicações com outros objetivos. Enquanto os videogames 
imaginam interfaces ousadas com objetivo lúdico e de entretenimento, o campo 
da arte digital traz sua própria contribuição, testando os limites da 
expressividade das novas mídias. 
 
 
Atenção 
 Desde o início do século XX, artistas começaram a experimentar 
com a ideia de inserção do usuário dentro de um espaço. No 
início, o usuário não necessariamente interagia diretamente com 
a obra. Mas podia navegar por um espaço imaginando-se dentro 
de um ambiente criado de forma ilusória. Isso existe desde 1927 
com os pintores modernos como Claude Monet, que procurava 
“diminuir a distância entre o observador e a imagem” (GRAU, 
2005, p. 166). Isso era feito através de três pinturas de dois 
metros de altura e doze e meio de largura, posicionadas uma 
após a outra, de modo a causar a sensação de continuidade. 
Nota-se nessa proposta o objetivo claro de inserir o sujeito 
“dentro” da obra, sonho que se concretizaria mais tarde com o 
espaço-informação de Douglas Engelbart, e sobretudo com os 
ambientes digitais tridimensionais. 
 
A mesma tentativa de aproximar (ou pelo menos permitir novas formas de 
aproximação) o observador da imagem foi um mote da arte digital, a partir 
principalmente dos anos 1960. 
 
Dentro desse objetivo, “a interface é a chave para a obra de arte midiática e 
define o caráter de interação e percepção” (GRAU, 2005, p. 226). Os artistas 
 
 DESIGN DE INTERAÇÃO E INTERFACES DIGITAIS 14 
digitais trabalham sobretudo com formas diferentes de manipular e absorver a 
informações em telas, projeções e outras formas de exibição de conteúdo 
digital. As apostas ousadas desses artistas podem apontar para usos de difícil 
aplicação para o mundo do mercado, constantemente conscrito a pressões do 
tempo e do dinheiro. Mas ao mesmo tempo podem inspirar inovações que 
eventualmente obtêm sucesso. 
 
Um dos possíveis rebatimentos da linguagem artística nas interfaces gráficas 
que utilizamos é a interação com imagens em espaços abertos. Em muitas 
instalações artísticas o observador é convidado a fazer mais do que apenas 
admirar a obra, ele também se movimenta e, com suas ações, altera 
visualmente a obra. Essa técnica é usada pelo menos desde a década de 1980. 
Um exemplo desse fenômeno é a instalação “New Angles”, do grupo Super 
Nature, onde o movimento do corpo e dos braços é usado por uma pessoa para 
provocar reações na obra de arte. 
 
O artista Jeffrey Shaw, em 1980, criou a instalação “Legible City” (Cidade 
legível), na qual o usuário pedalava uma bicicleta estacionada enquanto via 
uma cidade virtual formada por palavras passar em uma tela à sua frente. 
 
O mesmo princípio ainda promete se consagrar como forma de interação a 
partir de diferentes aparatos tecnológicos. 
 
A imagem mostra um trabalho conceitual de design de interação da 
pesquisadora Effy Zhang, da School of Visual Arts de Nova York. Neste caso, a 
ideia é misturar informações e aplicativos armazenados no celular e projetores 
sensíveis a movimento. Em vez de interagir com a informação apenas com os 
dedos na tela, poderíamos usar as mãos e espalhar aplicativos e funções nas 
paredes e demais superfícies da nossa casa ou lugar de trabalho. 
 
Outras formas de interação com superfícies ameaçam adentrar nosso cotidiano 
com o advento da “Internet das Coisas”. Geladeiras, fogões, televisões, roupas 
e outros objetos poderão conectar-se à Internet e guardar informações. 
 
 DESIGN DE INTERAÇÃO E INTERFACES DIGITAIS 15 
Internet das Coisas 
O termo “Internet das Coisas” (ou originalmente, em inglês, “Internet of 
Things”) foi cunhado por Kevin Ashton em 1999. O termo se refere à Internet e 
sua capacidade de captura e compartilhamento de dados não somente entre 
pessoas, mas entre objetos. 
 
Com o uso da tecnologia correta, tênis podem traçar o percurso, velocidade e 
quilometragem do trajeto de um corredor; lâmpadas podem medir a energia 
gasta e o calor dissipado, pratos de comida podem sugerir valores calóricos e 
substituições alimentares. Esses dados podem se conectar, gerando 
complexidade (dados coletados na corrida podem se comunicar com os da 
dieta, interligando exercício físico e nutrição, por exemplo) (cf. LEMOS, 2012). 
 
Em outras palavras, cada vez mais as redes de informações que correm 
despercebidas entre um objeto e outro estarão disponíveis em forma de dados. 
Quando o computador surgiu, os 0s e 1s eram pouco acessíveis a quem não 
sabia programar. Da mesma forma, os dados que nos rodeiam ainda 
esconderão mistérios, principalmente enquanto a quantidade de informações 
que bombardeiam nosso cotidiano não parar de crescer. 
 
Para mergulhar nesse mundo de dados, ou precisaremos de conhecimento 
técnico avançado ou precisaremos contar com a inventividade daqueles que 
programam novas formas de manipular as redes digitais. 
 
Atividade proposta 
Esta aula preocupou-se sobretudo com o modo como as interfaces aparecem 
para seus usuários. Elas conectam informações digitais às nossas mentes e 
corpos, permitindo-nos a manipulaçãodos dados que recobrem. Tendo esse 
conceito em mente, assista ao vídeo “Shots of awe - What is the internet of 
things”. 
 
 DESIGN DE INTERAÇÃO E INTERFACES DIGITAIS 16 
O discurso do apresentador é acompanhado de imagens de pessoas interagindo 
com objetos “inteligentes”, conectados pela Internet. Sua fala, por sua vez, 
destaca o caráter revolucionário da conexão de todos os objetos pela Internet. 
 
As interações mostradas nas imagens recorrem, quase sempre, sem 
manipulação de botões, menus e outros elementos clássicos das interfaces 
gráficas. Isso se alinha com a ideia de “interface invisível” ou “interface sem 
face” (interfaceless interface). Cada vez mais, dentro dessa perspectiva, as 
interfaces seriam mais “neutras”, abrindo espaço para a interação “pura”. 
Você concorda com a ideia de que é possível existir interação digital 
sem interfaces? 
 
Chave de resposta: Interface é responsável por fazer a ponte entre dados 
digitais e manipulação por parte do usuário comum. A única forma de 
manipular dados sem uma “tradução” gráfica é o uso de códigos, como na era 
“pré-mouse”. 
 
O que parece acontecer no vídeo é uma pulverização da presença da interface: 
ela não está apenas nas telas de computadores e celulares, mas em qualquer 
objeto que possa “sentir” a interferência humana. Nesse sentido, ela é uma 
interface gráfica, mas também tátil, auditiva e sensória. 
 
Poderíamos fazer uma provocação e dizer que, nesse cenário, a interface não 
encolhe, mas sim expande-se para todos os objetos conectados pela rede. Ela é 
invisível apenas para aqueles que ignorarem o trabalho de ponte entre dados e 
usuário que ela executa. 
 
 
 
 
 
 
 DESIGN DE INTERAÇÃO E INTERFACES DIGITAIS 17 
Referências 
Bolter, Jay David; Gromala, Diane. Windows and Mirrors: Interaction Design, 
Digital. Art and the Myth of Transparency. Cambridge, MA: MIT Press, 2003. 
 
Bolter, Jay David; Grusin, Richard. Remediation: Understanding New Media. 
Cambridge. MA: The MIT Press, 2000. 
 
GALLOWAY, Alexander. Interface Effect. Cambridge: Polity Press, 2012. 
Grau, Oliver. Virtual Art: From Illusion to Immersion. Trans. Gloria Custance. 
Massachusetts: MIT Press, 2003. 
 
KITTLER, Friedrich. There is no software. 1995. Disponível em: < 
http://www.ctheory.net/articles.aspx?id=74 - Acesso em: 07 fev. 2014. 
 
LEMOS, André. A comunicação das coisas: internet das coisas e teoria ator-
rede. 2012. Disponível em: 
http://www.seminariosmv.org.br/textos/Andre%20Lemos.pdf 
 
Manovich, Lev. The Language of New Media. Cambridge: MIT Press, 2001. 
 
 
 
 
 
 
 
 
 
 
 
 
http://www.ctheory.net/articles.aspx?id=74
 
 DESIGN DE INTERAÇÃO E INTERFACES DIGITAIS 18 
Exercícios de fixação 
Questão 1 
O que significa a partícula "face" do termo "interface"? 
a) A dimensão lúdica na interface gráfica 
b) A dimensão estética na interface gráfica 
c) A dimensão do controle na interface gráfica 
d) A dimensão representativa na interface gráfica 
e) A dimensão informática na interface gráfica outras 
 
Questão 2 
Como se caracteriza um "hiperlink"? 
a) Como um elemento, num documento em hipertexto, que interliga páginas 
independentes. 
b) Enquanto um hipertexto, ou seja, um documento ao qual se agregam outros 
blocos de informação. 
c) Enquanto informação mutável e autoorganizável e, portanto, capaz de se 
reconstruir constantemente. 
d) Como um arquivo amplamente capaz de agregar outros arquivos. 
e) Como um navegador. 
 
Questão 3 
O que significa "remediação"? 
a) Processo em que uma nova mídia incorpora recursos comunicativos de mídias 
anteriores, na medida em que vai criando sua própria linguagem. 
b) Estilo hiper-saturado referente à estética presente, por exemplo, nas vinhetas 
da MTV. 
c) Estética "clean", surgida nos anos 2000, que veio para "curar" a cultura de seus 
processos de hiper-saturação. 
d) Novos processos de mediação cultural, que envolvem sobretudo, o uso massivo 
do digital. 
e) Utilização de recursos cinematográficos no digital. 
 
 
 DESIGN DE INTERAÇÃO E INTERFACES DIGITAIS 19 
Questão 4 
Aponte o elemento-chave para a compreensão dos processos de remediação: 
a) Hipertexto 
b) Interface gráfica 
c) Metáforas visuais 
d) Controle 
e) Informação 
 
Questão 5 
Como podemos compreender a dimensão do controle nas interfaces gráficas? 
a) A partir de uma possibilidade sem precedentes de acesso e distribuição de 
documentos digitais. 
b) O controle implica na interferência direta nos dados, alterando efetivamente o 
documento que está armazenado no disco rígido. 
c) Controle se refere à variedade dos modos de comunicação presentes numa 
mídia social, por exemplo. 
d) Controle, nesse caso, é a restrição do conteúdo da web, por parte de 
determinados países. 
e) O controle, em relação às interfaces gráficas tem como melhor exemplo, a 
autonomia própria à quantidade de recursos que o jogador usufrui nos games 
contemporâneos. 
 
Questão 6 
Qual dos jogos abaixo ilustra a linguagem da interação em estado mais puro? 
a) Super Mario Bros 
b) Sonic 
c) Tetris 
d) Need for speed 
e) GTA 
 
 
 
 
 DESIGN DE INTERAÇÃO E INTERFACES DIGITAIS 20 
Questão 7 
Indique a opção que corresponde a manifestação precursora da ideia de 
inserção do usuário dentro de um espaço: 
a) As enormes pinturas de Claude Monet 
b) Mangás 
c) Games em "primeira pessoa" 
d) Os jogos de tabuleiro 
e) A pintura abstrata 
 
Questão 8 
O que é a "internet das coisas"? 
a) O mesmo que inteligência artificial. 
b) É a plena transformação do real a partir de sua digitalização e manipulação com 
óculos de realidade visual. 
c) É a capacidade de captura e compartilhamento de dados não apenas entre 
pessoas, mas também entre objetos. 
d) É a capacidade que os objetos terão, num futuro próximo, de acessar a rede e 
executar todas as tarefas domésticas automaticamente. 
e) Tecnologia ciborgue. 
 
Questão 9 
Como podemos compreender a complexidade gerada a partir da Internet das 
coisas? 
a) A quantidade de fontes de acesso será tão grande, que um processo de 
saturação comunicacional, mais conhecido como "nuvem de informação", se 
intensificará. 
b) Como algo muito parecido com aquilo que já existe na própria rede. 
c) Os objetos passarão a dispor das mesmas funções de um smartphone, inclusive 
produzindo videos, fotos, gravando sons etc. 
d) Os dados coletados a partir de diferentes fontes poderão ser conectados, 
gerando um complexo processo de comunicação. 
e) Enquanto uma perigosa ameaça de espionagem. 
 
 DESIGN DE INTERAÇÃO E INTERFACES DIGITAIS 21 
Questão 10 
Aponte a afirmativa correta: 
a) Em breve, todos conhecerão todas as dimensões de uso de computadores e 
afins. 
b) Cada vez mais, o design de interação, a arte conceitual e as novas tecnologias 
estão unidos para gerar obras interativas. 
c) A internet está se transformando numa obra de arte. 
d) Num futuro próximo, a realidade virtual substituirá a realidade física. 
e) Após um momento inicial, a tecnologia digital irá gerar cada vez menos 
complexidade em termos de comunicação. 
 
 
 
 DESIGN DE INTERAÇÃO E INTERFACES DIGITAIS 22 
Friedrich Kittler (1943-2011) : Foi um teórico da mídia e da comunicação, 
professor da European Graduate School. Sua pesquisa abrangeu temas como 
tecnologia, história das mídias e a comunicação digital. 
Fonte: http://www.egs.edu/faculty/friedrich-kittler/biography/ 
 
Jay David Bolter : Professor da Georgia Institute of Technology. Interessa-se 
pelo estudo da cultura midiática e possui experiências práticas com design de 
experiência com realidade mista e realidade aumentada. 
Fonte: http://www.jdbolter.net/ 
 
Richard Grusin: Professor da University of Wisconsin Milwalkee. Possui 
interesse multidisciplinar em estudos americanos, relacionando-os com 
tecnologia, novas mídias, representação e mediação. 
Fonte: http://www4.uwm.edu/c21/pages/about/staff/richard.htmlhttp://www.egs.edu/faculty/friedrich-kittler/biography/
http://www.jdbolter.net/
http://www4.uwm.edu/c21/pages/about/staff/richard.html
 
 DESIGN DE INTERAÇÃO E INTERFACES DIGITAIS 23 
Aula 4 
Exercícios de fixação 
Questão 1 - D 
Justificativa: A "face" das informações é justamente o que nós vemos quando 
interagimos com elas. Nessa perspectiva, o aspecto fundamental da interface 
gráfica é o representativo. 
 
Questão 2 - B 
Justificativa: Um "hiperlink" é, fundamentalmente, um elemento (não o próprio 
hipertexto, um arquivo ou navegador) capaz fazer a ponte, ou seja, interligar 
páginas independentes. 
 
Questão 3 - A 
Justificativa: Remediação é um processo (e não um estilo ou estética) no qual 
não uma estética específica, tal a cinematográfica, é incorporada no seio de 
uma nova tecnologia como a digital, mas de forma ampla, novas mídias 
incorporam recursos comunicativos de mídias anteriores enquanto vão fixando 
sua própria linguagem. 
 
Questão 4 - C 
Justificativa: Metáforas visuais nos ajudam a recordar de tarefas que já 
executamos anteriormente em outros meios. Isso está em pleno acordo com os 
processos de remediação. 
 
Questão 5 - B 
Justificativa: A dimensão do controle nas interfaces gráficas não está tão 
relacionada com a questão do acesso, distribuição, variedade ou restrição de 
informação, mas com a própria manipulação dos dados a partir da interferência 
direta. 
 
 
 DESIGN DE INTERAÇÃO E INTERFACES DIGITAIS 24 
Questão 6 - C 
Justificativa: Tetris é o jogo mais abstrato e isso corresponde a linguagem da 
interação em estado mais puro. 
 
Questão 7 - A 
Justificativa: As pinturas de Claude Monet, através do tamanho, forma, 
disposição, constituíam um caráter imersivo fundamental para a inserção do 
observador. 
 
Questão 8 - C 
Justificativa: Na "internet das coisas", uma enorme gama de dados poderá ser 
capturada e compartilhada através dos objetos. 
 
Questão 9 - D 
Justificativa: A complexidade se dará em termos comunicacionais, a partir das 
conexões estabelecidas entre diversas fontes de acesso e captura de 
informação. 
 
Questão 10 - B 
Justificativa: Já há algumas décadas, o caráter interativo da arte conceitual está 
justamente apoiado no design de interação e nas tecnologias digitais, capazes 
de promover a própria interação. 
 
 
 
 
 
 
 
 DESIGN DE INTERAÇÃO E INTERFACES DIGITAIS 1 
 ....................................................................... 2 Aula 5: Interfaces, criatividade e inovação
 ............................................................................................................................. 2 Introdução
 ................................................................................................................................ 4 Conteúdo
Conceituando criatividade e inovação .......................................................................... 4 
Criatividade no contexto digital ...................................................................................... 5 
Elementos lúdicos em interfaces gráficas .................................................................... 6 
Lazer e trabalho ................................................................................................................. 7 
Occulus Rift ......................................................................................................................... 8 
De onde vem a inovação ................................................................................................. 9 
Tokens ............................................................................................................................... 10 
Formação e crescimento das grandes civilizações ................................................... 11 
De onde vem a inovação: O império Romano .............................................................. 12 
O escrutínio do olho ....................................................................................................... 14 
Fronteiras borradas .......................................................................................................... 16 
Atividade proposta .......................................................................................................... 17 
........................................................................................................................... 18 Referências
 ......................................................................................................... 19 Exercícios de fixação
Notas ........................................................................................................................................... 23 
Chaves de resposta ..................................................................................................................... 23 
 
 
 DESIGN DE INTERAÇÃO E INTERFACES DIGITAIS 2 
 
Introdução 
As noções de criatividade e inovação ganham contornos peculiares na era 
digital. Vivemos em um mundo em que recursos “imateriais” possuem tanto 
peso ou até mais do que a própria materialidade em ambientes produtivos. 
Falamos produtivos porque, como veremos, criar e inovar sempre estiveram 
ligados ao trabalho. É claro que uma crescente indústria do entretenimento e 
também os esforços de guerra, sobretudo a partir do século XX, estão incluídos 
na dimensão da produtividade, promovendo constantes renovações. E isso fica 
mais claro, caso façamos uma investigação histórica, mostrando como esses 
processos se desenvolveram em outros momentos. Porém, o curioso é 
notarmos como essas ordens se mesclam com o tempo. 
 
Desde os primeiros agrupamentos humanos, passando pelo momento inicial 
agrícola, o surgimento das grandes civilizações e a chegada da modernidade 
com o labor nas fábricas e posteriormente no escritório, vemos uma separação 
nítida entre as esferas do lazer e do trabalho. Um funcionando para a 
manutenção do outro. A questão é que, com o aparecimento do 
microcomputador com sua interface “amigável”, outros gadgets e ambientes 
virtuais começaram a ser produzidos, ressignificando uma configuração 
tradicional do nosso dia a dia. A partir de seus usos, começaram a surgir novas 
demandas, percepções e uma singular possibilidade participativa por parte dos 
usuários. 
 
 DESIGN DE INTERAÇÃO E INTERFACES DIGITAIS 3 
O propósito desta aula é apresentar os termos “criatividade” e “inovação”, 
conceituando-os, e num contexto histórico em que sejamos capazes de 
perceber como o cotidiano da humanidade se modificou. Para tanto, 
abordaremos o digital em seus modos mais comuns e também nas 
manifestações mais radicais como a que o Occulus Rift “encarna”. 
 
Objetivo: 
1. Conceituar criatividade e inovação, apresentando-os no contexto digital; 
2. Problematizar, historicamente, de onde vem a inovação. 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 DESIGN DE INTERAÇÃO E INTERFACES DIGITAIS 4 
Conteúdo 
 
Conceituando criatividade e inovação 
Inovação e criatividade são duas noções que se implicam mutuamente e, 
inclusive, de algumas formas insuspeitas. Nesta aula buscaremos conceituar 
essas duas noções, além de investigarmos certas bases históricas que 
fortalecerão nosso entendimento. 
 
A palavra inovar significa "introduzir novidade em", "renovar, inventar, criar" 
(de acordo com o dicionário online Priberam). Notemos que a própria ideia da 
inovação já contém o germe da criatividade. Entretanto, é necessário perceber 
que, também embutida em sua significação, está a dimensão de produzir algo 
em cima de alguma coisa que já foi feita. 
 
Esse movimento de aperfeiçoar um dado material nos conduz, a princípio, para 
frente. Para o futuro. Mas, se temos o objetivo de entender o sentido 
fundamental da inovação, devemos, em breve, percorrer o caminho contrário, 
para que compreendamos como esse processo moldou, sobretudo, os 
elementos responsáveis