SlideShare a Scribd company logo
1 of 38
Download to read offline
Design de interfaces e
linguagens digitais
Frederick van Amstel @usabilidoido
DADIN - UTFPR
www.usabilidoido.com.br
Linguagem no design refere-se à estética consistente numa linha produtos.
O design tem explorando as novas
linguagens que a mídia digital oferece, mas a
reflexão estética ainda é muito superficial.
Linguagens digitais são aquelas que
utilizam o código binário como material
para construir realidades
compartilhadas.
0101011101011101011101000010101110100000101011101010011101100111010
0101011101011101011101000010101110100000101011101010011101100111010
Interface é um ponto de intersecção entre
diferentes linguagens digitais,
caracterizada pelas atividades de tradução,
interpretação e hibridização de realidades.
Linguagem de
Programação
Linguagem de
Máquina
Compiladores
Linguagem do
Pensamento
Linguagem de
Programação
IDEs
Linguagem de
Programação
Linguagem
Interacional
Front end
Linguagem
Interacional
Linguagem
Visual
Interfaces gráficas
Linguagem
Interacional
Linguagem
Corporal
Interfaces tangíveis
Linguagem
Interacional
Linguagem
Verbal
Interfaces conversacionais
"Linguagem Interacional são construções coletivas de sentidos e
significados atribuídos a ações humanas mediadas por tecnologias
que visam afetar outros seres humanos e obter deles alguma
reação" (Van Amstel & Gonzatto, 2018, p.4).
Linguagem
Audiovisual
Linguagem
Interacional
Todo design é design de interfaces (Bonsiepe, 1997).
O designer de interfaces (a.k.a. UI) além
de traduzir, também interpreta e
hibridiza linguagens digitais. Por isso,
para Bonsiepe, ele é autor da interface.
As telas são textos.
Os componentes são substantivos.
Os comandos são verbos.
As experiências são os significados.
Os aplicativos são gêneros.
Os textos não tem fim.
Os substantivos se movem.
Os verbos fazem e desfazem.
Os significados são diversos.
Os gêneros são movediços.
Designers de interface não são os únicos
autores da interface, nem tampouco os
únicos criadores das linguagens digitais.
Linguagens digitais são projetos coletivos
tal como linguagens naturais culturais.
Projetos coletivos são orientados pela
disputa por realidades compartilhadas.
O Brasil tem 154 línguas
indígenas, porém, quase
todas ameaçadas.
Lingua Franca
Vernáculo
Vernáculo
Vernác
ulo
Vernáculo
Vernáculo
Vernáculo
Vernác
ulo
Vernáculo
Vernáculo
Vernáculo
Vernáculo
Vernáculo
Vernáculo
Vernáculo
Vernáculo
Vernáculo
Vernáculo
Vernáculo
Vernáculo
Vernáculo
Vernáculo
Vernácu
Vernáculo
As ocas do povo Xingu são exemplos de arquitetura vernacular.
Os abridores de letras fazem design vernacular (Letras que Flutuam).
Design de meme é um exemplo de design vernacular digital.
Design de interfaces de usuário também tem seus vernaculares.
O design moderno e a arquitetura moderna se
esforçam para impor uma lingua franca (uma
ordem universal) sobre as formas vernaculares
de projeto através do metadesign.
O metadesign costuma impor valores de uma cultura sobre outra.
UI guidelines, design systems e templates são exemplos de metadesign.
A padronização completa das interfaces emperraria seu desenvolvimento.
Assim como na linguagem verbal,
existem preconceitos linguísticos
vinculados ao grupo social de quem fala
as linguagens digitais.
(Bagno, 1999)
O preconceito linguístico nega a realidade das pessoas oprimidas.
Usuarismo: falantes reduzidos a operários usuários (Gonzatto, 2018).
Designers oprimem usuários porque são oprimidos por seus chefes.
O Design Livre liberta as pessoas do usuarismo (designlivre.org).
Design Livre é mais do que usar softwares livres no design (Pencil Project).
Design Livre é produzir novas ferramentas de design (ProtoPattern).
Design Livre é abrir o código no nível meta (Plataforma Corais).
Toda linguagem possui uma dimensão ética
e, por conseguinte, estética.
As linguagens digitais
precisam da estética do
oprimido para superar a
exclusão inerente ao código
binário.
Essa estética não é moderna, nem pós-
moderna. É anti-moderna.
Afrofuturismo em Black Panther (2018)
Futurismo asiático em Leila (2019).
Xamanismo digital em Midnight Gospel (2020)
Obrigado!
Frederick van Amstel @usabilidoido
DADIN - UTFPR
www.usabilidoido.com.br

