Apostila 1 - Introdução IHC

8/19/2019 Apostila 1 - Introdução IHC

1/13

Instituto Federal do Amapá - IFAP

Licenciatura em Informática

E-mail: [email protected] 1

Disciplina: Interação Humano Computador

UNIDADE 1: Introdução

André Luiz Simão de Miranda

____________________________________________________________

Este documento tem caráter de guia e apoio para as aulas da disciplina

Interação Humano Computador. A intenção deste material é proporcionar

material escrito das idéias tratadas nas aulas para reduzir os apontamentos e

contar com maior atenção nas discussões e exposições das aulas. Nãosubstitui as referências bibliográficas referenciadas para o estudo dadisciplina. O acadêmico tem o dever de buscar e investigar fontesoriginais.

Todos os direitos quanto ao conteúdo deste material são reservados ao professor André Miranda e aos autores citados.

BIBLIOGRAFIA UTILIZADA NA PREPARAÇÃO DESTEMATERIAL

1. OLIVEIRA NETTO, Alvim Antônio de. IHC interação humanocomputador: modelagem e gerência de interfaces com o usuáriosistemas de informações. Florianópolis: Visual Books, 2004. 120p.

2. BARANAUSKAS, Maria e ROCHA, Heloisa. Design e Avaliação deInterfacoes Humano-Computador. Editora NIED/UNICAMP, 2003.

3. DIAS, Cláudia. Usabilidade na web : criando portais mais acessíveis. Riode Janeiro: Alta Books, 2003. 296p.

4. NILSEN, Jakob. Projetando Websites. Rio de Janeiro: Campus, 2000.416p.

5. SHNEIDERMAN, Ben. Designing the user interface : strategies foreffective human-computer interaction. 3. ed. Massachusetts: Addison-Wesley, 1998. 639p.


2/13




Introdução à IHC

Este capítulo trata do entendimento do termo IHC, a visãohistórica desta área, descreve as diferenças entre interface e

interação, apresenta as áreas relacionadas à IHC e que tipo deprofissionais são encontrados nesta área.

1. Os termos associados e o seu Histórico

IHC é a abreviação para INTERAÇÃO HOMEM-COMPUTADOR, que no inglês é encontrado sob a sigla HCI – Human-Computer Interface. IHC também pode ser interpretadocomo INTERFACE HOMEM-COMPUTADOR, mas este equívocode comparação ocorre por causa do histórico dos termos interface e

interação. Mesmo assim o termo IHC possui afinidade com asquestões de ‘interface com o usuário’ (Preece, 1994). O termo ‘interface’ foi inventado por volta de 1880, mas a

palavra não teve muita repercussão até 1960 quando começou aser utilizada pela indústria computacional. A partir de então começaa ter um emprego mais amplo significando, inclusive, interaçõesentre departamentos e organizações ou campos de estudo. Mas atéser realmente aceito, o termo sofre desaprovação por parte dacomunidade científica que alega possuir uma conotação ostensiva(jargão). Parte desta comunidade de oposição oferece, então, asubstituição do termo ‘interface’ por palavras de uso comum como

“cooperação, transação, troca de informação, interação ou atémesmo trabalho”, as quais são recusadas. O termo interface cai emdesuso.

INTERAÇÃO: Enfoque mais amplo com novos campos de estudoenvolvendo a comunicação entre usuários e computadores ououtros tipos de produtos.

INTERFACE: Termo pioneiro que estabelece o conceito de pontode interação entre um computador e outra entidade.

Mesmo com tantas barreiras o termo interface é absorvido eseu uso generalizado, designando o ponto de interação entre umcomputador e outra entidade, tais como impressoras ouoperadores humanos. Isso ocorre na década de 1970, quandopesquisadores da área computacional passam a se preocupar comestudos sobre a ‘interface com o usuário’ (UI – user interface)também conhecida por ‘interface homem máquina (MMI – man-machine interface).

A definição de interface está associada a ‘uma linguagem deentrada de dados para o usuário, uma saída de dados para amáquina e um protocolo de interação’(Chi, 1985 citado em Preece,1994 p. 7). Com a sofisticação dos sistemas computacionaisnovos atributos são acrescentados aos sistemascomputacionais, servindo de trampolim para a criação de um


