Interao humanocomputador

Interacao_humano_computador.indd 1 30/01/14 15:58

Interacao_humano_computador.indd 2 30/01/14 15:58

Everson Matias de MoraisAdriane Aparecida Loper

Interao humanocomputador

Interacao_humano_computador.indd 3 30/01/14 15:58

Dados Internacionais de Catalogao na Publicao (CIP)

Morais, Everson Matias deM827i Interao Humano-Computador/ Everson Matias de Morais; Adriane Aparecida Loper Londrina: UNOPAR, 2014. 160 p.

ISBN 978-85-87686-62-6

1. Conceitos. 2. Interface. 3. Dispositivos. I Ttulo.

CDD 006

2014 by Unopar

Todos os direitos reservados. Nenhuma parte desta publicao poder ser reproduzida ou transmitida de qualquer modo

ou por qualquer outro meio, eletrnico ou mecnico, incluindo fotocpia, gravao ou qualquer outro tipo de sistema de armazenamento e transmisso de informao,

sem prvia autorizao, por escrito, da Unopar.

Diretor editorial e de contedo: Roger TrimerGerente de produo editorial: Kelly Tavares

Supervisora de produo editorial: Silvana AfonsoCoordenador de produo editorial: Srgio Nascimento

Editor: Casa de IdeiasEditor assistente: Marcos Guimares

Reviso: Carla CamargoCapa: Solange Renn

Diagramao: Casa de Ideias

Interacao_humano_computador.indd 4 30/01/14 15:58

SumrioSumrio

Unidade 1 Introduo interface homemcomputador ............................................1

Seo 1 Aspectos introdutrios sobre interao homemcomputador(IHC) ............................................................2

1.1 Aspectos da comunicao em IHC .........................................................7

Seo 2 Conceitos sobre avaliao de IHC ....................................15

2.1 Introduo avaliao de IHC ..............................................................15

2.2 Conceitos sobre qualidade de uso.........................................................18

Unidade 2 Tcnicas de avaliao de IHC .................25Seo 1 Mtodos de avaliao de IHC ...........................................26

1.1 Mtodos e tcnicas de avaliao de IHC ...............................................26

Seo 2 Detalhando os mtodos de avaliaode IHC ....................29

2.1 Detalhamento dos mtodos de avaliao de IHC ..................................29

2.2 Critrios ergonmicos segundo Bastien e Scapin ...................................47

2.3 Quanto escolha das tcnicas ..............................................................51

Unidade 3 Introduo s diretrizes de IHC .............55Seo 1 Introduo s teorias de cores eformas ............................57

1.1 Introduo ergonomia ........................................................................57

Seo 2 Principais caractersticas das teorias de cores e formas ...66

2.1 Introduo teoria das cores ................................................................66

2.2 Teoria das formas ..................................................................................71

Interacao_humano_computador.indd 5 30/01/14 15:58

vi i n t e r a o h u m a n o - c o m p u t a d o r

Unidade 4 Diretrizes de construo de interfaces para desktop e de interfaces para web ...81

Seo 1 Conceitos preliminares para diretrizes de interface desktop ............................................................83

1.1 Conceitos do design de interao .........................................................83

1.2 Modelo de ciclo de vida para design de interao ................................85

1.3 Ergonomia e usabilidade .......................................................................88

Seo 2 Diretrizes para interface desktop ......................................90

2.1 Diretrizes para interface desktop ...........................................................90

Seo 3 Trabalhando com usurios ...............................................106

3.1 Usurios .............................................................................................106

Seo 4 Conhecendo as diretrizes para web ................................107

4.1 Diretrizes para interfaces web .............................................................107

Unidade 5 Introduo aos dispositivos mveis ......129Seo 1 Contextos de mobilidade e usabilidade para

dispositivos mveis............................................................. 130

1.1 Computao mvel .............................................................................130

1.2 Caractersticas essenciais da computao mvel .................................130

1.3 Problemas tcnicos dos dispositivos mveis ........................................134

1.4 Manipulao de dados........................................................................135

1.5 Usabilidade e os dispositivos mveis ..................................................135

Seo 2 Padres de design e avaliao para dispositivos mveis............................................................................138

2.1 Design de dispositivos mveis ............................................................139

2.2 Avaliao para dispositivos mveis .....................................................143

