SlideShare a Scribd company logo
1 of 60
Download to read offline
Abordagens para
Design de Interação
Frederick van Amstel
designer de interação usabilidoido.com.br
Atenção!
Esta apresentação contém
links de livros e websites.
Modelo conceitual
comportamentos adaptações
pessoas sistemaS
atividades ambientes
tarefas fluxos
operações controles
interfaces
interação
Adaptação para o
Comportamento
Cubículos mantém a individualidade, mas dificultam a
socialização.
Ambiente para a
Atividade
O cafézinho relaxa e cria uma situação propícia à
socialização.
Fluxo para a
Tarefa
Existe uma sequência formalizada para preparar o café.
Controle para a
Operação
O botão serve para ligar a máquina.
Aplicação prática
comportamentos adaptações
pessoas sistemas
atividades ambientes
tarefas fluxos
operações controles
interfaces
design de interação
gambiarras
conflito
conflito
conflito
conflito
gênero
objeto
objetivo
comportamentos adaptações
usuário sistemas
atividades ambientes
tarefas fluxos
operações controles
interfaces
designer
gênero
objeto
objetivo
comportamentos adaptações
usuário sistemas
atividades ambientes
tarefas fluxos
operações controles
interfaces
designer
Pesquisar/Planejar
Análise descritiva
Análise prescritiva
Análise normativa
Comportamento Atividades Tarefas Operações
Entrevistas;
Etnografia; Grupos
de Foco; Perfil
Semiótico
Etnografia;
Investigação
Contextual;
Observação
Participante;
Método KJ
The Bridge;Card-
sorting; Análise da
Tarefa; Teste de
Usabilidade
Teste de
Usabilidade;
Avaliação de
Especialista;
Avaliação
Heurística
Adatapção Ambientes Fluxos Controles
Personas;
Algoritmos de
Adaptação ou
Personalização
Cenários; Histórias
em Quadrinhos
Fluxogramas
Storyboards e
Wireframes
Centros do Design
gênero
objeto
objetivo
comportamentos adaptações
usuário sistemas
atividades ambientes
tarefas fluxos
operações controles
interfaces
designer
Design Centrado no Designer
• Expressão individual
• Preferências pessoais
• Perfeccionismo
• Depende de inspiração
Design Centrado no Designer
Nina 7 Pecados
programador
gênero
objeto
objetivo
comportamentos adaptações
usuário sistemas
atividades ambientes
tarefas fluxos
operações controles
interfaces
Design Centrado no Sistema
• Maximizar a eficiência do sistema
• Demonstração de habilidade técnica
• Usuário deve dominar o funcionamento do
sistema
• Jargão
Design Centrado no Sistema
ex: Vila Franca de Xira - CP Passageiros
Design Centrado no Sistema
MsConfig
gênero
objetivo
comportamentos adaptações
usuário sistemas
atividades ambientes
tarefas fluxos
operações controles
interfaces
gambiarras
conflito
Design Centrado na Gambiarra
• Também chamado de “jeitinho
brasileiro”
• Superar uma limitação/conflito
• Ação situada sem planejamento
• Aumenta a entropia
• Pode ser oficializado ou proibido
Design Centrado na Gambiarra
Kopete - distribuição Ubuntu
programador
gênero
objeto
objetivo
comportamentos adaptações
usuário sistemas
atividades ambientes
tarefas fluxos
operações controles
interfaces
designer
Design Centrado no Usuário
• Adaptar para as características
psicológicas dos usuários
• Design centrado em ALGUNS
usuários. Nem todos podem
participar das pesquisas
• Conservadorismo
Design Centrado no Usuário
Usabilidoido: lançamento da versão Seurat
Design Centrado no Usuário
Usabilidoido: resultados e melhorias
programador
gênero
objeto
objetivo
comportamentos adaptações
usuário sistemas
atividades ambientes
tarefas fluxos
operações controles
interfaces
designer
Design Centrado no Comportamento
• Design Centrado no Comportamento
ESPERADO
• Padrões comportamentais baseado
em estereótipos ou dados de
pesquisa
• Perfil demográfico ou perfil de
papéis
• Segmentação por público
Design Centrado no Comportamento
UFRN
Design Centrado no Comportamento
Zorba
programador
gênero
objeto
objetivo
comportamentos adaptações
usuário sistemas
atividades ambientes
tarefas fluxos
operações controles
interfaces
designer
Design Centrado no Gênero
• Reproduzir representações
reconhecíveis dos gêneros (tipo,
forma, efeito)
• Modo particular de leitura e escrita
• Hibridismo
• Análise de benchmark, inspiração e
plágio
Design Centrado no Gênero
Re-design de Aplicativo para o iPhone, Paolo Passeri
Design Centrado no Gênero
Outros artefatos para cálculo de gastos de combustível
programador
gênero
objeto
objetivo
comportamentos adaptações
usuário sistemas
atividades ambientes
tarefas fluxos
operações controles
interfaces
designer
Design Centrado na Atividade
• Atividade como sistema ecológico
• Usuários são obrigados a se
adaptar às mudanças neste
sistema
• Cristalizar / oficializar as regras e
divisão do trabalho da atividade
• Inovação social
Design Centrado na Atividade
Flirtomatic
Design Centrado na Atividade
programador
gênero
objeto
objetivo
comportamentos adaptações
usuário sistemas
atividades ambientes
tarefas fluxos
operações controles
interfaces
designer
Design Centrado no Objeto
• Objeto social compartilhado entre
atividades
• O mesmo objeto pode ter
diferentes significados ou funções,
mas tem certa resistência
• Definir o objeto e suas relações
com as pessoas (verbos)
Design Centrado no Objeto
Jaiku, Jyri Engestrom
Design Centrado no Objeto
43places
gênero
objeto
objetivo
comportamentos adaptações
usuário sistemas
atividades ambientes
tarefas fluxos
operações controles
interfaces
designer programador
Design Centrado na Tarefa
• Definir uma sequência eficiente
• Priorizar as tarefas mais
frequentes
• Gerenciar fluxo de trabalho
• Influência do modelo mental
Design Centrado na Tarefa
Office XP
Menu Formatar > Colunas
Design Centrado na Tarefa
Office 2007
gênero
objeto
objetivo
comportamentos adaptações
usuário sistemas
atividades ambientes
tarefas fluxos
operações controles
interfaces
designer
Design Centrado no Objetivo
• Descobrir motivações para uso
• Definir caminhos para que os
usuários alcancem seus objetivos
• Flexibilidade para atender
diferentes objetivos
Design Centrado na Tarefa
Picasa
gênero
objeto
objetivo
comportamentos adaptações
usuário sistemas
atividades ambientes
tarefas fluxos
operações controles
interfaces
designer
Design Centrado na Operação
• Ação e reação esperada
• Independência de contexto
• Flexibilidade de estilos de uso
• Aplicativos genéricos
• Manipulação direta
Design Centrado na Operação
gênero
objeto
objetivo
comportamentos adaptações
usuário sistemas
atividades ambientes
tarefas fluxos
operações controles
interfaces
designer programador
Design Holístico
• Praticamente impossível para
pobres mortais
• Equipes multidisciplinares
• Grandes projetos
• Real e virtual integrado
Design Holístico
Obrigado!
Frederick van Amstel
designer de interação usabilidoido.com.br