3/13




novo termo – IHC. Meados dos anos 80 o termo IHC é adotado por possuir um

enfoque mais amplo e, por isso, exigir novos campos de estudo.Preece (1994) esclarece que, mais do que o projeto de interface, a

área de IHC se preocupa com as comunicações ou interações entreusuários e computadores. Sua definição da área confereresponsabilidades como elaboração do projeto, avaliação eimplementação de sistemas computacionais interativos parauso humano, além de estudos suplementares sobre fenômenosrelevantes que envolvam os aspectos de interação.

Os esforços em estabelecer procedimentos de interação nossistemas computacionais semelhantes àqueles utilizados emsituações reais resultam em várias propostas de melhoria paraInterfaces Gráficas com o Usuário (GUI, do inglês Graphical UserInterface), novos dispositivos e paradigmas de interação que

encontramos nos equipamentos mais modernos. Estas pesquisasconcentram-se em estudos de Interação entre Homem eComputador (IHC). Os benefícios destas pesquisas e práticas daIHC vão além da melhoria das condições de uso dos sistemas,adentra questões comerciais que definem a aceitabilidade epermanência dos produtos no mercado. A evolução da área de IHCsegundo Amyris (2007) se apresenta da seguinte forma:

Anos 1950: Interface de hardware “para engenheiros” comdiversos botões de interação

Anos 1960-1970: Interface de programação (COBOL,

FORTRAN) Anos 1970-1990: Interface de terminais (linguagens de

comando) Anos 1980: Interface de interação para diálogo (GUIs,

multimídia) Anos 1990: Interface para realizar trabalho (redes e grupos) A partir de 2000: Interface torna-se onipresente (Aparelhos

celulares, bluetooth, dispositivos móveis, eletrônicos, por todaa parte, telas interativas e muitas tecnologias embarcada)

O PROJETO DE INTERAÇÃO DETERMINA O SUCESSO OUFRACASSO DO PRODUTO OU DA COMPANHIA.

O sucesso de produtos interativos chama a atenção dedepartamentos de marketing que compreendem que a usabilidadeafeta fatores como marca, número de acessos aos sites, índice deretorno nos sites e a satisfação do usuário e potencial cliente. “Ainteração com a interface afeta a percepção de marca” (Fernandez, 2005).

Listas com exemplos de boas e más práticas são publicadas atoda hora. Na lista de más práticas são encontrados produtos que,


4/13




se chegaram a ser conhecidos por seu público alvo, caíram noesquecimento pela frustração causada ou pelo aparecimento desoluções mais adequadas. Serviços na Internet, por exemplo,acabam perecendo pela negligência de aspectos de usabilidade ou

atualização de informações. Estes aspectos podem estar ligadosaté mesmo a evolução de novas soluções tecnológica que oferecemprocessos e resultados mais eficazes ao usuário. O Alta Vista, porexemplo, tão utilizado como serviço de busca ficou ultrapassadoquando novas tecnologias ofereciam processos de buscas maiselaborados.

O número de profissionais e especialistas na área de projeto deinteração cresce na medida em que a demanda por produtos maisusáveis é solicitada por usuários.

Com a abertura deste mercado multidisciplinar váriosprofissionais como sociólogos, antropólogos, dramaturgos

combinam habilidades para encontrar as melhores soluções deinteração. Isso gera custos, causa confusão, desentendimento e atémesmo falhas de comunicação. Mas o resultado tem sidosatisfatório uma vez que os projetos começam a pensar mais nousuário.

O DESIGN DE INTERAÇÃO JÁ É UM GRANDE NEGÓCIO.

2. Interface e Interação são coisas diferentes

Em determinado momento da história chegou-se a conclusãoque a Interação é um termo mais amplo em conceitos do que aInterface. Imagine um grande conjunto chamado interação que,para existir, necessita de um elemento que permita a comunicação – a interface. O resultado disso é que, entendendo a interação, serámais fácil projetar a interface (Figura 1).

