Interação Humano Computador IHC - univasf.edu.brunivasf.edu.br/~jorge.cavalcanti/ihc1_introducao.pdf · Introdução e conceitos ••Interface: – O conceito de interfaces tornou-se

25/05/2011

1

Interação Humano ComputadorIHC

Prof. Jorge [email protected]

www.twitter.com/jorgecav

Universidade Federal do Vale do São Francisco Universidade Federal do Vale do São Francisco -- UNIVASFUNIVASFColegiado de Engenharia de ComputaçãoColegiado de Engenharia de Computação

Informações Gerais da DisciplinaInformações Gerais da Disciplina•• Eletiva, mas importante para os conceitos de inovação, criatividade e Eletiva, mas importante para os conceitos de inovação, criatividade e

usabilidadeusabilidade•• O importante não é passar somente e sim, saber pôr em prática os O importante não é passar somente e sim, saber pôr em prática os

conceitos;conceitos;•• Permanente interação da turma com o professor;Permanente interação da turma com o professor;•• Material em Material em www.univasf.edu.br/~jorge.www.univasf.edu.br/~jorge.cavalcanticavalcanti•• Livro textoLivro texto::

–– Design de Interação (Design de Interação (PreecePreece, Rogers, Sharp), Rogers, Sharp)–– Ergonomia e Usabilidade (Ergonomia e Usabilidade (CybisCybis, , BetiolBetiol, , FaustFaust))

•• Outras referências:Outras referências:–– Design e Avaliação de Interfaces HumanoDesign e Avaliação de Interfaces Humano--Computador (Rocha e Computador (Rocha e

BaranauskasBaranauskas).).–– Endereços e artigos no site.Endereços e artigos no site.

•• AAvaliaçãovaliação –– Elaboração e Apresentação de Projeto, Provas escritas Elaboração e Apresentação de Projeto, Provas escritas (reposição e final).(reposição e final).

25/05/2011

2

Panorama da indústria de softwarePanorama da indústria de software

•• Mercado Interno da indústria Mercado Interno da indústria –– US$ 8 bi (2009).US$ 8 bi (2009).•• Taxa média de crescimento Taxa média de crescimento –– 11% 11% a.a.a.a. (US$ 9,8 bi).(US$ 9,8 bi).•• Apenas 2,5% dos produtos são para exportação.Apenas 2,5% dos produtos são para exportação.•• Foco na qualidade do software:Foco na qualidade do software:

–– Padrões internacionaisPadrões internacionais•• CMMI (CMMI (Capability Maturity Model IntegrationCapability Maturity Model Integration))•• ISO (ISO (International Organization for StandardizationInternational Organization for Standardization))

Satisfação do Usuário Usabilidade do Produto

Requisitos indispensáveis de qualidade

Interação Humano Computador

Desenvolvimento de sw (e hw!) com qualidadeDesenvolvimento de sw (e hw!) com qualidade

•• Estratégia para agregação de valor.Estratégia para agregação de valor.•• Potencial competitivo.Potencial competitivo.•• Necessidade cada vez maior da indústria, de profissionais Necessidade cada vez maior da indústria, de profissionais

criativos, qualificados e produtivos.criativos, qualificados e produtivos.•• Atender necessidades dos usuários requer conhecimento, Atender necessidades dos usuários requer conhecimento,

técnicas e ferramentas que vão além das entrevistas técnicas e ferramentas que vão além das entrevistas formais.formais.

•• Engenharia de software tradicional preocupaEngenharia de software tradicional preocupa--se mais com se mais com habilidades na implantação de tecnologias.habilidades na implantação de tecnologias.

•• O design centrado no usuário introduz uma nova visão na O design centrado no usuário introduz uma nova visão na concepção de artefatos tecnológicos (Nielsen, 1995).concepção de artefatos tecnológicos (Nielsen, 1995).

–– Ponto de vista do usuário.Ponto de vista do usuário.–– Como atender suas necessidades satisfatoriamente.Como atender suas necessidades satisfatoriamente.–– Eficiente, fácil memorização, baixa taxa de erros e satisfação.Eficiente, fácil memorização, baixa taxa de erros e satisfação.

25/05/2011

3


Introdução e conceitosIntrodução e conceitos

•• Interface:Interface:– O conceito de interfaces tornou-se importante desde que se

percebeu a necessidade de uma área comum de interação homem-máquina para a navegação nos hiperdocumentos.

– A noção de metáfora de interface foi introduzida para prover as pessoas de um modelo conceitual que envolvesse objetos e ambientes familiares.

– Quando alguém utiliza uma ferramenta, e interage com um sistema, costuma existir "algo" entre ele e o objeto de interação.

• Num automóvel, o "algo" podem ser os pedais.