More Related Content

Similar to Abordagens para Design de Interação

Design de Interação, Experiência do Usuário e Usabilidade - 2010
Design de Interação, Experiência do Usuário e Usabilidade - 2010Design de Interação, Experiência do Usuário e Usabilidade - 2010
Design de Interação, Experiência do Usuário e Usabilidade - 2010
Mourylise Heymer
 
Sitemap: A Beleza da Informação Organizada
Sitemap: A Beleza da Informação OrganizadaSitemap: A Beleza da Informação Organizada
Sitemap: A Beleza da Informação Organizada
Alexandre Horbach
 
Design Centrado Usuario
Design Centrado UsuarioDesign Centrado Usuario
Design Centrado Usuario
Erico Fileno
 
Cap 6 O Processo De Design De InteraçãO
Cap 6 O Processo De Design De InteraçãOCap 6 O Processo De Design De InteraçãO
Cap 6 O Processo De Design De InteraçãO
Marcelo Bitencourt
 
Design de Interação em Produtos Eletrônicos
Design de Interação em Produtos EletrônicosDesign de Interação em Produtos Eletrônicos
Design de Interação em Produtos Eletrônicos
Edyd B. Junges
 
Usabilidade - Uma introdução
Usabilidade - Uma introduçãoUsabilidade - Uma introdução
Usabilidade - Uma introdução
Erico Fileno
 

