Interação humano­ ­computador Interacao_humano_computador.indd 1 30/01/14 15:58 Interacao_humano_computador.indd 2 30/01/14 15:58 Interação humano­ ­computador Everson Matias de Morais Adriane Aparecida Loper Interacao_humano_computador.indd 3 30/01/14 15:58 © 2014 by Unopar Todos os direitos reservados. Nenhuma parte desta publicação poderá ser reproduzida ou transmitida de qualquer modo ou por qualquer outro meio, eletrônico ou mecânico, incluindo fotocópia, gravação ou qualquer outro tipo de sistema de armazenamento e transmissão de informação, sem prévia autorização, por escrito, da Unopar. Diretor editorial e de conteúdo: Roger Trimer Gerente de produção editorial: Kelly Tavares Supervisora de produção editorial: Silvana Afonso Coordenador de produção editorial: Sérgio Nascimento Editor: Casa de Ideias Editor assistente: Marcos Guimarães Revisão: Carla Camargo Capa: Solange Rennó Diagramação: Casa de Ideias Dados Internacionais de Catalogação na Publicação (CIP) Morais, Everson Matias de M827i Interação 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 Título. CDD 006 Interacao_humano_computador.indd 4 30/01/14 15:58 SSuummáárriioo Unidade 1 — Introdução à interface homem­ ­computador ............................................1 Seção 1 Aspectos introdutórios sobre interação homem­ ­computador (IHC) ............................................................2 1.1 Aspectos da comunicação em IHC .........................................................7 Seção 2 Conceitos sobre avaliação de IHC ....................................15 2.1 Introdução à avaliação de IHC ..............................................................15 2.2 Conceitos sobre qualidade de uso.........................................................18 Unidade 2 — Técnicas de avaliação de IHC .................25 Seção 1 Métodos de avaliação de IHC ...........................................26 1.1 Métodos e técnicas de avaliação de IHC ...............................................26 Seção 2 Detalhando os métodos de avaliação de IHC ....................29 2.1 Detalhamento dos métodos de avaliação de IHC ..................................29 2.2 Critérios ergonômicos segundo Bastien e Scapin ...................................47 2.3 Quanto à escolha das técnicas ..............................................................51 Unidade 3 — Introdução às diretrizes de IHC .............55 Seção 1 Introdução às teorias de cores e formas ............................57 1.1 Introdução à ergonomia ........................................................................57 Seção 2 Principais características das teorias de cores e formas ...66 2.1 Introdução à teoria das cores ................................................................66 2.2 Teoria das formas ..................................................................................71 Interacao_humano_computador.indd 5 30/01/14 15:58 vi interação humano-computador Unidade 4 — Diretrizes de construção de interfaces para desktop e de interfaces para web ...81 Seção 1 Conceitos preliminares para diretrizes de interface desktop ............................................................83 1.1 Conceitos do design de interação .........................................................83 1.2 Modelo de ciclo de vida para design de interação ................................85 1.3 Ergonomia e usabilidade .......................................................................88 Seção 2 Diretrizes para interface desktop ......................................90 2.1 Diretrizes para interface desktop ...........................................................90 Seção 3 Trabalhando com usuários ...............................................106 3.1 Usuários .............................................................................................106 Seção 4 Conhecendo as diretrizes para web ................................107 4.1 Diretrizes para interfaces web .............................................................107 Unidade 5 — Introdução aos dispositivos móveis ......129 Seção 1 Contextos de mobilidade e usabilidade para dispositivos móveis.............................................................130 1.1 Computação móvel .............................................................................130 1.2 Características essenciais da computação móvel .................................130 1.3 Problemas técnicos dos dispositivos móveis ........................................134 1.4 Manipulação de dados........................................................................135 1.5 Usabilidade e os dispositivos móveis ..................................................135 Seção 2 Padrões de design e avaliação para dispositivos móveis............................................................................138 2.1 Design de dispositivos móveis ............................................................139 2.2 Avaliação para dispositivos móveis .....................................................143 Referências ................................................................145 Sugestões de leitura ...................................................149 Interacao_humano_computador.indd 6 30/01/14 15:58 CCaarrttaa aaoo aalluunnoo O crescimento e a convergência do potencial das tecnologias da informa‑ ção e da comunicação fazem com que a educação a distância, sem dúvida, contribua para a expansão do ensino superior no Brasil, além de favorecer a transformação dos métodos tradicionais de ensino em uma inovadora proposta pedagógica. Foram exatamente essas características que possibilitaram à Unopar ser o que é hoje: uma referência nacional em ensino superior. Além de oferecer cursos nas áreas de humanas, exatas e da saúde em três campi localizados no Paraná, é uma das maiores universidades de educação a distância do país, com mais de 450 polos e um sistema de ensino diferenciado que engloba aulas ao vivo via satélite, Internet, ambiente Web e, agora, livros‑texto como este. Elaborados com base na ideia de que os alunos precisam de instrumen‑ tos didáticos que os apoiem — embora a educação a distância tenha entre seus pilares o autodesenvolvimento —, os livros‑texto da Unopar têm como objetivo permitir que os estudantes ampliem seu conhecimento teórico, ao mesmo tempo em que aprendem a partir de suas experiências, desenvolvendo a capacidade de analisar o mundo a seu redor. Para tanto, além de possuírem um alto grau de dialogicidade — caracteri‑ zado por um texto claro e apoiado por elementos como “Saiba mais”, “Links” e “Para saber mais” —, esses livros contam com a seção “Aprofundando o conhecimento”, que proporciona acesso a materiais de jornais e revistas, artigos e textos de outros autores. E, como não deve haver limites para o aprendizado, os alunos que quise‑ rem ampliar seus estudos poderão encontrar na íntegra, na Biblioteca Digital, Interacao_humano_computador.indd 7 30/01/14 15:58 viii interação humano-computador acessando a Biblioteca Virtual Universitária disponibilizada pela instituição, a grande maioria dos livros indicada na seção “Aprofundando o conhecimento”. Essa biblioteca, que funciona 24 horas por dia durante os sete dias da se‑ mana, conta com mais de 2.500 títulos em português, das mais diversas áreas do conhecimento, e pode ser acessada de qualquer computador conectado à Internet. Somados à experiência dos professores e coordenadores pedagógicos da Unopar, esses recursos são uma parte do esforço da instituição para realmente fazer diferença na vida e na carreira de seus estudantes e também — por que não? — para contribuir com o futuro de nosso país. Bom estudo! Pró‑reitoria Interacao_humano_computador.indd 8 30/01/14 15:58 Apresentação Com o crescente número de computadores nos mais diversos setores da vida humana, com a utilização de sistemas computacionais interativos e com o aparecimento da internet, muitos de nós cada vez mais estamos entrando na era digital e interagindo com essas poderosas ferramentas de trabalho, comunicação, entretenimento e educação. Essa utilização maçante e repen‑ tina tem causado várias discussões entre os desenvolvedores de aplicativos, sobre como criar ferramentas que facilitem a utilização e a satisfação dos seus usuários, atraindo cada vez mais “clientes” para sua aplicação. Em razão dessa necessidade de mercado, os estudos na área de Interação Homem‑Computador (IHC) foram intensificando. Nesse contexto, a partir das funcionalidades das aplicações, o foco geralmente está direcionado à satisfação do usuário. Essa satisfação pode ser definida pela qualidade de uma interação entre o ser humano e o computador. Por isso, no decorrer deste livro você encontrará conceitos introdutórios necessários para entender o funcionamento sobre IHC. A partir desses con‑ ceitos será possível identificar pontos iniciais e básicos para melhor interação, possibilitando identificar que o foco das funcionalidades das aplicações fre‑ quentemente está direcionado à satisfação do usuário. Essa satisfação pode ser definida por meio da qualidade de uma interação entre o ser humano e o computador. A busca pela qualidade na interação nos sistemas computacionais criou a necessidade de prover diretrizes e técnicas de avaliação de IHC, que são ótimos meios para a condução na criação de interfaces. Nesse contexto, serão apresentadas várias diretrizes para a construção de interfaces desktop e web, tendo como foco a satisfação do usuário. Por intermédio dessas diretrizes e das técnicas de avaliação de IHC, poderemos identificar e resolver possíveis problemas de interação. Interacao_humano_computador.indd 9 30/01/14 15:58 x interação humano-computador Essa interação homem‑computador é um dos principais problemas na utili‑ zação das ferramentas que nós construímos; segundo Laurel (1990) ele define que um bom projeto de software “não é mais província exclusiva dos analistas, artistas gráficos, pesquisadores em inteligência artificial, ou mesmo dos aficio‑ nados em multimídia”. É preciso que o desenvolvedor busque estudar novas áreas de conhecimento, principalmente aquelas que possuírem ligação direta com o homem, como psicologia cognitiva, comportamento humano, relações humanas, entre outras. Para que seus projetos quebrem cada vez mais essa barreira, que existe entre o homem e a máquina. Boa leitura! Interacao_humano_computador.indd 10 30/01/14 15:58