o que é design de interação
DESCRIPTION
Apresentação dos conceitos básicos dessa corrente do Design, com um pouco de seu histórico.TRANSCRIPT
![Page 1: O que é design de interação](https://reader036.vdocuments.us/reader036/viewer/2022062319/555b3139d8b42ae82e8b4e81/html5/thumbnails/1.jpg)
Design de InteraçãoO Que é Design de Interação?
![Page 2: O que é design de interação](https://reader036.vdocuments.us/reader036/viewer/2022062319/555b3139d8b42ae82e8b4e81/html5/thumbnails/2.jpg)
Introdução"A designer knows he has achieved perfection not when
there is nothing left to add, but when there is nothing left to take away."
- Antoine de Saint-Exupry
![Page 3: O que é design de interação](https://reader036.vdocuments.us/reader036/viewer/2022062319/555b3139d8b42ae82e8b4e81/html5/thumbnails/3.jpg)
![Page 4: O que é design de interação](https://reader036.vdocuments.us/reader036/viewer/2022062319/555b3139d8b42ae82e8b4e81/html5/thumbnails/4.jpg)
Um Bom e um Mau Design
![Page 5: O que é design de interação](https://reader036.vdocuments.us/reader036/viewer/2022062319/555b3139d8b42ae82e8b4e81/html5/thumbnails/5.jpg)
O que projetar?
![Page 6: O que é design de interação](https://reader036.vdocuments.us/reader036/viewer/2022062319/555b3139d8b42ae82e8b4e81/html5/thumbnails/6.jpg)
O que é Design de Interação?
![Page 7: O que é design de interação](https://reader036.vdocuments.us/reader036/viewer/2022062319/555b3139d8b42ae82e8b4e81/html5/thumbnails/7.jpg)
O Design de Interação
“.. the focus of human-computer interaction tends to be restricted to the relationship between the individual user and the computer
….[We need] a broader perspective on the field that would take into account the social context in which people use computers
This view extends the concept of human-computer interaction to that of human-computer-human interaction-namely, a perspective where the computer serves as a mediator between people. Within this framework, the computer takes its place as another piece of interactive communications technology that can be analyzed along with other electronic media such as the radio, television, and telephone.” Liam Bannon, In Norman & Draper (1986) Computer Mediated
Communication
![Page 8: O que é design de interação](https://reader036.vdocuments.us/reader036/viewer/2022062319/555b3139d8b42ae82e8b4e81/html5/thumbnails/8.jpg)
Breve históriaLinha do tempo : ergonomia > fatores humanos > IHC e adiante
![Page 9: O que é design de interação](https://reader036.vdocuments.us/reader036/viewer/2022062319/555b3139d8b42ae82e8b4e81/html5/thumbnails/9.jpg)
Evolução da IHCLinha do tempo : ergonomia > fatores humanos > IHC e adiante
Ergonomia- Ergos (grego) - trabalho….Nomos – estudo, ciência Ajustando o operador à máquina Foco inicial no trabalho manual,
projeto de ferramentas
Frederick W. Taylor (1900’s) Engenheiro: analisava o trabalho Abordagem conhecida como
“Scientific Management” separa a concepção da execução
Tempos e movimentos Taylorismo, partes do trabalho,
“one best way”, gestão e controlel
Estudo dos movimentos de Frank B. Gilbreth: Cyclograph (bricklaying, 1911) 120-
>350/per h.
2nd World War: surge a área Human Factors Seleção de pilotos, avaliação,
treinamento, instrução programada, Fisiologia humana, antropométrica, design de controles
Grande envolvimento militar “Not everyone is a 29-year
old air force pilot”
![Page 10: O que é design de interação](https://reader036.vdocuments.us/reader036/viewer/2022062319/555b3139d8b42ae82e8b4e81/html5/thumbnails/10.jpg)
Evolução da IHCLinha do tempo : ergonomia > fatores humanos > IHC e adiante
Development of “man-machine engineering communication” in 1960’s Work of US human factors researchers e.g. Alphonse
Chapanis, Dick Pew… “knobs and dials” research - after hardware design
Allocation of functions - Fitt’s Lists (1951) “Machine is better at / Human is better at” Fitts MABA-MABA list interesting essay Tom Sheridan
(MIT) :
Sheridan T. B., Function allocation: algorithm, alchemy or apostasy? Int Journal of Human-Machine Studies, 2000, 52, 203-216)
![Page 11: O que é design de interação](https://reader036.vdocuments.us/reader036/viewer/2022062319/555b3139d8b42ae82e8b4e81/html5/thumbnails/11.jpg)
Evolução da IHCLinha do tempo : ergonomia > fatores humanos > IHC e adiante
• Trabalhos em segurança pública e saúde: design standards, regulations re. equipment safety
• Design para pessoas idosas
• Foco em fazer a máquina justar-se ao humano!
• Shift from machines to computer interfaces
• Shift from machine operators - everyday users
• Origem da IHC como área
• Late 60’s: work of Brian Shackel (Loughborough, UK)
• Interesse científico da programação e uso de programas de computador por humanos
• Interesse dos fabricantes de computadores por interfaces
1982: 1ª conferência HCI
1983: ACM CHI conferência
![Page 12: O que é design de interação](https://reader036.vdocuments.us/reader036/viewer/2022062319/555b3139d8b42ae82e8b4e81/html5/thumbnails/12.jpg)
Doug Engelbart - 1962 Augmenting Human Intellect
![Page 13: O que é design de interação](https://reader036.vdocuments.us/reader036/viewer/2022062319/555b3139d8b42ae82e8b4e81/html5/thumbnails/13.jpg)
Evolução da IHCLinha do tempo : ergonomia > fatores humanos > IHC e adiante
Evolução da IHC a partir dos anos 80
• Avanços na tecnologia
• Evidências empíricas de design de interface pobre
• Aumentos dos usuários descrentes
• Fabricantes conscientes da oportunidade de mercado
• Interesse acadêmico de aplicações de “teorias”
• Indo além da abordagem de “fatores humanos”
• Engenharia de Software aproxima-se de Usabilidade
![Page 14: O que é design de interação](https://reader036.vdocuments.us/reader036/viewer/2022062319/555b3139d8b42ae82e8b4e81/html5/thumbnails/14.jpg)
Evolução da IHCLinha do tempo : ergonomia > fatores humanos > IHC e adiante
IHC: Modelo dominante
• “Know the User” = Psicologia Cognitiva Aplicada
• Modelo de processamento da informação
• User modeling, experimental manipulations, corpus of knowledge re. human sensory, perceptual, cognitive capacities…..
• Psicólogo como substituto do usuário
• Crença da tradução entre teoria e prática de design
![Page 15: O que é design de interação](https://reader036.vdocuments.us/reader036/viewer/2022062319/555b3139d8b42ae82e8b4e81/html5/thumbnails/15.jpg)
Evolução da IHCLinha do tempo : ergonomia > fatores humanos > IHC e adiante
IHC: Os problemas dos anos 90
• As melhorias não foram devidas as teorias de IHC ou suas aplicações….
• Pouco impacto dos experimentos controlados
• Pouco impacto do paradigma computacional da IA (user modeling)
• Desilusão dos práticos do Design
• Acadêmicos questionando o possível papel... Exemplo Landauer, Let’s Get Real (1991)
• Busca de novos referenciais teóricos, novos métodos…
![Page 16: O que é design de interação](https://reader036.vdocuments.us/reader036/viewer/2022062319/555b3139d8b42ae82e8b4e81/html5/thumbnails/16.jpg)
Evolução da IHCLinha do tempo : ergonomia > fatores humanos > IHC e adiante
HCI: reframing “from within”
2 kinds of problems: Lose aspects of real situation when we move to the lab
Findings in lab may not tell us things about the way things are in the world
Potential problems with formal evaluations Often: too little, too late Often
wrong “subjects”
wrong tasks wrong setting
Cf. Thomas & Kellogg 1989, IEEE Software “ Minimizing Ecological Gaps in Interface Design”
![Page 17: O que é design de interação](https://reader036.vdocuments.us/reader036/viewer/2022062319/555b3139d8b42ae82e8b4e81/html5/thumbnails/17.jpg)
Bannon, L. From Human Factors to Human Actors, 1991.
Indivíduos
Laboratório
Novatos
Análise
Centrado no usuário
Requisitos
Foco no produto
Modelo Aditivo
Usabilidade
Grupos/Conjuntos
Espaço de trabalho
Experts (profissionais)
Design
Envolvimento dos usuários
Protótipo Iterativo
Foco no processo
Modelo combinatório
Desejabilidade?
![Page 18: O que é design de interação](https://reader036.vdocuments.us/reader036/viewer/2022062319/555b3139d8b42ae82e8b4e81/html5/thumbnails/18.jpg)
Design : Participatory Design view
Users tacit knowledge
Experience of future use situation
Importance of labour process
Augmentation, not substitution model
Need for mock-ups, prototypes
Mutual learning required
Methods for understanding work Future Workshops,
Wallboarding, etc..
Power issues
Cooperative Design (1990’s)
“Scandinavian” approach, 1970’s ->
![Page 19: O que é design de interação](https://reader036.vdocuments.us/reader036/viewer/2022062319/555b3139d8b42ae82e8b4e81/html5/thumbnails/19.jpg)
MultidisciplinaridadeTrabalhando juntos como uma equipe multidisciplinar
![Page 20: O que é design de interação](https://reader036.vdocuments.us/reader036/viewer/2022062319/555b3139d8b42ae82e8b4e81/html5/thumbnails/20.jpg)
Engenharia de Usabilidade
Perfis Usuários finais Gerentes/compradores Especialistas no domínio Engenheiro de software Designer gráficos Equipe de marketing Especialistas em IHC Especialistas em ergonomia /fatores humanos Pessoal de suporte/treinamento
![Page 21: O que é design de interação](https://reader036.vdocuments.us/reader036/viewer/2022062319/555b3139d8b42ae82e8b4e81/html5/thumbnails/21.jpg)
NegóciosDesign de interação e negócios
![Page 22: O que é design de interação](https://reader036.vdocuments.us/reader036/viewer/2022062319/555b3139d8b42ae82e8b4e81/html5/thumbnails/22.jpg)
JOSEPH ALOIS SCHUMPETER PETER DRUCKER
![Page 23: O que é design de interação](https://reader036.vdocuments.us/reader036/viewer/2022062319/555b3139d8b42ae82e8b4e81/html5/thumbnails/23.jpg)
![Page 24: O que é design de interação](https://reader036.vdocuments.us/reader036/viewer/2022062319/555b3139d8b42ae82e8b4e81/html5/thumbnails/24.jpg)
![Page 25: O que é design de interação](https://reader036.vdocuments.us/reader036/viewer/2022062319/555b3139d8b42ae82e8b4e81/html5/thumbnails/25.jpg)
Usabilidade na maioria das empresas
"Please evaluate our user interface, and make it easy to use. " (Usability Studies)
"Please help us designing this user interface so that it is easy to use." (User-Centred Design Process)
"Please help us find what the users really need so that we know how to design this user interface. "Ethnographic StudiesFocus GroupsEnvisioning ExercisesCultural Probes
![Page 26: O que é design de interação](https://reader036.vdocuments.us/reader036/viewer/2022062319/555b3139d8b42ae82e8b4e81/html5/thumbnails/26.jpg)
Estratégia
![Page 27: O que é design de interação](https://reader036.vdocuments.us/reader036/viewer/2022062319/555b3139d8b42ae82e8b4e81/html5/thumbnails/27.jpg)
MetasAs metas do design de interação
![Page 28: O que é design de interação](https://reader036.vdocuments.us/reader036/viewer/2022062319/555b3139d8b42ae82e8b4e81/html5/thumbnails/28.jpg)
O que é Usabilidade?
ISO/IEC 9241
"Usabilidade é o efeito, a eficiência e a
satisfação com a que um produto permite
atingir objetivos específicos a
utilizadores específicos num
contexto de utilização específico".
![Page 29: O que é design de interação](https://reader036.vdocuments.us/reader036/viewer/2022062319/555b3139d8b42ae82e8b4e81/html5/thumbnails/29.jpg)
As metas do design de interação
Usabilidade (Nielsen, 1993)LearnabilityEfficiencyMemorabilityErrorsSatisfaction
Nunca se resolve tudo
Seleção do que é mais relevante
![Page 30: O que é design de interação](https://reader036.vdocuments.us/reader036/viewer/2022062319/555b3139d8b42ae82e8b4e81/html5/thumbnails/30.jpg)
Design Centrado no Usuário
“O design centrado no usuário está focado em incorporar a perspectiva do usuário no processo de desenvolvimento do software em busca de um sistema usável” M. Maguire
![Page 31: O que é design de interação](https://reader036.vdocuments.us/reader036/viewer/2022062319/555b3139d8b42ae82e8b4e81/html5/thumbnails/31.jpg)
Princípios
O envolvimento ativo de usuários e um claro entendimento dos requisitos do usuário e da tarefa
Uma avaliação adequada das funções do usuário e do sistema
Iteração de soluções (feedback constante)
Times de projeto multi-disciplinares
![Page 32: O que é design de interação](https://reader036.vdocuments.us/reader036/viewer/2022062319/555b3139d8b42ae82e8b4e81/html5/thumbnails/32.jpg)
Envolvimento ativo do usuário
O usuário é quem melhor realiza seu trabalho!
JustificativaMelhor qualidadeMaior aceitação
QuemUsuários do sistema atualUsuário representativos da população alvo do
produto
![Page 33: O que é design de interação](https://reader036.vdocuments.us/reader036/viewer/2022062319/555b3139d8b42ae82e8b4e81/html5/thumbnails/33.jpg)
Envolvimento ativo do usuário
Formas de envolvimento Informativo: entrevistas e questionáriosConsultivo: validação de versõesParticipativo: co-autor de decisões de projetoAutoria: usuário autor do projetoObservado!
![Page 34: O que é design de interação](https://reader036.vdocuments.us/reader036/viewer/2022062319/555b3139d8b42ae82e8b4e81/html5/thumbnails/34.jpg)
Envolvimento ativo do usuário
Organização para o envolvimentoRepresentantes dos usuários
Domínios: da tarefa, da plataforma e do sistema
Grupos de usuáriosProjetistasEspecialistas no domínio
![Page 35: O que é design de interação](https://reader036.vdocuments.us/reader036/viewer/2022062319/555b3139d8b42ae82e8b4e81/html5/thumbnails/35.jpg)
Engenharia de Usabilidade
Abordagem iterativa para soluções de projeto Minimiza os riscos de que o sistema não venha ao
encontro com as expectativas dos usuários Apresentar as soluções intermediárias aos usuários e
permitir que eles realizem tarefas com estas soluções Alterar o projeto em resposta às observações dos
usuários
![Page 36: O que é design de interação](https://reader036.vdocuments.us/reader036/viewer/2022062319/555b3139d8b42ae82e8b4e81/html5/thumbnails/36.jpg)
Conheça seu usuário
Características individuais
Análise funcional
A evolução do usuário
![Page 37: O que é design de interação](https://reader036.vdocuments.us/reader036/viewer/2022062319/555b3139d8b42ae82e8b4e81/html5/thumbnails/37.jpg)
Técnicas básica
Questionário
Entrevista
Observação
![Page 38: O que é design de interação](https://reader036.vdocuments.us/reader036/viewer/2022062319/555b3139d8b42ae82e8b4e81/html5/thumbnails/38.jpg)
UXMetas decorrentes da experiência do usuário
![Page 39: O que é design de interação](https://reader036.vdocuments.us/reader036/viewer/2022062319/555b3139d8b42ae82e8b4e81/html5/thumbnails/39.jpg)
![Page 40: O que é design de interação](https://reader036.vdocuments.us/reader036/viewer/2022062319/555b3139d8b42ae82e8b4e81/html5/thumbnails/40.jpg)
![Page 41: O que é design de interação](https://reader036.vdocuments.us/reader036/viewer/2022062319/555b3139d8b42ae82e8b4e81/html5/thumbnails/41.jpg)
Guidelines: Quanto a...
Usuários Conteúdo e apresentação Elementos de hipermídia Estilos de interação Entrada de dados Opções visuais disponíveis Feedback Ações necessárias Controle do usuário Adaptabilidade Consistência Erros e mensagens de erros
![Page 42: O que é design de interação](https://reader036.vdocuments.us/reader036/viewer/2022062319/555b3139d8b42ae82e8b4e81/html5/thumbnails/42.jpg)
Bibliografia recomendada
Nielsen J., Usability Engineering, San Francisco: Morgan Kaufmann, 1993
Robertson S., Requirements trawling: techniques for discovering Requirements, Int. J. Human-Computer Studies (2001) 55, 405-421; doi:10.1006/ijhc.2001.0481.
![Page 43: O que é design de interação](https://reader036.vdocuments.us/reader036/viewer/2022062319/555b3139d8b42ae82e8b4e81/html5/thumbnails/43.jpg)
Muito agradecidoThis work is licensed under the Creative Commons Attribution-NonCommercial-NoDerivs 3.0 Unported License. To view a copy of this license, visit http://creativecommons.org/licenses/by-nc-nd/3.0/ or send a letter to Creative Commons, 444 Castro Street, Suite 900, Mountain View, California, 94041, USA.