Baixe o app para aproveitar ainda mais
Prévia do material em texto
Profa.: Lauriana Paludo lauriana.paludo@ifpr.edu.br Design IHC Conceitos Iniciais Referência Bibliográfica: ROCHA, Heloisa Vieira da; BARANAUSKAS, Maria Cecília C. Design e Avaliação de Interfaces Humano-Computador. Campinas, SP:NIED/UNICAMP, 2003. p.03 - p.24. O QUE É INTERAÇÃO/INTERFACE HUMANO-COMPUTADOR O QUE É INTERAÇÃO/INTERFACE HUMANO-COMPUTADOR SUMÁRIO Dinâmica em Grupo - Aplicação de usos de linguagem através de códigos novos e aleatórios. O que é interação/Interface Humano Computador: - Interface Humano Computador - Evolução de Interfaces e sua Conceituação - Metáforas de Interface - Interação Humano Computador - Desafios de IHC - A Multi (inter) (Trans)Diciplinaridade em IHC O QUE É INTERAÇÃO/INTERFACE HUMANO-COMPUTADOR Dinâmica em Grupo - Aplicação de usos de linguagem através de códigos novos e aleatórios. O QUE É INTERAÇÃO/INTERFACE HUMANO-COMPUTADOR EM GRUPOS DE NO MÁXIMO 4 INTEGRANTES; EXERCÍCIO: PERÍODO: 20 MIL ANOS DESENVOLVER UMA LINGUAGEM PRÓPRIA ATRAVÉS DE PICTOGRAMAS (PINTURAS RUPESTRES) E TRANSFERIR ESSE CONHECIMENTO PARA UM OUTRO POVO QUE NÃO CONHECE SUA LINGUAGEM. Referência Bibliográfica: ROCHA, Heloisa Vieira da; BARANAUSKAS, Maria Cecília C. Design e Avaliação de Interfaces Humano-Computador. Campinas, SP:NIED/UNICAMP, 2003. p.03 - p.24. Por que estudar IHC? Slides baseados no livro: Design e Avaliação de Interfaces Humano Computador Heloísa Vieira da Rocha M.Cecília C. Baranauskas Escola de Computação 2000 (ESGOTADO) Usabilidade, um direito. INTERFACE HUMANO-COMPUTADOR Usabilidade, um direito? Por que estudar IHC ? Heloísa Vieira da Rocha - IHC'2002 Usabilidade, um direito ? Por que estudar IHC ? Heloísa Vieira da Rocha - IHC'2002 Urna Eletrônica - 1998 Por que estudar IHC ? Heloísa Vieira da Rocha - IHC'2002 Concebida para suprimir as possibilidades de fraudes e diminuir o tempo de contagem dos votos só permitia aos cegos treinados em Braille (15% dos cegos) a realização do voto sem erro. Feedback somente em 2002 Idosos (analfabetos?) que tiveram sucesso no voto tiveram auxilio de mesários votar deve ser um ato civil natural e a tecnologia não deve se colocar como obstáculo Por que estudar IHC ? Heloísa Vieira da Rocha - IHC'2002 Por que estudar IHC ? Heloísa Vieira da Rocha - IHC'2002 Por que estudar IHC ? Heloísa Vieira da Rocha - IHC'2002 Por que estudar IHC ? Heloísa Vieira da Rocha - IHC'2002 Interfaces e Tecnologia Por que estudar IHC ? Heloísa Vieira da Rocha - IHC'2002 “O sistema ideal esconde tanto a tecnologia que o usuário nem nota sua presença.” “O objetivo é deixar as pessoas realizarem suas atividades, com a tecnologia aumentando sua produtividade, seu poder, e seu divertimento, cada vez mais por ser invisível, fora de vista, fora da mente.” “As pessoas deveriam aprender a tarefa, não a tecnologia.” Interfaces e Tecnologia Por que estudar IHC ? Heloísa Vieira da Rocha - IHC'2002 “Deveríamos poder empregar a ferramenta na tarefa, e não como é hoje, onde temos que adequar a tarefa à ferramenta.” “E essas ferramentas deveriam seguir os três axiomas do design: simplicidade, versatilidade e satisfatoriedade. “ Design de Interfaces Por que estudar IHC ? Heloísa Vieira da Rocha - IHC'2002 Observar e analisar as características de design do ambiente cotidiano é um modo de desenvolver uma sensibilidade ao mundo desenhado em que vivemos e trabalhamos Fogão Por que estudar IHC ? Heloísa Vieira da Rocha - IHC'2002 Por que estudar IHC ? Heloísa Vieira da Rocha - IHC'2002 Fogão Por que estudar IHC ? Heloísa Vieira da Rocha - IHC'2002 Por que estudar IHC ? Heloísa Vieira da Rocha - IHC'2002 Por que estudar IHC ? Heloísa Vieira da Rocha - IHC'2002 Por que estudar IHC ? Heloísa Vieira da Rocha - IHC'2002 Como “ajustar” cadeiras? Por que estudar IHC ? Heloísa Vieira da Rocha - IHC'2002 1 - Situação : Ajustar a altura da cadeira1 - Situação : Ajustar a altura da cadeira O usuário tenta abaixar ou levantar a cadeira enquanto está sentado, mexendo na alavanca. Problema: o usuário puxa e empurra a alavanca porém a cadeira não se move. Por que estudar IHC ? Heloísa Vieira da Rocha - IHC'2002 Para se abaixar a cadeira, deve-se levantar a alavanca e a cadeira ao mesmo tempo e depois empurrá- la. Para levantar a cadeira, deve-se puxar com força o assento, segurando com o pé as rodas da cadeira. Procedimento corretoProcedimento correto Por que estudar IHC ? Heloísa Vieira da Rocha - IHC'2002 “Erro Humano” Por que estudar IHC ? Heloísa Vieira da Rocha - IHC'2002 Máquina de Café expresso Máquina de café expresso sem instruções de uso em restaurante universitário De que torneira sairá o café? Devo observar outra pessoa fazendo antes? Por que estudar IHC ? Heloísa Vieira da Rocha - IHC'2002 Máquina de Café Expresso Quando devo colocar as moedas? Como funcionam os menus? Má disposição dos menus Falta de indicação da saída do café Por que estudar IHC ? Heloísa Vieira da Rocha - IHC'2002 O CrimeO Crime A Máquina da TessA Máquina da Tess Esta máquina aparentemente inofensiva possui o péssimo hábito de “assaltar” as pessoas que nela colocam seu dinheiro pensando que, em troca, receberão um cartão com crédito para seu celular. Isso acontece toda vez que alguém coloca nela o seu dinheiro e não existem mais cartões disponíveis na máquina. Só depois ela avisa que não existem mais cartões com o número de unidades que você deseja. Não existem quaisquer instruções de como recuperar o dinheiro. Por que estudar IHC ? Heloísa Vieira da Rocha - IHC'2002 Tudo aconteceu quando uma Tudo aconteceu quando uma das integrantes do nosso das integrantes do nosso grupo resolveu adquirir um grupo resolveu adquirir um cartão. Ela colocou duas notas cartão. Ela colocou duas notas de 10 reais e somente depois de 10 reais e somente depois de muito esperar foi avisada de muito esperar foi avisada de que não havia cartões de 20 de que não havia cartões de 20 reais disponíveis. Não havia reais disponíveis. Não havia instruções de como recuperar instruções de como recuperar o dinheiro.o dinheiro. ??$$ @#! A VítimaA Vítima Por que estudar IHC ? Heloísa Vieira da Rocha - IHC'2002 O ProblemaO Problema A SoluçãoA Solução ??$$ @#! Devolver Dinheiro Primeiro escolher opção...Primeiro escolher opção... ...depois colocar dinheiro....depois colocar dinheiro. OUOU Por que estudar IHC ? Heloísa Vieira da Rocha - IHC'2002 A Situação:A Situação: VocêVocê O Controle Remoto da GaragemO Controle Remoto da Garagem XX Por que estudar IHC ? Heloísa Vieira da Rocha - IHC'2002 1. Esquema da Situação 1. Esquema da Situação - Antes Por que estudar IHC ? Heloísa Vieira da Rocha - IHC'2002 1. Esquema da Situação 1. Esquema da Situação - Depois Por que estudar IHC ? Heloísa Vieira da Rocha - IHC'2002 2. O que contribuiu para a Situação:2. O que contribuiu para a Situação: Falha de projeto: Não é possível identificar os botões rapidamente, através do tato ou contato visual breve. Pressa para acionar o botão, que pode ser causada por diversas razões: • Estar atrapalhando o trânsito • Medo de assaltos • Nervosismo • Ansiedade Por que estudar IHC ? Heloísa Vieira da Rocha - IHC'2002 3. Como evitar ou sobreviver ao erro:3. Como evitar ou sobreviver ao erro: Diferenciar botões: • Cores (botão verde / vermelho) • Formas (botão triangular / redondo) • Textos (Entrada / Saída) • Teclas iluminadas Desenho do controle: • Formato diferenciado • Botões distanciadosPor que estudar IHC ? Heloísa Vieira da Rocha - IHC'2002 Galão de água Remoção da tampa Fatores Tampa extremamente rígida e de difícil remoção; Nenhuma estrutura auxiliar para ajudar a remoção da tampa. “Erros” esperados A pessoa precisará, obrigatoriamente utilizar de um instrumento cortante, como uma faca - que não foi desenhada especificamente para este tipo de uso, podendo ocasionar acidentes; Dependendo do instrumento utilizado, pode-se contaminar a água. Por que estudar IHC ? Heloísa Vieira da Rocha - IHC'2002 Colocação do galão no bebedouro Fatores Peso elevado do galão; Tampa necessariamente aberta antes da colocação. “Erros” esperados É praticamente impossível virar o galão com sua tampa aberta e seu peso sem deixar a água cair; Não é raro a pessoa deixar o galão cair neste momento, fazendo aquela aguaceira quando o galão “explode” no chão. Galão de água Por que estudar IHC ? Heloísa Vieira da Rocha - IHC'2002 Novos desenhos para o galão e bebedouro (vide esquema) Vantagens: É fácil de carregar, pois existe uma alça desenhada para ser carregada com uma única mão, usando o contra-peso do corpo; Não ocupa espaço, pelo menos não mais e nem menos do que uma bebedouro padrão; É fácil de empilhar; A maior facilidade, está no fato de que não é preciso abrir o garrafão antes de colocá-lo no bebedouro, evitando cortes com facas e desperdício de água. Desvantagens: Novos modelos de bebedouro necessários; Chances de vazamento entre o galão e bebedouro. Como sobreviver - Galão de água Por que estudar IHC ? Heloísa Vieira da Rocha - IHC'2002 Por que estudar IHC ? Heloísa Vieira da Rocha - IHC'2002 O QUE É INTERAÇÃO/INTERFACE HUMANO-COMPUTADOR Ferramentas computacionais específicas e ambientes de programação permitem construir protótipos rápidos como as ferramentas de auxÍlio ao design de produtos industriais. Arte, música, esportes e entretenimento são atualmente auxiliadas e suportadas por sistemas computacionais. O QUE É INTERAÇÃO/INTERFACE HUMANO-COMPUTADOR Profissionais das mais diferentes áreas têm contribuído significativamente para todo esse desenvolvimento, e dentre estes podemos destacar: O QUE É INTERAÇÃO/INTERFACE HUMANO-COMPUTADOR Designers de software têm explorado maneiras melhores de organizar informação graficamente. Eles têm desenvolvido linguagens de consulta e facilidades visuais para entrada, busca e saída de informação. Tem usado sons (música e voz), representações tridimensionais, animação e vídeo para melhorar o conteúdo e a expressão das interfaces. Técnicas como manipulação direta, realidade aumentada, realidade virtual mudam a maneira de interagir e de pensar sobre computadores. O QUE É INTERAÇÃO/INTERFACE HUMANO-COMPUTADOR Desenvolvedores de hardware têm oferecido novos design de teclados e dispositivos de apontamento, além dos displays de alta resolução. Eles tem projetado sistemas com resposta rápida para complexas manipulações tridimensionais. Tecnologias que permitem entrada e saída por voz, entrada por gestos, telas de toque, em muito tem aumentado a facilidade de uso dos computadores. O QUE É INTERAÇÃO/INTERFACE HUMANO-COMPUTADOR Desenvolvedores na área de tecnologia educacional estão criando tutorais online, e materiais de treinamento explorando novas abordagens de discussões em grupo, ensino a distância, apresentações de vídeo, simuladores, jogos educativos, etc. O QUE É INTERAÇÃO/INTERFACE HUMANO-COMPUTADOR Designers gráficos estão fortemente envolvidos com o layout visual, seleção de cores e animação. O QUE É INTERAÇÃO/INTERFACE HUMANO-COMPUTADOR Sociólogos, antropólogos, filósofos, administradores estão tratando do impacto organizacional, ansiedade computacional, treinamento, grupos de trabalho distribuídos, suporte computacional ao trabalho cooperativo, e mudanças sociais em geral. O QUE É INTERAÇÃO/INTERFACE HUMANO-COMPUTADOR Portanto, estamos vivendo um momento vital e estratégico para os desenvolvedores de interfaces. Pode-se dizer que a tecnologia está pronta. Temos portanto as pontes e túneis construídos e agora as estradas precisam ser pavimentadas e as sinalizações pintadas para tornar possível o pesado tráfico da grande leva de usuários (Schneiderman, 1998). O QUE É INTERAÇÃO/INTERFACE HUMANO-COMPUTADOR Quando o conceito de interface surgiu, ela era geralmente entendida como o hardware e o software com o qual homem e computador podiam se comunicar. A evolução do conceito levou à inclusão dos aspectos cognitivos e emocionais do usuário durante a comunicação. O QUE É INTERAÇÃO/INTERFACE HUMANO-COMPUTADOR De acordo com Brenda Laurel (1990) a "direção correta" é aquela que leva o usuário a ter mais poder. O QUE É INTERAÇÃO/INTERFACE HUMANO-COMPUTADOR UMA PRIMEIRA DEFINIÇÃO DE INTERFACES Primariamente se visualiza uma interface como um lugar onde o contato entre duas entidades ocorre (por exemplo, a tela de um computador). A forma das interfaces reflete as qualidades físicas das partes na interação. O QUE É INTERAÇÃO/INTERFACE HUMANO-COMPUTADOR UMA PRIMEIRA DEFINIÇÃO DE INTERFACES O que muitas vezes é esquecido é que a forma da interface também reflete o que pode ser feito com ela. Tomando o exemplo da maçaneta, podemos ver que no mundo existem diversos formatos de maçaneta e de acordo com o formato sabemos como deve ser aberta uma porta: girando a maçaneta no sentido anti-horário, empurrando a porta, puxando a porta, etc. (Norman, 1988). O QUE É INTERAÇÃO/INTERFACE HUMANO-COMPUTADOR Como uma definição de base: Uma interface é uma superfície de contato que reflete as propriedades físicas das partes que interagem, as funções a serem executadas e o balanço entre poder e controle (Laurel, 1993). O QUE É INTERAÇÃO/INTERFACE HUMANO-COMPUTADOR EVOLUÇÃO DE INTERFACES E SUA CONCEITUAÇÃO O QUE É INTERAÇÃO/INTERFACE HUMANO-COMPUTADOR Interface tornou-se uma tendência (ou moda) como um importante conceito a ser explorado nos últimos anos, e isso é largamente atribuído a introdução dos computadores Macintosh da Apple. Quando se pensa hoje em dia em Interfaces Humano- Computador (IHC) imediatamente se visualiza ícones, menus, barras de rolagem ou talvez, linhas de comando e cursores piscando. Mas interface não é só isso. O QUE É INTERAÇÃO/INTERFACE HUMANO-COMPUTADOR Nielsen (1993) apresenta uma tabela onde ele faz esse relacionamento e também qualifica a categoria de usuários de computadores em cada geração, o que é de absoluta relevância para o desenvolvimento de interfaces. O QUE É INTERAÇÃO/INTERFACE HUMANO-COMPUTADOR As atuais interfaces gráficas explicitamente representam o que vem a ser um meio de significados comum, pela aparência e comportamento dos objetos na tela. Este conceito dá suporte a ideia de que uma interface é um contexto compartilhado de ação no qual tanto o computador como o humano são agentes. METÁFORAS DE INTERFACE Do grego metaphorá, pelo latim metaphora, transporte. As metáforas funcionam como modelos naturais, nos permitindo usar conhecimento familiar de objetos concretos e experiências para dar estrutura a conceitos mais abstratos. METÁFORAS DE INTERFACE Como as metáforas são usadas como modelos, uma metáfora de interface que sugira um modelo incorreto pode causar dificuldades para o usuário. Por ex: o clássico caso das funções cortar e colar dos editores - usuários principiantes acham que sumiu e podem ter dificuldade METÁFORAS DE INTERFACE Não se pode pensar em interfaces sem considerar o ser humano que vaiusá-la, e portanto interface e interação são conceitos que não podem ser estabelecidos ou analisados independentemente. INTERAÇÃO HUMANO-COMPUTADOR (IHC) O design deve ser adequado a todas as pessoas, mas os sistemas devem ser projetados para as necessidades e capacidades de um grupo alvo. Os usuários em geral não devem ser obrigados a pensar sobre como o computador funciona, da mesma forma que o funcionamento mecânico de um carro não é preocupação da maioria das pessoas. Entretanto, a posição dos pedais, direção e câmbio têm muito impacto sobre o motorista, como também o design de sistemas computacionais têm efeito sobre seus usuários. INTERAÇÃO HUMANO-COMPUTADOR (IHC) A seguinte definição incorpora o espírito da área no momento: IHC é a disciplina preocupada com o design, avaliação e implementação de sistemas computacionais interativos para uso humano e com o estudo dos principais fenômenos ao redor deles tenta expressar o conjunto de componentes contidos nessa definição. INTERAÇÃO HUMANO-COMPUTADOR (IHC) IHC trata do design de sistemas computacionais que auxiliem as pessoas de forma a que possam executar suas atividades produtivamente e com segurança. INTERAÇÃO HUMANO-COMPUTADOR (IHC) Como dar conta da rápida evolução tecnológica? Como garantir que os design ofereçam uma boa IHC ao mesmo tempo que exploram o potencial e funcionalidade da nova tecnologia? DESAFIOS DE IHC OBJETIVOS DE IHC – Produzir sistemas usáveis, seguros e funcionais. – Podem ser resumidos como desenvolver ou melhorar a segurança, utilidade, efetividade e usabilidade de sistemas que incluem computadores. – Nesse contexto o termo sistemas se refere não somente ao hardware e o software mas a todo o ambiente que usa ou é afetado pelo uso da tecnologia computacional. IMPORTÂNCIA DA IHC Papel crucial em sistemas do tipo life- critical, associados a tarefas que podem resultar em perdas de vidas humanas. Exemplos de sistemas: Sistema de controle de voos; Sistemas relacionados com equipamentos médicos em UTIs; Sistemas de controle de processos de tempo real. A MULTI(INTER)(TRANS)DISCIPLINARIDADE EM IHC A perspectiva multidisciplinar, ou seja, ser capaz de resolver os problemas de IHC analisando diferentes perspectivas em seus multifacetados fatores: segurança, eficiência e produtividade, aspectos sociais e organizacionais, etc. Fatores Organizacionais treinamento, políticas, organização do trabalho, etc. Fatores Ambientais barulho, aquecimento, ventilação, luminosidade, etc. Saúde e Segurança estresse, dores de cabeça, perturbações musculares, etc. capacidades e processos cognitivos O Usuário motivação, satisfação, personalidade, experiência, etc. Conforto posição física, layout do equipamento, etc. Interface do Usuário dispositivos de entrada e saída, estrutura do diálogo, uso de cores, ícones, comandos, gráficos, linguagem natural, 3-D, materiais de suporte ao usuário, multimídia, etc. Tarefa fácil, complexa, nova, alocação de tarefas, repetitiva, monitoramento, habilidades, componentes, etc. Restrições custos, orçamentos, equipe, equipamento, estrutura do local de trabalho, etc. Funcionalidade do Sistema hardware, software, aplicação Produtividade aumento da qualidade, diminuição de custos, diminuição de erros, diminuição de trabalho, diminuição do tempo de produção, aumento da criatividade , oportunidades para idéias criativas em direção a novos produtos, etc. Interdisciplinaridade: algumas das principais disciplinas envolvidas com IHC Informática Ergonomia psicologia cognitiva e experimental Design Etnografia semiótica construção de software o corpo humano a mente funcionalidade e estética de produtos processos e relações sócio-culturais comunicação e expressão A MULTI(INTER)(TRANS)DISCIPLINARIDADE EM IHC RESUMINDO: INTERFACE COM O USUÁRIO É encarregada de mediar a comunicação entre o usuário e a aplicação do sistema (funcionalidades) Usabilidade: atributo de qualidade, fácil de usar e de aprender. Quão intuitiva é a interface de usuário. O usuário expressa seu interesse ou não em utilizar o sistema. IHC e ENGENHARIA DE SOFTWARE Foco de Engenharia de Software métodos de produção que gerem produtos com boa qualidade de programação e desempenho Foco do Design de Interfaces métodos de projeto e avaliação que gerem especificações de interface cuja implementação seja fiel ao projeto e proporcione ao usuário uma experiência agradável e produtiva. DEFINIÇÃO DE IHC Interação Humano-Computador (IHC): área de estudo que está na interseção das ciências da computação e informação e ciências sociais e comportamentais e envolve todos os aspectos relacionados com a interação entre usuários e sistemas (Preece et al., 1994; Carroll, 2003) OBJETIVOS DE IHC Desenvolver interfaces que ofereçam suporte à usabilidade Usabilidade segundo a norma 9241 da ISO é a capacidade que um sistema interativo oferece a seu usuário em determinado contexto de uso realizar tarefas com eficácia, eficiência e satisfação. Uma especificação apropriada de comunicação visual é elemento chave de uma interface amigável. INTERFACE x INTERAÇÃO interação = ação + interpretação Quando a informação é extraída da interface, ela deve ser armazenada para ser recuperada (lembrada) e utilizada mais tarde. O usuário precisa lembrar-se de comandos e sequencias operacionais de uso (modelo da memória humana). Exemplo de Baixa Usabilidade Exemplo de baixa comunicabilidade ATIVIDADES 1 1. Discorra sobre dois desafios importantes da IHC. 2. Apresente um panorama geral da IHC no Brasil (avanços tecnológicos, histórico, principais grupos de estudo, comunidade e lista de discussão. 3. Discuta sobre a principal razão da pesquisa em IHC. 4. Com base no que foi visto, qual sua opinião sobre o impacto do estudo da IHC na evolução dos sistemas de informação? Slide 1 Slide 2 Slide 3 Slide 4 Slide 5 Slide 6 Slide 7 Slide 8 Slide 9 Slide 10 Slide 11 Slide 12 Slide 13 Slide 14 Slide 15 Slide 16 Slide 17 Slide 18 Slide 19 Slide 20 Slide 21 Slide 22 Slide 23 Slide 24 Slide 25 Slide 26 Slide 27 Slide 28 Slide 29 Slide 30 Slide 31 Slide 32 Slide 33 Slide 34 Slide 35 Slide 36 Slide 37 Slide 38 Slide 39 Slide 40 Slide 41 Slide 42 Slide 43 Slide 44 Slide 45 Slide 46 Slide 47 Slide 48 Slide 49 Slide 50 Slide 51 Slide 52 Slide 53 Slide 54 Slide 55 Slide 56 Slide 57 Slide 58 Slide 59 Slide 60 Slide 61 Slide 62 Slide 63 Slide 64 Slide 65 Slide 66 Slide 67 Slide 68 Slide 69 Slide 70 Slide 71 Slide 72 Slide 73 Slide 74 Slide 75 Slide 76 Slide 77 Slide 78 Slide 79 Slide 80 Slide 81 Slide 82 Slide 83
Compartilhar