• Num elevador os botões.

• Num computador consiste no teclado, na tela, o mouse e o resto de periféricos.



•• Interface:Interface:– Este "algo" informa-nos sobre as ações que são possíveis, o estado

atual do objeto e as mudanças produzidas e permite-nos, ainda, atuar sob o sistema ou a ferramenta.

– Isto é interface! É ao mesmo tempo, um limite e um espaço comum entre ambas as partes.

– A interface não é só o programa ou o que se vê na tela. Desde o momento que o usuário abre a caixa, começa interagir com o produto e portanto, começa a sua experiência.

25/05/2011

4


Interação entre Pessoas e Sistemas

Fonte: www.usabilidoido.com.br



•• IHC & IHMIHC & IHM– Interação Humano-Computador (ou do inglês Human-Computer

Interation - HCI) e Interface Homem Máquina são,do ponto de vista de conteúdo e pesquisas, mesmas áreas.

– Entende-se por HCI (ou IHM) o estudo de caráter inter e multidisciplinar que se preocupa com a adaptação de sistemas computacionais ao seu usuário, visando a maior satisfação, segurança e produtividade.

– O termo human-computer interaction foi introduzido em meados dos anos 80 como um meio de descrever esse novo campo de estudo que se preocupa com o relacionamento entre o homem e o computador. O termo usabilidade é um conceito chave em HCI que diz respeito à produção de sistemas fáceis de aprender e de usar (Preece, 1994).

25/05/2011

5



•• Histórico & AplicaçõesHistórico & Aplicações– Os primeiros estudos específicos de HCI apareceram nos anos 60 e

faziam referência à simbiose Pessoa-Computador (Licklider, 1960).

– A investigação em HCI levou à “estandarização” da usabilidade, a sua melhora e o apoio empírico. A focagem científica da HCI inclui uma variedade de ferramentas e técnicas que ajudam a desenvolver melhores interfaces de utilizador.

– Os estudos nesta disciplina têm permitido dar uma base teórica ao

design e à avaliação de aplicações computacionais.



•• Histórico & AplicaçõesHistórico & Aplicações– Hansen (1971) em "User Engineering Principles for Interactive Systems" faz

a primeira enumeração de princípios para o design de sistemas interativos:1. Conhecer o utilizador;2. Minimizar a memorização, substituindo a entrada de dados pela seleção de ítens, utilizando nomes em lugar de números, usufruindo acesso rápido à informação prática do sistema;3. Otimizar as operações através da rápida execução de operações comuns, da consistência da interface e organizando e reorganizando a estrutura da informação baseando-se na observação do uso do sistema.4. Facilitar boas mensagens de erro, criar designs que evitem os erros mais comuns, fazendo possível desfazer aquelas ações realizadas e garantir a integridade do sistema no caso de uma falha do software ou hardware.

– Apesar da lógica e antiguidade destes princípios é fácil encontrar nos em programas e sites da web, códigos de inmemorizáveis para identificar produtos, mensagens de erros difíceis de entender e, de uma forma geral, um mal trato ao usuário.

25/05/2011

6


Introdução e conceitosIntrodução e conceitos•• Histórico & AplicaçõesHistórico & Aplicações

–– Áreas de relacionamentoÁreas de relacionamento



•• Por que estudar IHCPor que estudar IHC

–– Fornece uma abordagem sistemática e metódica Fornece uma abordagem sistemática e metódica para o desenvolvimento de interfaces;para o desenvolvimento de interfaces;

–– É baseada em princípios empíricos e estudos É baseada em princípios empíricos e estudos científicos sobre o comportamento dos homens científicos sobre o comportamento dos homens no uso dos computadores.no uso dos computadores.

25/05/2011

7


Introdução e conceitosIntrodução e conceitos•• Resumidamente, podeResumidamente, pode--se dizer que uma se dizer que uma

interface deve atender a três requisitos interface deve atender a três requisitos básicos:básicos:

oo SER ÚTIL: ter uma função clara, bem definida e SER ÚTIL: ter uma função clara, bem definida e apropriada.apropriada.

oo SER UTILIZÁVEL: o homem deve ser capaz de SER UTILIZÁVEL: o homem deve ser capaz de encontrar e executar as funções esperadas sem encontrar e executar as funções esperadas sem dificuldades.dificuldades.

oo SER UBÍQÜA: seu uso deve ser transparente para SER UBÍQÜA: seu uso deve ser transparente para o usuário.o usuário.



�Vale a pena gastar tempo e dinheiro no projeto deinterfaces ?

�Uma interface pode ser projetada pensando como ousuário?

�Como projetar "boas" interfaces ?

Poucas mudanças simples fazem uma grande diferença.

