Por que estudar IHC?

1. Por que estudar IHC? Cristina Paludo Santos Curso de Ciência da Computação 2006

2. Slides baseados no livro: Design e Avaliação de Interfaces Humano Computador Heloísa Vieira da Rocha M.Cecília C. Baranauskas

3. IHC’2002 Usabilidade, um direito.

4. Usabilidade, um direito. Por que estudar IHC ?

5. Urna Eletrônica - 1998 • 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 ?

10. Interfaces e Tecnologia “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.” Por que estudar IHC ?

11. Interfaces e Tecnologia “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. “ Por que estudar IHC ?

12. Design de Interfaces 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 Por que estudar IHC ?

13. Fogão Por que estudar IHC ?

14. Fogão Por que estudar IHC ?

16. Como ajustar o relógio? Por que estudar IHC ?

17. Como “ajustar” cadeiras?

18. 1 - 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 ?

19. Procedimento correto 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. Por que estudar IHC ?

20. “Erro Humano” Por que estudar IHC ?

21. 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 ?

22. 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 ?

23. O Crime A 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 comorecuperar o dinheiro. Por que estudar IHC ?

24. A Vítima ? @#! Tudo aconteceu quando uma das integrantes do nosso grupo resolveu adquirir um cartão. Ela colocou duas notas de 10 reais e somente depois de muito esperar foi avisada de que não havia cartões de 20 reais disponíveis. Não havia instruções de como recuperar o dinheiro. $ Por que estudar IHC ?

25. O Problema A Solução ? Devolver Dinheiro @#! $ OU Primeiro escolher opção... ...depois colocar dinheiro. Por que estudar IHC ?

26. A Situação: Você X O Controle Remoto da Garagem Por que estudar IHC ?

27. 1. Esquema da Situação - Antes Por que estudar IHC ?

28. 1. Esquema da Situação - Depois Por que estudar IHC ?

29. 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 ?

30. 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 distanciados Por que estudar IHC ?

31. 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 ?

32. Galão de água 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. Por que estudar IHC ?

33. Como sobreviver - Galão de água 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 bebedouropadrã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. Por que estudar IHC ?

35. Uma interface é uma superfície de contato que reflete: As propriedades físicas das partes que interagem As funções a serem executadas Balanço entre poder e controle Interfaces Por que estudar IHC ?

36. Desafios de IHM/IHC • Como dar conta da rápida evolução tecnológica? • Como garantir que os design ofereçam uma “boa IHM/IHC” ao mesmo tempo que exploram o potencial e funcionalidade da nova tecnologia? • Gravadores de vídeo/DVD • Telefones Por que estudar IHC ?

37. Desafios IHC/IHM • Aumentar a funcionalidade não pode ser desculpa para um design pobre • É possível projetar boas interfaces cujos controles tenham operações e efeitos relativamente óbvios e que provêem um feedback imediato e útil • Carros? Por que estudar IHC ?

38. O que se quer? Por que estudar IHC ?

39. Princípios O primeiro princípio do design de interfaces, tanto para uma maçaneta quanto para um computador, é manter em mente o ser humano que quer usá-la. A tecnologia é subserviente àquele objetivo. ….menos ênfase em “interfaces” e mais em ferramentas apropriadas para a tarefa. Mais ênfase em design centrado no usuário. Menos em tecnologia; mais nas pessoas, e grupos, e interações sociais. E tarefas. (Norman, D) Por que estudar IHC ?

40. Objetivos de IHC • Produzir sistemas usáveis, seguros e funcionais • Desenvolver ou melhorar a segurança, utilidade, efetividade e USABILIDADE de sistemas computacionais Por que estudar IHC ?

41. Disciplinas Envolvidas Por que estudar IHC ?

42. Princípios de Design • Partindo dos objetos que nos cercam: • O usuário necessita ajuda. • Apenas as coisas necessárias têm que estar visíveis • para indicar quais as partes podem ser operadas e como. Ex: portas • Visibilidade • indica o mapeamento entre ações pretendidas e as ações reais. • indica também distinções importantes. Ex: diferenciar a vasilha do sal da do açúcar. • Visibilidade do efeito das operações • A falta de visibilidade é que torna muitos dispositivos controlados por computadores tão difíceis de serem operados. Por que estudar IHC ?

43. Visibilidade – Editores Gráficos Por que estudar IHC ?

44. Visibilidade Por que estudar IHC ?

45. Princípios de Design Visibilidade e Affordances • Affordances • o termo definido para se referir às propriedades percebidas e propriedades reais de um objeto, que deveriam determinar como ele pode ser usado. • Botões são para girar, teclas para pressionar, tesouras para cortar, etc. • Quando se tem a predominância da affordance o usuário sabe o que fazer somente olhando, não sendo preciso figuras, rótulos ou instruções Por que estudar IHC ?

46. Princípios de Design • Bom modelo conceitual • Um bom modelo conceitual permite prever o efeito de ações. • Sem um bom modelo conceitual opera-se sob comando, cegamente • Ex.: uma tesoura • Contra-ex: relógio digital com dois e até quatro botões no mostrador Por que estudar IHC ?

47. Princípios de Design • Bons mapeamentos • termo técnico para denotar o relacionamento entre duas entidades. • em interfaces, indica o relacionamento entre os controles e seus movimentos e os resultados no mundo. • Mapeamentos naturais • Aproveitam analogias físicas e padrões culturais Por que estudar IHC ?

48. Princípios de Design • Feedback • Retornar ao usuário informação sobre as ações que foram feitas, quais os resultados obtidos, é um conceito conhecido da teoria da informação e controle • ? Falar com uma pessoa sem ouvir sua voz!! • Carros X Telefones Por que estudar IHC ?

49. Princípios de Design • Visibilidade e Affordances • Bom modelo conceitual • Bons mapeamentos • Feedback Por que estudar IHC ?

50. Paradoxo da Tecnologia • A tecnologia oferece potencial para tornar nossa vida mais simples e agradável, e cada nova tecnologia traz mais benefícios. E ao mesmo tempo adiciona tamanha complexidade que faz aumentar nossa dificuldade e frustação. Por que estudar IHC ?