Figura 1 - Representação simplificada do processo de interação e sua relação com a interface


5/13




A interface é responsável por promover estímulos de interaçãopara que o usuário obtenha respostas relacionadas às suasatividades. De um lado ela funciona como dispositivo de entrada dedados e de outro ela é responsável por enviar as respostas aosusuários. Ou seja, o estímulo promovido fará com que o usuáriodesenvolva um processo de interação que significa a execução deações para a realização das tarefas. Para cada ação uma novaresposta é esperada por ambos os lados: sistema e usuário.

“Vemos, pois, que a inter face é tanto um meio para a interaçãousuário-sistema, quanto uma ferramenta que oferece osinstrumentos para este processo comunicativo. Desta forma ainterface é um sistema de comunicação.”(de Souza, 1999)

Em um sistema computacional a interface com o usuário é oconjunto completo de aspectos que torna explícito o processo deinteração e inclui de forma resumida os seguintes elementos:

dispositivos de entrada e saída de dados; informação apresentada ao usuário ou enviada pelo usuário; retorno oferecido pelo sistema ao usuário; comportamento do sistema; e

ações do usuário com respeito a todos estes aspectos.Os componentes de interface possibilitam a comunicação entreusuário e equipamentos ou dispositivos; eles permitem elaboraros processos de entrada e saída de dados. Em sistemascomputacionais e afins (estações de jogos, celulares, DVDs, etc)estes componentes de interface servem para identificar objetosvirtuais como caixas de checagem, barras de rolagem, botões, etc.,mas também existem os componentes físicos de interface comomouse, teclado, controle remoto entre muitos outros (Figura 2).

Interação é, portanto, a troca que ocorre entre usuários eequipamentos, a exemplo dos sistemas computacionais. Issoacontece por meio de ações básicas e habituais, que são as tarefasde interação. Diferentes estilos de interação podem enriquecer oprocesso de comunicação, mas esta decisão de especificação docomportamento da interface pode aumentar o grau de dificuldadede interação. Em sistemas computacionais a configuração dosprocessos de interação com especificações personalizadas podem

oferecer ao usuário experientes flexibilidade durante a interação.


6/13




Figura 2 - Qualquer objeto possui uma interface que permite processos de interação

Há quem diga que o conceito de interação teria vindo da física,incorporado pela sociologia, psicologia social e só então passa a fazer parteda informática transformando-se em interatividade (Silva, 1998). É comumencontrar, também, definição de interação como sendo a comunicação queocorre entre duas pessoas quando mediado por algum tipo de sistema,como bate papo (chat ) ou fórum, por exemplo. Ou ainda um blog que

permite que visitantes insiram comentários e que a interação tenhaacontecido entre dois humanos. Embora isso represente um conjunto maiscomplexo de interação esta apostila manterá seu foco no cenário querepresenta o diálogo entre máquina e ser humano e suas relações com as

condições de projeto que envolvem outros seres humanos.

METÁFORAS E MODELOS MENTAIS: Seja qual for a atividade a serdesempenhada no processo de interação, a facilidade de comunicaçãodependerá da utilização conceitos baseados em metáfora e modelosmentais adquiridos pelos usuários. Metáforas são semelhança ouanalogias que podem ser utilizadas no projeto de interação sugerindo umrelacionamento entre objetos ou processos reais conhecidos pelo usuário.As metáforas na interação são muito estudadas em sistemas de realidade

virtual onde a interação pode definir o grau de realismo de um sistema. Ametáfora é utilizada para que o usuário compreenda, com mais facilidade,a relação dos componentes de interface e as atividades a seremdesempenhadas. Um exemplo simples é a utilização de cenários para aapresentação do conteúdo caracterizando um domínio familiar de processose elementos como se fossem no mundo real. Modelos mentais sãosuposições criadas pelas pessoas para desempenhar atividades que tenhamrelação com algo que ela já tenha tido contato, mesmo que o procedimentoimaginado não seja o mais adequado.


7/13




Recursos de interação