Dificilmente deixamos de considerar aquilo que já conhecem os,afetando no projeto. Além de que o modelo conceitual doprojetista é diferente do modelo do usuário .

Envolvendo e considerando as necessidades dos usuários.

25/05/2011

8





25/05/2011

9


Introdução e conceitosIntrodução e conceitos•• Evolução das interfacesEvolução das interfaces

–– Xerox Alto (1972)Xerox Alto (1972)

Interação c/ computador através de sons e imagens



–– AppleApple--Macintosh (1983Macintosh (1983--84)84) INTERFACE WIMP:

· Windows: janelas independentes que podem ser manipuladas de qualquer modo;· Ícones: símbolos icônicos que representam visualmente os arquivos e os programas;· Menus: listas de comandos organizadas em categorias, apontando para sub-menus e apresentando aos usuário todos os comandos disponíveis, de modo consistente em todos os programas (copy, delete, open, etc.);· Pointers: indica o ponto de ação. Um manipulador virtual e ferramenta de feedback.

25/05/2011

10



–– Primeira Versão do Windows (1985)Primeira Versão do Windows (1985)



–– Apple Macintosh II (1987) Apple Macintosh II (1987) –– 256 cores, 24 bits.256 cores, 24 bits.

25/05/2011

11



–– Segunda Versão do Windows (1987)Segunda Versão do Windows (1987)



–– Mac OS Mac OS -- GUI (1988)GUI (1988)

25/05/2011

12



–– Mac OS Mac OS -- GUI (1988)GUI (1988)· metáfora do desktop (interf. gráfica);· menu-bar e pull-down menus;· manipulação direta (ver e apontar);· feedback (aparência e ação);· display WYSIWYG;· uso de comandos “universais”;· simplicidade amigável (fácil de usar);· caixas de diálogo e alerta,· compromisso com o design;· consistente, independente do aplicativo, e estável;· todas as ações centradas no uso de um mouse de um único botão;· personalização do desktop ;· uso de múltiplas fontes;

A interface Macintosh alterou de forma radical a interação usuário-computador.A Microsoft, atualmente, ainda tenta emulá-la nas multiplas versões do Windows.



–– Windows 3.0 (1990)Windows 3.0 (1990)

25/05/2011

13



–– Windows 95Windows 95



–– Mac OS 8.0 Mac OS 8.0 –– 1995 1995 –– 1,25 milhões de cópias em 2 semanas1,25 milhões de cópias em 2 semanas

25/05/2011

14



–– Windows 2000Windows 2000



–– Mac OS 10 Mac OS 10 –– Aqua (2000)Aqua (2000)

25/05/2011

15



–– Windows XP (2001)Windows XP (2001)



–– Windows Vista (2006)Windows Vista (2006)

25/05/2011

16



–– Windows 7 (2010)Windows 7 (2010)



–– Mac OS 10.5 Mac OS 10.5 –– Leopard (2007)Leopard (2007)

25/05/2011

17


Introdução e conceitosIntrodução e conceitos•• Tudo tem interface.Tudo tem interface.


O processo de Design de InteraçãoO processo de Design de Interação

•• O que é design de interação?O que é design de interação?– Design(projeto) de produtos interativos que fornecem

suporte às atividads cotidianas das pessoas, seja no lar, seja no trabalho (Sharp, Rogers and Preece (2006).

– Projeto de espaços para comunicação e interação humana (Winograd, 1997).

– Analogia: Arquitetos X Engenheiros Civis.

• Arquiteto: estética, conforto, proporcionalidade entre áreas, privacidade etc.

• Engenheiro: execução do projeto, custo, durabilidade, cálculos estruturais, métodos construtivos.

– Engenharia de software X design de interação.

25/05/2011

18



•• Objetivos do design de interação?Objetivos do design de interação?– Auxílio no desenvolvimento de produtos cada

vez mais fáceis de aprender, práticos no seu uso e que produza uma experiência satisfatória ao serem utilizados.

– Envolver usuários no design dos processos/produtos.



•• O que está envolvido no processo de design de O que está envolvido no processo de design de interação?interação?

1. Identificar necessidades e estabelecer requisitos.2. Desenvolver designs alternativos que preencham esses

requisitos.3. Construir versões interativas dos designs, de maneira que

possam ser comunicados e analisados.4. Avaliar o que está sendo construído durante o processo.

Atividade: pesquisar, compreender e definir o conceito de design centrado no usuário (apresentar fonte).

25/05/2011

19


Relação entre designers e usuários

Fonte: www.usabilidoido.com.br

Documents

Interação Humano Computador IHC - univasf.edu.brunivasf.edu.br/~jorge.cavalcanti/ihc1_introducao.pdf · Introdução e conceitos ••Interface: – O conceito de interfaces tornou-se