Referncias ................................................................145

Sugestes de leitura ...................................................149

Interacao_humano_computador.indd 6 30/01/14 15:58

Carta ao aluno

O crescimento e a convergncia do potencial das tecnologias da informao e da comunicao fazem com que a educao a distncia, sem dvida, contribua para a expanso do ensino superior no Brasil, alm de favorecer a transformao dos mtodos tradicionais de ensino em uma inovadora proposta pedaggica.

Foram exatamente essas caractersticas que possibilitaram Unopar ser o que hoje: uma referncia nacional em ensino superior. Alm de oferecer cursos nas reas de humanas, exatas e da sade em trs campi localizados no Paran, uma das maiores universidades de educao a distncia do pas, com mais de 450 polos e um sistema de ensino diferenciado que engloba aulas ao vivo via satlite, Internet, ambiente Web e, agora, livrostexto como este.

Elaborados com base na ideia de que os alunos precisam de instrumentos didticos que os apoiem embora a educao a distncia tenha entre seus pilares o autodesenvolvimento , os livrostexto da Unopar tm como objetivo permitir que os estudantes ampliem seu conhecimento terico, ao mesmo tempo em que aprendem a partir de suas experincias, desenvolvendo a capacidade de analisar o mundo a seu redor.

Para tanto, alm de possurem um alto grau de dialogicidade caracterizado por um texto claro e apoiado por elementos como Saiba mais, Links e Para saber mais , esses livros contam com a seo Aprofundando o conhecimento, que proporciona acesso a materiais de jornais e revistas, artigos e textos de outros autores.

E, como no deve haver limites para o aprendizado, os alunos que quiserem ampliar seus estudos podero encontrar na ntegra, na Biblioteca Digital,

Carta ao aluno

Interacao_humano_computador.indd 7 30/01/14 15:58

viii i n t e r a o h u m a n o - c o m p u t a d o r

acessando a Biblioteca Virtual Universitria disponibilizada pela instituio, a grande maioria dos livros indicada na seo Aprofundando o conhecimento.

Essa biblioteca, que funciona 24 horas por dia durante os sete dias da semana, conta com mais de 2.500 ttulos em portugus, das mais diversas reas do conhecimento, e pode ser acessada de qualquer computador conectado Internet.

Somados experincia dos professores e coordenadores pedaggicos da Unopar, esses recursos so uma parte do esforo da instituio para realmente fazer diferena na vida e na carreira de seus estudantes e tambm por que no? para contribuir com o futuro de nosso pas.

Bom estudo!

Prreitoria

Interacao_humano_computador.indd 8 30/01/14 15:58

Apresentao

Com o crescente nmero de computadores nos mais diversos setores da vida humana, com a utilizao de sistemas computacionais interativos e com o aparecimento da internet, muitos de ns cada vez mais estamos entrando na era digital e interagindo com essas poderosas ferramentas de trabalho, comunicao, entretenimento e educao. Essa utilizao maante e repentina tem causado vrias discusses entre os desenvolvedores de aplicativos, sobre como criar ferramentas que facilitem a utilizao e a satisfao dos seus usurios, atraindo cada vez mais clientes para sua aplicao.

Em razo dessa necessidade de mercado, os estudos na rea de Interao HomemComputador (IHC) foram intensificando. Nesse contexto, a partir das funcionalidades das aplicaes, o foco geralmente est direcionado satisfao do usurio. Essa satisfao pode ser definida pela qualidade de uma interao entre o ser humano e o computador.

Por isso, no decorrer deste livro voc encontrar conceitos introdutrios necessrios para entender o funcionamento sobre IHC. A partir desses conceitos ser possvel identificar pontos iniciais e bsicos para melhor interao, possibilitando identificar que o foco das funcionalidades das aplicaes frequentemente est direcionado satisfao do usurio. Essa satisfao pode ser definida por meio da qualidade de uma interao entre o ser humano e o computador.

A busca pela qualidade na interao nos sistemas computacionais criou a necessidade de prover diretrizes e tcnicas de avaliao de IHC, que so timos meios para a conduo na criao de interfaces.

Nesse contexto, sero apresentadas vrias diretrizes para a construo de interfaces desktop e web, tendo como foco a satisfao do usurio. Por intermdio dessas diretrizes e das tcnicas de avaliao de IHC, poderemos