Similar to Abordagens para Design de Interação (20)

User Experience Boot Camp
User Experience Boot CampUser Experience Boot Camp
User Experience Boot Camp
 
Ihc
IhcIhc
Ihc
 
Interaction South America 2015 - Concepção de um framework para definição em ...
Interaction South America 2015 - Concepção de um framework para definição em ...Interaction South America 2015 - Concepção de um framework para definição em ...
Interaction South America 2015 - Concepção de um framework para definição em ...
 
Design patterns
Design patternsDesign patterns
Design patterns
 
Design de Interação, Experiência do Usuário e Usabilidade - 2010
Design de Interação, Experiência do Usuário e Usabilidade - 2010Design de Interação, Experiência do Usuário e Usabilidade - 2010
Design de Interação, Experiência do Usuário e Usabilidade - 2010
 
Sitemap: A Beleza da Informação Organizada
Sitemap: A Beleza da Informação OrganizadaSitemap: A Beleza da Informação Organizada
Sitemap: A Beleza da Informação Organizada
 
Palestra - Princípios de Usabilidade
Palestra - Princípios de UsabilidadePalestra - Princípios de Usabilidade
Palestra - Princípios de Usabilidade
 
Design Centrado Usuario
Design Centrado UsuarioDesign Centrado Usuario
Design Centrado Usuario
 
Metodos e Processos de Pesquisa em Design de Interação
Metodos e Processos de Pesquisa em Design de InteraçãoMetodos e Processos de Pesquisa em Design de Interação
Metodos e Processos de Pesquisa em Design de Interação
 
Quero ser um designer de interação no Brasil: #comofaz?
Quero ser um designer de interação no Brasil: #comofaz?Quero ser um designer de interação no Brasil: #comofaz?
Quero ser um designer de interação no Brasil: #comofaz?
 
TDC2017 | Florianopolis - Trilha DevOps How we figured out we had a SRE team ...
TDC2017 | Florianopolis - Trilha DevOps How we figured out we had a SRE team ...TDC2017 | Florianopolis - Trilha DevOps How we figured out we had a SRE team ...
TDC2017 | Florianopolis - Trilha DevOps How we figured out we had a SRE team ...
 
Cap 6 O Processo De Design De InteraçãO
Cap 6 O Processo De Design De InteraçãOCap 6 O Processo De Design De InteraçãO
Cap 6 O Processo De Design De InteraçãO
 
Design de Interação em Produtos Eletrônicos
Design de Interação em Produtos EletrônicosDesign de Interação em Produtos Eletrônicos
Design de Interação em Produtos Eletrônicos
 
Design de Interação em Produtos Eletrônicos
Design de Interação em Produtos EletrônicosDesign de Interação em Produtos Eletrônicos
Design de Interação em Produtos Eletrônicos
 
Processo de Desenvolvimento de Software - Design de Software, Interface, Arqu...
Processo de Desenvolvimento de Software - Design de Software, Interface, Arqu...Processo de Desenvolvimento de Software - Design de Software, Interface, Arqu...
Processo de Desenvolvimento de Software - Design de Software, Interface, Arqu...
 
Protótipos Mobile na Prática
Protótipos Mobile na PráticaProtótipos Mobile na Prática
Protótipos Mobile na Prática
 
Usabilidade - Uma introdução
Usabilidade - Uma introduçãoUsabilidade - Uma introdução
Usabilidade - Uma introdução
 
O Desafio da Usabilidade - Seminário de Metodologia do IBGE 2014
O Desafio da Usabilidade - Seminário de Metodologia do IBGE 2014O Desafio da Usabilidade - Seminário de Metodologia do IBGE 2014
O Desafio da Usabilidade - Seminário de Metodologia do IBGE 2014
 
UX Design
UX DesignUX Design
UX Design
 
Design de interação aula 2
Design de interação aula 2Design de interação aula 2
Design de interação aula 2
 

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)
 

Abordagens para Design de Interação