More Related Content

What's hot

If baiano catu ihc - avaliação surpresa (respondida)
If baiano catu   ihc - avaliação surpresa (respondida)If baiano catu   ihc - avaliação surpresa (respondida)
If baiano catu ihc - avaliação surpresa (respondida)
IFBaiano
 

What's hot (9)

Design de interação ecológico
Design de interação ecológicoDesign de interação ecológico
Design de interação ecológico
 
Design de Espaços Interativos
Design de Espaços InterativosDesign de Espaços Interativos
Design de Espaços Interativos
 
Porque "usuários" prospectam futuros?
Porque "usuários" prospectam futuros?Porque "usuários" prospectam futuros?
Porque "usuários" prospectam futuros?
 
Design para a Mudança de Comportamento Urbano
Design para a Mudança de Comportamento UrbanoDesign para a Mudança de Comportamento Urbano
Design para a Mudança de Comportamento Urbano
 
Semiótica Aplicada ao Design (Aula 01)
Semiótica Aplicada ao Design (Aula 01)Semiótica Aplicada ao Design (Aula 01)
Semiótica Aplicada ao Design (Aula 01)
 
Mouse+Teclado x Toque+Caneta: as modalidades de interação em contextos educac...
Mouse+Teclado x Toque+Caneta: as modalidades de interação em contextos educac...Mouse+Teclado x Toque+Caneta: as modalidades de interação em contextos educac...
Mouse+Teclado x Toque+Caneta: as modalidades de interação em contextos educac...
 
Arquitetura da Informação e Experiência do Usuário
Arquitetura da Informação e Experiência do UsuárioArquitetura da Informação e Experiência do Usuário
Arquitetura da Informação e Experiência do Usuário
 
If baiano catu ihc - avaliação surpresa (respondida)
If baiano catu   ihc - avaliação surpresa (respondida)If baiano catu   ihc - avaliação surpresa (respondida)
If baiano catu ihc - avaliação surpresa (respondida)
 
Design Crítico: origem e descolonização brasileira
Design Crítico: origem e descolonização brasileiraDesign Crítico: origem e descolonização brasileira
Design Crítico: origem e descolonização brasileira
 

Similar to Design de interfaces e linguagens digitais

Diseño interacción en Brasil
Diseño interacción en BrasilDiseño interacción en Brasil
Diseño interacción en Brasil
Erico Fileno
 

Similar to Design de interfaces e linguagens digitais (20)

Sm C1
Sm C1Sm C1
Sm C1
 
O que é o design
O que é o designO que é o design
O que é o design
 
Design e produção multimídia
Design e produção multimídiaDesign e produção multimídia
Design e produção multimídia
 
Design da interação / Design da experiência: considerações sobre um campo de ...
Design da interação / Design da experiência: considerações sobre um campo de ...Design da interação / Design da experiência: considerações sobre um campo de ...
Design da interação / Design da experiência: considerações sobre um campo de ...
 
Trends 2017
Trends 2017Trends 2017
Trends 2017
 
Workshop - Design de Interfaces para Dispositivos Móveis
Workshop - Design de Interfaces para Dispositivos MóveisWorkshop - Design de Interfaces para Dispositivos Móveis
Workshop - Design de Interfaces para Dispositivos Móveis
 
Acessibilidade na WEB parte 02
Acessibilidade na WEB parte 02Acessibilidade na WEB parte 02
Acessibilidade na WEB parte 02
 
Cpg Aula1
Cpg Aula1Cpg Aula1
Cpg Aula1
 
Flat Design e a Re-Cultura da Interface
Flat Design e a Re-Cultura da InterfaceFlat Design e a Re-Cultura da Interface
Flat Design e a Re-Cultura da Interface
 
Metro UI na IxDA Floripa
Metro UI na IxDA FloripaMetro UI na IxDA Floripa
Metro UI na IxDA Floripa
 
Handoff - Como o Designer pode facilitar a vida do Desenvolvedor - Diego Vela...
Handoff - Como o Designer pode facilitar a vida do Desenvolvedor - Diego Vela...Handoff - Como o Designer pode facilitar a vida do Desenvolvedor - Diego Vela...
Handoff - Como o Designer pode facilitar a vida do Desenvolvedor - Diego Vela...
 
Televisão Digital Interativa: contextos e perspectivas em design
Televisão Digital Interativa: contextos e perspectivas em designTelevisão Digital Interativa: contextos e perspectivas em design
Televisão Digital Interativa: contextos e perspectivas em design
 