Os muitos recursos de interação permitem combinação diversas deinterfaces e ações. Teclado, monitor, elementos virtuais, entre outrosmotivam pesquisas de todo tipo. A interface gráfica com o usuário GUIs(Graphical User Interface) oferece soluções para o uso de elementosgráficos como menus, janelas, paletas, ícones, etc. As pesquisa sobre o

projeto do produto tecnológico envolvem conceitos de ergonomia – quesugere capacidades humanas para a utilização de interfaces físicas –

processo de projeto, testes entre outros. Na década de 1980 e 1990 novosrecursos surgiam e o mercado para a pesquisa multidisciplinar ampliavacom descobertas de interface e interativas como reconhecimento de voz,multimídia, realidade virtual, ambientes de aprendizagem

(treinamento e educação) e rede sem fio.

3. Interfaces e o projeto de interação

O projeto de interação é a geração de soluções para implementar o uso prático de algo que permita um diálogo, seja um sistema ou equipamento.A interface, um dos elementos responsáveis pelo processo de interação,

pode ser dividida em dois aspectos de comunicação:

INTERFACE FÍSICA (ou de hardware) –

meio de contatopredominantemente físico empregando materiais como cabos, fios,

placas, mouses, teclado.

INTERFACE LÓGICA (ou de software) – meio de contato

predominantemente cognitivo que faz uso de aspectos léxicos

(funcionais), sintáticos (estruturais) e semânticos (conteúdo).

Exemplos de comunicação entre máquina e máquina, software e

software, homem e máquina e GUIs.

Porque duas interfaces?

São numerosos os dispositivos que dependem da junção de umainterface física pela qual o usuário alcança elementos gráficos de umsistema ou aplicativo. Estes elementos gráficos determinam a interfacegráfica.

Para a grande maioria das pessoas o mouse e o teclado representam

parte importante do processo de interação – são exemplos de interfacefísica. A ausência do mouse pode deixar qualquer um apavorado, mesmo


8/13




que seja um usuário experiente. A utilização de programas para editarimagens, texto ou até mesmo o processo para desligar o computador sãoatividades que dificilmente são realizadas sem o mouse. Aí você diz; “masé possível fazer estas atividades utilizando apenas o teclado!”. De fato, a

condição de flexibilização do sistema operacional ou dos aplicativos permite que o usuário tenha mais de um tipo de acesso ou formato deinteração com muitas atividades no computador – são os atalhos.

Figura 3 - O telefone celular é um exemplo de equipamento que interface física e

gráfica. Aparelhos touchscreen minimizam o uso de interface física, mas não as

excluem. A caneta por exemplo representa uma interface que permite a comunicação.

A interface lógica é mais conhecida pelos gráficos e suas regrasdeterminadas pela GUIs – Graphical User Interface. Este tipo de interfacefaz parte de praticamente qualquer novo dispositivo tecnológico encontradono mercado e deveremos conviver com eles ainda por muito tempo. Novastecnologias tendem, inclusive, a minimizar o uso de interfaces física para arealização da comunicação, como já ocorre em equipamentos touchscreen.Mas ainda assim é possível identificar a interface física. A tela, o

próprio dedo do usuários, um mouse de botão, a caneta, por exemplo, sãomeio de estabelecer contatos para entrada de dados. A tela gráfica e osauto-falantes comunicam a realização de tarefas.

A combinação de interfaces física e gráfica ou lógica em celulares exigeum projeto de interação que leve em conta uma relação compreensívelentre o aplicativo do aparelho e seus botões e teclado. Em avaliações feitas

por alunos da disciplina de TASI utilizando princípios de projeto, metas deusabilidade, heurísticas entre outros conceitos foi possível verificar que o

parelho Nokia é dos mais simples de operar, enquanto o Motorola estáentre os mais complicados.


9/13




O desenvolvimento de interfaces de qualidade pode consumir algo pertode 50% do tempo e dos recursos alocados para o projeto (Filho, 2005). Ograu de dificuldade para implementar bons projetos pode aumentarconforme a quantidade de formatos e elementos de interação envolvidos no

projeto.

Congruência de interfaces

