Download - Abordagens para Design de Interação
![Page 1: Abordagens para Design de Interação](https://reader033.vdocuments.pub/reader033/viewer/2022052207/5592b6271a28ab8a0d8b4774/html5/thumbnails/1.jpg)
Abordagens paraDesign de Interação
Frederick van Amsteldesigner de interação usabilidoido.com.br
![Page 2: Abordagens para Design de Interação](https://reader033.vdocuments.pub/reader033/viewer/2022052207/5592b6271a28ab8a0d8b4774/html5/thumbnails/2.jpg)
Atenção!
Esta apresentação contém
links de livros e websites.
![Page 3: Abordagens para Design de Interação](https://reader033.vdocuments.pub/reader033/viewer/2022052207/5592b6271a28ab8a0d8b4774/html5/thumbnails/3.jpg)
Modelo conceitual
![Page 4: Abordagens para Design de Interação](https://reader033.vdocuments.pub/reader033/viewer/2022052207/5592b6271a28ab8a0d8b4774/html5/thumbnails/4.jpg)
comportamentos adaptações
pessoas sistemaS
atividades ambientes
tarefas fluxos
operações controles
interfaces
interação
![Page 5: Abordagens para Design de Interação](https://reader033.vdocuments.pub/reader033/viewer/2022052207/5592b6271a28ab8a0d8b4774/html5/thumbnails/5.jpg)
Adaptação para oComportamento
Cubículos mantém a individualidade, mas dificultam a socialização.
![Page 6: Abordagens para Design de Interação](https://reader033.vdocuments.pub/reader033/viewer/2022052207/5592b6271a28ab8a0d8b4774/html5/thumbnails/6.jpg)
Ambiente para aAtividade
O cafézinho relaxa e cria uma situação propícia à socialização.
![Page 7: Abordagens para Design de Interação](https://reader033.vdocuments.pub/reader033/viewer/2022052207/5592b6271a28ab8a0d8b4774/html5/thumbnails/7.jpg)
Fluxo para aTarefa
Existe uma sequência formalizada para preparar o café.
![Page 8: Abordagens para Design de Interação](https://reader033.vdocuments.pub/reader033/viewer/2022052207/5592b6271a28ab8a0d8b4774/html5/thumbnails/8.jpg)
Controle para aOperação
O botão serve para ligar a máquina.
![Page 9: Abordagens para Design de Interação](https://reader033.vdocuments.pub/reader033/viewer/2022052207/5592b6271a28ab8a0d8b4774/html5/thumbnails/9.jpg)
Aplicação prática
![Page 10: Abordagens para Design de Interação](https://reader033.vdocuments.pub/reader033/viewer/2022052207/5592b6271a28ab8a0d8b4774/html5/thumbnails/10.jpg)
comportamentos adaptações
pessoas sistemas
atividades ambientes
tarefas fluxos
operações controles
interfaces
design de interação
gambiarrasconflito
conflito
conflito
conflito
![Page 11: Abordagens para Design de Interação](https://reader033.vdocuments.pub/reader033/viewer/2022052207/5592b6271a28ab8a0d8b4774/html5/thumbnails/11.jpg)
gênero
objeto
objetivo
comportamentos adaptações
usuário sistemas
atividades ambientes
tarefas fluxos
operações controles
interfaces
designer
![Page 12: Abordagens para Design de Interação](https://reader033.vdocuments.pub/reader033/viewer/2022052207/5592b6271a28ab8a0d8b4774/html5/thumbnails/12.jpg)
gênero
objeto
objetivo
comportamentos adaptações
usuário sistemas
atividades ambientes
tarefas fluxos
operações controles
interfaces
designer
Pesquisar/Planejar
![Page 13: Abordagens para Design de Interação](https://reader033.vdocuments.pub/reader033/viewer/2022052207/5592b6271a28ab8a0d8b4774/html5/thumbnails/13.jpg)
Análise descritiva
![Page 14: Abordagens para Design de Interação](https://reader033.vdocuments.pub/reader033/viewer/2022052207/5592b6271a28ab8a0d8b4774/html5/thumbnails/14.jpg)
Análise prescritiva
![Page 15: Abordagens para Design de Interação](https://reader033.vdocuments.pub/reader033/viewer/2022052207/5592b6271a28ab8a0d8b4774/html5/thumbnails/15.jpg)
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
FluxogramasStoryboards e Wireframes
![Page 16: Abordagens para Design de Interação](https://reader033.vdocuments.pub/reader033/viewer/2022052207/5592b6271a28ab8a0d8b4774/html5/thumbnails/16.jpg)
Centros do Design
![Page 17: Abordagens para Design de Interação](https://reader033.vdocuments.pub/reader033/viewer/2022052207/5592b6271a28ab8a0d8b4774/html5/thumbnails/17.jpg)
gênero
objeto
objetivo
comportamentos adaptações
usuário sistemas
atividades ambientes
tarefas fluxos
operações controles
interfaces
designer
![Page 18: Abordagens para Design de Interação](https://reader033.vdocuments.pub/reader033/viewer/2022052207/5592b6271a28ab8a0d8b4774/html5/thumbnails/18.jpg)
Design Centrado no Designer
• Expressão individual
• Preferências pessoais
• Perfeccionismo
• Depende de inspiração
![Page 19: Abordagens para Design de Interação](https://reader033.vdocuments.pub/reader033/viewer/2022052207/5592b6271a28ab8a0d8b4774/html5/thumbnails/19.jpg)
Design Centrado no Designer
Nina 7 Pecados
![Page 20: Abordagens para Design de Interação](https://reader033.vdocuments.pub/reader033/viewer/2022052207/5592b6271a28ab8a0d8b4774/html5/thumbnails/20.jpg)
programador
gênero
objeto
objetivo
comportamentos adaptações
usuário sistemas
atividades ambientes
tarefas fluxos
operações controles
interfaces
![Page 21: Abordagens para Design de Interação](https://reader033.vdocuments.pub/reader033/viewer/2022052207/5592b6271a28ab8a0d8b4774/html5/thumbnails/21.jpg)
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
![Page 22: Abordagens para Design de Interação](https://reader033.vdocuments.pub/reader033/viewer/2022052207/5592b6271a28ab8a0d8b4774/html5/thumbnails/22.jpg)
Design Centrado no Sistema
ex: Vila Franca de Xira - CP Passageiros
![Page 23: Abordagens para Design de Interação](https://reader033.vdocuments.pub/reader033/viewer/2022052207/5592b6271a28ab8a0d8b4774/html5/thumbnails/23.jpg)
Design Centrado no Sistema
MsConfig
![Page 24: Abordagens para Design de Interação](https://reader033.vdocuments.pub/reader033/viewer/2022052207/5592b6271a28ab8a0d8b4774/html5/thumbnails/24.jpg)
gênero
objetivo
comportamentos adaptações
usuário sistemas
atividades ambientes
tarefas fluxos
operações controles
interfaces
gambiarrasconflito
![Page 25: Abordagens para Design de Interação](https://reader033.vdocuments.pub/reader033/viewer/2022052207/5592b6271a28ab8a0d8b4774/html5/thumbnails/25.jpg)
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
![Page 26: Abordagens para Design de Interação](https://reader033.vdocuments.pub/reader033/viewer/2022052207/5592b6271a28ab8a0d8b4774/html5/thumbnails/26.jpg)
Design Centrado na GambiarraKopete - distribuição Ubuntu
![Page 27: Abordagens para Design de Interação](https://reader033.vdocuments.pub/reader033/viewer/2022052207/5592b6271a28ab8a0d8b4774/html5/thumbnails/27.jpg)
programador
gênero
objeto
objetivo
comportamentos adaptações
usuário sistemas
atividades ambientes
tarefas fluxos
operações controles
interfaces
designer
![Page 28: Abordagens para Design de Interação](https://reader033.vdocuments.pub/reader033/viewer/2022052207/5592b6271a28ab8a0d8b4774/html5/thumbnails/28.jpg)
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
![Page 29: Abordagens para Design de Interação](https://reader033.vdocuments.pub/reader033/viewer/2022052207/5592b6271a28ab8a0d8b4774/html5/thumbnails/29.jpg)
Design Centrado no UsuárioUsabilidoido: lançamento da versão Seurat
![Page 30: Abordagens para Design de Interação](https://reader033.vdocuments.pub/reader033/viewer/2022052207/5592b6271a28ab8a0d8b4774/html5/thumbnails/30.jpg)
Design Centrado no UsuárioUsabilidoido: resultados e melhorias
![Page 31: Abordagens para Design de Interação](https://reader033.vdocuments.pub/reader033/viewer/2022052207/5592b6271a28ab8a0d8b4774/html5/thumbnails/31.jpg)
programador
gênero
objeto
objetivo
comportamentos adaptações
usuário sistemas
atividades ambientes
tarefas fluxos
operações controles
interfaces
designer
![Page 32: Abordagens para Design de Interação](https://reader033.vdocuments.pub/reader033/viewer/2022052207/5592b6271a28ab8a0d8b4774/html5/thumbnails/32.jpg)
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
![Page 35: Abordagens para Design de Interação](https://reader033.vdocuments.pub/reader033/viewer/2022052207/5592b6271a28ab8a0d8b4774/html5/thumbnails/35.jpg)
programador
gênero
objeto
objetivo
comportamentos adaptações
usuário sistemas
atividades ambientes
tarefas fluxos
operações controles
interfaces
designer
![Page 36: Abordagens para Design de Interação](https://reader033.vdocuments.pub/reader033/viewer/2022052207/5592b6271a28ab8a0d8b4774/html5/thumbnails/36.jpg)
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
![Page 37: Abordagens para Design de Interação](https://reader033.vdocuments.pub/reader033/viewer/2022052207/5592b6271a28ab8a0d8b4774/html5/thumbnails/37.jpg)
Design Centrado no GêneroRe-design de Aplicativo para o iPhone, Paolo Passeri
![Page 38: Abordagens para Design de Interação](https://reader033.vdocuments.pub/reader033/viewer/2022052207/5592b6271a28ab8a0d8b4774/html5/thumbnails/38.jpg)
Design Centrado no GêneroOutros artefatos para cálculo de gastos de combustível
![Page 39: Abordagens para Design de Interação](https://reader033.vdocuments.pub/reader033/viewer/2022052207/5592b6271a28ab8a0d8b4774/html5/thumbnails/39.jpg)
programador
gênero
objeto
objetivo
comportamentos adaptações
usuário sistemas
atividades ambientes
tarefas fluxos
operações controles
interfaces
designer
![Page 40: Abordagens para Design de Interação](https://reader033.vdocuments.pub/reader033/viewer/2022052207/5592b6271a28ab8a0d8b4774/html5/thumbnails/40.jpg)
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
![Page 42: Abordagens para Design de Interação](https://reader033.vdocuments.pub/reader033/viewer/2022052207/5592b6271a28ab8a0d8b4774/html5/thumbnails/42.jpg)
Design Centrado na Atividade
![Page 43: Abordagens para Design de Interação](https://reader033.vdocuments.pub/reader033/viewer/2022052207/5592b6271a28ab8a0d8b4774/html5/thumbnails/43.jpg)
programador
gênero
objeto
objetivo
comportamentos adaptações
usuário sistemas
atividades ambientes
tarefas fluxos
operações controles
interfaces
designer
![Page 44: Abordagens para Design de Interação](https://reader033.vdocuments.pub/reader033/viewer/2022052207/5592b6271a28ab8a0d8b4774/html5/thumbnails/44.jpg)
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)
![Page 45: Abordagens para Design de Interação](https://reader033.vdocuments.pub/reader033/viewer/2022052207/5592b6271a28ab8a0d8b4774/html5/thumbnails/45.jpg)
Design Centrado no ObjetoJaiku, Jyri Engestrom
![Page 47: Abordagens para Design de Interação](https://reader033.vdocuments.pub/reader033/viewer/2022052207/5592b6271a28ab8a0d8b4774/html5/thumbnails/47.jpg)
gênero
objeto
objetivo
comportamentos adaptações
usuário sistemas
atividades ambientes
tarefas fluxos
operações controles
interfaces
designer programador
![Page 48: Abordagens para Design de Interação](https://reader033.vdocuments.pub/reader033/viewer/2022052207/5592b6271a28ab8a0d8b4774/html5/thumbnails/48.jpg)
Design Centrado na Tarefa
• Definir uma sequência eficiente
• Priorizar as tarefas mais frequentes
• Gerenciar fluxo de trabalho
• Influência do modelo mental
![Page 49: Abordagens para Design de Interação](https://reader033.vdocuments.pub/reader033/viewer/2022052207/5592b6271a28ab8a0d8b4774/html5/thumbnails/49.jpg)
Design Centrado na Tarefa
Office XP
Menu Formatar > Colunas
![Page 50: Abordagens para Design de Interação](https://reader033.vdocuments.pub/reader033/viewer/2022052207/5592b6271a28ab8a0d8b4774/html5/thumbnails/50.jpg)
Design Centrado na TarefaOffice 2007
![Page 51: Abordagens para Design de Interação](https://reader033.vdocuments.pub/reader033/viewer/2022052207/5592b6271a28ab8a0d8b4774/html5/thumbnails/51.jpg)
gênero
objeto
objetivo
comportamentos adaptações
usuário sistemas
atividades ambientes
tarefas fluxos
operações controles
interfaces
designer
![Page 52: Abordagens para Design de Interação](https://reader033.vdocuments.pub/reader033/viewer/2022052207/5592b6271a28ab8a0d8b4774/html5/thumbnails/52.jpg)
Design Centrado no Objetivo
• Descobrir motivações para uso
• Definir caminhos para que os usuários alcancem seus objetivos
• Flexibilidade para atender diferentes objetivos
![Page 53: Abordagens para Design de Interação](https://reader033.vdocuments.pub/reader033/viewer/2022052207/5592b6271a28ab8a0d8b4774/html5/thumbnails/53.jpg)
Design Centrado na TarefaPicasa
![Page 54: Abordagens para Design de Interação](https://reader033.vdocuments.pub/reader033/viewer/2022052207/5592b6271a28ab8a0d8b4774/html5/thumbnails/54.jpg)
gênero
objeto
objetivo
comportamentos adaptações
usuário sistemas
atividades ambientes
tarefas fluxos
operações controles
interfaces
designer
![Page 55: Abordagens para Design de Interação](https://reader033.vdocuments.pub/reader033/viewer/2022052207/5592b6271a28ab8a0d8b4774/html5/thumbnails/55.jpg)
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
![Page 56: Abordagens para Design de Interação](https://reader033.vdocuments.pub/reader033/viewer/2022052207/5592b6271a28ab8a0d8b4774/html5/thumbnails/56.jpg)
Design Centrado na Operação
![Page 57: Abordagens para Design de Interação](https://reader033.vdocuments.pub/reader033/viewer/2022052207/5592b6271a28ab8a0d8b4774/html5/thumbnails/57.jpg)
gênero
objeto
objetivo
comportamentos adaptações
usuário sistemas
atividades ambientes
tarefas fluxos
operações controles
interfaces
designer programador
![Page 58: Abordagens para Design de Interação](https://reader033.vdocuments.pub/reader033/viewer/2022052207/5592b6271a28ab8a0d8b4774/html5/thumbnails/58.jpg)
Design Holístico
• Praticamente impossível para pobres mortais
• Equipes multidisciplinares
• Grandes projetos
• Real e virtual integrado
![Page 59: Abordagens para Design de Interação](https://reader033.vdocuments.pub/reader033/viewer/2022052207/5592b6271a28ab8a0d8b4774/html5/thumbnails/59.jpg)
Design Holístico
![Page 60: Abordagens para Design de Interação](https://reader033.vdocuments.pub/reader033/viewer/2022052207/5592b6271a28ab8a0d8b4774/html5/thumbnails/60.jpg)
Obrigado!
Frederick van Amsteldesigner de interação usabilidoido.com.br