Design em movimento: Estudo Taxonômico de Técnicas de Animação
Design em movimento: Estudo Taxonômico de Técnicas de AnimaçãoDesign em movimento: Estudo Taxonômico de Técnicas de Animação
Design em movimento: Estudo Taxonômico de Técnicas de Animação
 
Diseño interacción en Brasil
Diseño interacción en BrasilDiseño interacción en Brasil
Diseño interacción en Brasil
 
Design De Interfaces
Design De InterfacesDesign De Interfaces
Design De Interfaces
 
Aula01 conceito design
Aula01 conceito designAula01 conceito design
Aula01 conceito design
 
Design Thinking - Aula 01
Design Thinking - Aula 01Design Thinking - Aula 01
Design Thinking - Aula 01
 
Iniciação Científica -IHC: Usabilidade e Acessibilidade
Iniciação Científica -IHC: Usabilidade e AcessibilidadeIniciação Científica -IHC: Usabilidade e Acessibilidade
Iniciação Científica -IHC: Usabilidade e Acessibilidade
 
O que é o design
O que é o designO que é o design
O que é o design
 
O que é o Design
O que é o DesignO que é o Design
O que é o Design
 

More from UTFPR

Diseño y la colonialidad del hacer
Diseño y la colonialidad del hacerDiseño y la colonialidad del hacer
Diseño y la colonialidad del hacer
UTFPR
 

More from UTFPR (20)

Cascading oppression in design
Cascading oppression in designCascading oppression in design
Cascading oppression in design
 
Inteligência artificial e o trabalho de design
Inteligência artificial e o trabalho de designInteligência artificial e o trabalho de design
Inteligência artificial e o trabalho de design
 
Expanding the design object
Expanding the design objectExpanding the design object
Expanding the design object
 
Creating possibilities for service design innovation
Creating possibilities for service design innovationCreating possibilities for service design innovation
Creating possibilities for service design innovation
 
Contradiction-driven design
Contradiction-driven designContradiction-driven design
Contradiction-driven design
 
Design expansivo: pensar o possível para fazer o impossível
Design expansivo: pensar o possível para fazer o impossívelDesign expansivo: pensar o possível para fazer o impossível
Design expansivo: pensar o possível para fazer o impossível
 
Metacriatividade: criatividade sobre criatividade
Metacriatividade: criatividade sobre criatividadeMetacriatividade: criatividade sobre criatividade
Metacriatividade: criatividade sobre criatividade
 
Gestão do conhecimento na pesquisa de experiências
Gestão do conhecimento na pesquisa de experiênciasGestão do conhecimento na pesquisa de experiências
Gestão do conhecimento na pesquisa de experiências
 
Jogos Surrealistas e Inteligência Artificial
Jogos Surrealistas e Inteligência ArtificialJogos Surrealistas e Inteligência Artificial
Jogos Surrealistas e Inteligência Artificial
 
El hacer como quehacer: notas para un diseño libre
El hacer como quehacer: notas para un diseño libreEl hacer como quehacer: notas para un diseño libre
El hacer como quehacer: notas para un diseño libre
 
Expressando a posicionalidade do cria-corpo
Expressando a posicionalidade do cria-corpoExpressando a posicionalidade do cria-corpo
Expressando a posicionalidade do cria-corpo
 
Pensamento visual expansivo
Pensamento visual expansivoPensamento visual expansivo
Pensamento visual expansivo
 
O segredo da criatividade no design
O segredo da criatividade no designO segredo da criatividade no design
O segredo da criatividade no design
 
Por que pesquisar e não somente fazer design?
Por que pesquisar e não somente fazer design?Por que pesquisar e não somente fazer design?
Por que pesquisar e não somente fazer design?
 
Making work visible in the theater of service design
Making work visible in the theater of service designMaking work visible in the theater of service design
Making work visible in the theater of service design
 
Can designers change systemic oppression?
Can designers change systemic oppression?Can designers change systemic oppression?
Can designers change systemic oppression?
 
Design contra opressão
Design contra opressãoDesign contra opressão
Design contra opressão
 
O papel da teoria na pesquisa de experiências
O papel da teoria na pesquisa de experiênciasO papel da teoria na pesquisa de experiências
O papel da teoria na pesquisa de experiências
 
Diseño y la colonialidad del hacer
Diseño y la colonialidad del hacerDiseño y la colonialidad del hacer
Diseño y la colonialidad del hacer
 
Problematizando a experiência do usuário (ExU)
Problematizando a experiência do usuário (ExU)Problematizando a experiência do usuário (ExU)
Problematizando a experiência do usuário (ExU)
 

Design de interfaces e linguagens digitais