Com a evolução de tecnologia por meio de estudos científicosque apontam novas soluções de interface e interação os novosprodutos começam a combinar interfaces físicas e gráficas. Entre osveteranos e mais conhecido está o computador com aplicações quefuncionam com saída gráfica (monitor) e sonora (caixas de som) +mouses, teclados, joysticks, dentre outros. Os telefones celulares

também oferecem aplicação com saída gráfica na tela e somnormalmente manipulados por interfaces física na forma de tecladoalfanumérico e botões diversos. Outras máquinas como de comprarrefrigerante, salgadinhos, bilhetes de transporte possuem painel decomando com botões e tela com instruções.

O que é importante entender a respeito da combinação deinterfaces é a relação entre ambos os elementos gráficos e físicosque precisa ser efetiva, clara e consistente para que, por meio dosdispositivos ou interfaces físicas, a interface gráfica reaja de acordocom as expectativas do usuários. Em resumo qualquer coisa queseja projetada precisa considerar os seguintes aspectos:

atender o tipo de atividade esperada pelo usuário;

estudar a interface mais apropriada para entrada e saída de dados; e

oferecer funcionalidades complementares como forma de flexibilizaro processo de interação.

Os elementos de interface mais comuns e conhecidos quepermitem a interação em sistemas computacionais são menus,comandos, formulários, ícones, botões e combinações dedispositivos físicos.

Áreas relacionadas à IHC

Esta área do conhecimento é definida pela multidisciplinaridadeque envolve especialista e profissionais de diversas áreas como:

psicologia;

sociologia;

antropologia;

sistemas de informação;

ciências da computação;

design gráfico;


10/13




ergonomia.

Como assim? Considerando que os primeiros sistemascomputacionais tenham sido desenvolvidos por engenheiros de

hardware, que tipo de experiências eles poderiam ter sobre ascondições humanas como habilidades e limitações para utilizaremos primeiros sistema desenvolvidos por eles? Como o processo deinteração seria visto pelo usuário?

Figura 4 - Ilustração sobre o início da área de IHC

Com o advento do monitor na década 1970 profissionaiscuriosos com as novidades tecnológicas e buscavam soluções paraa realização de tarefas envolvendo a cognição humana. Issomobilizou cientistas da computação e psicólogos. Depois dissonovos desafios levam ao desenvolvimento de novas soluções.

Com isso nasce o profissional que desafia as novas tecnologias

em busca de soluções para o usuário. Oprojetista de interação

– oudesigner de interação – passa então a ser responsável pela geraçãode idéias que ofereçam o máximo de conforto ao usuário durante arealização das atividades de interação.

4. O projetista de interação

Para entender melhor a atuação do profissional responsávelpela geração de projetos de interação é interessante utilizar aanalogia proposta por Preece (2005) sugerindo um contraste entreáreas.

Correlação de atuação profissinal

A preocupação do arquiteto em seus projetos é com a pessoaque utilizará o espaço construído prevendo conforto para morar,


11/13




trabalhar, formulando circulações adequadas, janelas que permita aentrada de luz natural e ventilação… em resumo: PREOCUPAÇÃOCOM O USUÁRIO DA EDIFICAÇÃO OU DO SISTEMA

A preocupação do engenheiro civil em seus projetos é que a

estrutura seja resistente para suportar pessoas, equipamentos,intempéries… em resumo: PREOCUPAÇÃO COM A

EDIFICAÇÃO OU CÓDIGO

O engenheiro de software se preocupa com a produção desoluções robustas para os sistemas que projeta e desenvolve. Emresumo: PREOCUPAÇÃO COM A EDIFICAÇÃO OU CÓDIGO

O projetistas de interação se preocupa com o processo deutilização do sistema e o desempenho das atividades realizadaspelo usuário. Em resumo: PREOCUPAÇÃO COM O USUÁRIO DAEDIFICAÇÃO OU DO SISTEMA

As profissões decorrentes da área de IHC

Esta área incentivou o aparecimento de uma série de novosprofissionais que tentam se estabelecer em um mercado ainda emimplantação, ou mesmo em definição, que tentam acompanhar umaárea que ainda está em fase de estabelecer atividades ecompetências. Dentre elas destacam-se os seguintes profissionaiscom suas atividades:

