O que é design de interação

43
Design de Interação 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 of O que é design de interação

Page 1: O que é design de interação

Design de InteraçãoO Que é Design de Interação?

Page 2: O que é design de interação

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
Page 4: O que é design de interação

Um Bom e um Mau Design

Page 5: O que é design de interação

O que projetar?

Page 6: O que é design de interação

O que é Design de Interação?

Page 7: O que é design de interação

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

Breve históriaLinha do tempo : ergonomia > fatores humanos > IHC e adiante

Page 9: O que é design de interação

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

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

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

Doug Engelbart - 1962 Augmenting Human Intellect

Page 13: O que é design de interação

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

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

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

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

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

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

MultidisciplinaridadeTrabalhando juntos como uma equipe multidisciplinar

Page 20: O que é design de interação

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

NegóciosDesign de interação e negócios

Page 22: O que é design de interação

JOSEPH ALOIS SCHUMPETER PETER DRUCKER

Page 23: O que é design de interação
Page 24: O que é design de interação
Page 25: O que é design de interação

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

Estratégia

Page 27: O que é design de interação

MetasAs metas do design de interação

Page 28: O que é design de interação

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

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

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

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

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

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

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

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

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

Técnicas básica

Questionário

Entrevista

Observação

Page 38: O que é design de interação

UXMetas decorrentes da experiência do usuário

Page 39: O que é design de interação
Page 40: O que é design de interação
Page 41: O que é design de interação

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

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

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.