Analista com especialidade em projeto centrado no usuário: Elesaberá conduzir as primeiras atividades de entrevista com os usuáriose clientes.Fará a identificação das necessidades e as transformará em

requisitos.

Arquiteto de informação: Trabalha junto com analistas ouimediatamente após finalização destas atividades de levantamento

de requisitos para entender as regras de negócio e estruturarinformações necessárias. Com os requisitos levantados ele se

encarrega de definir processos para a estruturação, organização e

distribuição de informações e atividades do sistema ou do site em

estruturas que possam ser compreendidas para a realização de tarefas

interativas.. Ele poderá desenvolver wireframes para a identificaçãodos espaços destinados aos blocos de elementos. Este profissional

pode, ainda, trabalhar na elaboração de textos objetivos e definiçãode rótulos (webwriting ).

WebDesigner : Ele dará continuidade às atividades do arquiteto deinformação elaborando, a partir dos wireframes e mock upIs,

detalhes que darão identidade ao produto. São definidos elementos

como tipo e tamanhos de fontes, paletas de cores, logomarcas, ícones

entre outros. A alocação dos componentes de interface podem ser

reestruturadas caso sejam identificadas tais necessidades. O


12/13




webdesigner tem a responsabilidade, também, de tomar decisões de

apresentação das informações quando existe a necessidade de

estimular os sentidos do usuário para a realização das interações

(como são apresentados links, por exemplo).

Especialista em usabilidade: possui competências e conhecimentode conceitos para elaborar análises de sistemas que devam sofrer

melhorias, de protótipos, de produtos concorrentes para entender

pontos fracos e fortes e realizar avaliações heurísticas.

Testador/Avaliador: o profissional de testes possui conhecimentode processos que ajudam na utilização de sistemas em produção para

verificação de problemas como erros de lógica, de implementação,

cosméticos. Os resultados são descritos em relatórios utilizados ao

longo do processo de testes. Possui conhecimento, também, para

planejar outros meios de avaliação com a utilização de usuáriosrepresentativos – atividade que também pode ser dominada pelo

especialista em usabilidade. O testador possui conhecimento de

técnicas e processos de avaliação mais elaborados para as váriasfases de desenvolvimento.

Encontram-se muitas outras funções e denominações deprofissionais nesta área que ainda tentam se adequar ao mercado.O fato é que alguns deles são mais necessários que outros, ou mais“utilizados” que outros. Alguns profissionais aparecem com foco tão

específico que dificilmente seriam contratados para fazer parte deequipes de desenvolvimento. O profissional de usabilidade, porconta da notoriedade que o nome vem ganhando, chama a atençãode alguns gerentes de projeto que passam a contratar esteprofissional para integrar suas equipes de desenvolvimento. Omotivo desta procura decorre da necessidade que o mercado eseus exigentes usuários vêm impondo. Ainda assim, embora asatividades deste profissional sejam específicas, em algumasequipes este profissional pode passa a desempenhar atividadesdiversas.

5. Atividades1. Discuta, em equipe de 2, sobre como seriam os procedimentos de

interação para um celular de pulso. Quais seriam as dificuldades,

facilidades, modos de interação e de uso do equipamento se apenasuma das mãos pudesse ser utilizada.

2. Faça uma pesquisa e descubra quais outros profissionais podem seridentificados na área que permeia IHC, usabilidade, AI, Design e

outros relacionados.

3. Como nasce a área de IHC e quais são as figuras importantes (os profissionais e áreas relacionadas) associadas a sua estabilização?


13/13




4. Defina quem é o projetista de interação e qual sua relação entre oengenheiro de software. Qual analogia pode ser definida com a

engenharia civil e a arquitetura.

5. Quais são as diferenças entre interface e interação?6. Quais tipos de interfaces podem ser identificados em dispositivos

que permitam a interação?

7. Quais profissionais atuais podem ser identificados decorrente dasdemandas de IHC?

8. O quê são interface lógica e interface física?

Apostila 1 - Introdução IHC

Documents

Transcript of Apostila 1 - Introdução IHC