ENGENHARIA DE USABILIDADE E INTERFACES. Luiz Leão

Transcrição

1 Luiz Leão

2 Na aula anterior... ERGONOMIA Ergonomia física Ergonomia cognitiva IHC Ergonomia organizacional Interface Razões para o estudo Usuários Sistema ideal

3 Conteúdo Programático Identificar os paradigmas de IHC; Conhecer o conceito de usabilidade; Reconhecer um problema de usabilidade; Examinar diferentes tipos de interfaces.

4 INTERAÇÃO

5 Paradigmas de Interação LINHA DE COMANDO: O usuário digita um comando por vez seguindo uma sintaxe específica. O sistema executa o comando e exibe o resultado do processamento, quando houver. O antigo sistema operacional MS-DOS utilizava este estilo de interação. PERGUNTAS E RESPOSTAS: O sistema faz perguntas ao usuário que, por sua vez, responde fornecendo os dados solicitados. Quando o sistema dispuser de todos os dados dos quais precisa, realiza o processamento dos mesmos e exibe os resultados. MENUS: As possíveis ações a serem executadas pelo usuário estão listadas na tela, ou organizadas em menus hierárquicos, e é possível selecionar uma delas. A maioria das aplicações Windows organiza suas opções em menus hierárquicos.

6 Paradigmas de Interação PREENCHIMENTO DE FORMULÁRIOS: O usuário digita os dados em campos específicos, como se estivesse preenchendo um formulário impresso em papel. Muitas aplicações de escritório e de bancos de dados utilizam esse estilo de interação. TECLAS DE FUNÇÃO: A interação se dá através de um conjunto de teclas especiais ou de combinação de teclas para diferentes operações. As teclas de atalho, que dão acesso mais rápido às opções de menus, são um exemplo desse estilo de interação. MANIPULAÇÃO DIRETA: Os objetos utilizados na criação da interface são graficamente representados na tela e o usuário pode manipulá-los diretamente quando aponta, clica, arrasta, digita etc. Grande parte das interfaces gráficas baseia-se neste estilo de interação.

7 Paradigma 1: LINHAS DE COMANDO Prompt de comando do MS Windows

8 Paradigma 2: PERGUNTAS E RESPOSTAS Site Akinator

9 Paradigma 3: MENUS Windows Explorer do MS Windows Navegador Firefox

10 Paradigma 4: PREENCHIMENTO DE FORMULÁRIOS Site Submarino, Declaração de IR, Orkut

11 Paradigma 5: TECLAS DE FUNÇÃO Navegador Firefox

12 Paradigma 6: MANIPULAÇÃO DIRETA Galeria de temas do Gmail, Galeria de animações do PowerPoint

13 Independente do paradigma de interação adotado, EVITE PROBLEMAS DE INTERAÇÃO! Fonte da imagem:

14 O que é USABILIDADE? Atributo de qualidade dos sistemas A intenção é avaliar a de facilidade de uso na interação com as interfaces O termo usabilidade também pode fazer referência a métodos para melhoria da facilidade de interação durante o processo de projeto das interfaces. Fonte da imagem:

15 Aspectos principais da usabilidade

16 Aspectos principais da usabilidade (1) Facilidade de uso: Na primeira vez em que têm contato com a interface, é fácil para os usuários realizar tarefas básicas?

17 Aspectos principais da usabilidade (1) Facilidade de uso: Na primeira vez em que têm contato com a interface, é fácil para os usuários realizar tarefas básicas? É fácil desenhar um círculo no Paint?

18 Aspectos principais da usabilidade (2) Eficiência: Uma vez que aprendam a interface, os usuários conseguem executar suas tarefas com rapidez?

19 Aspectos principais da usabilidade (2) Eficiência: Uma vez que aprendam a interface, os usuários conseguem executar suas tarefas com rapidez? É possível fazer um uso mais eficiente do MS Word?

20 Aspectos principais da usabilidade (3) Facilidade de memorização: Quando voltam a utilizar a interface depois de um longo período de afastamento, os usuários conseguem retomar o uso com facilidade e rapidez?

21 Aspectos principais da usabilidade (3) Facilidade de memorização: Quando voltam a utilizar a interface depois de um longo período de afastamento, os usuários conseguem retomar o uso com facilidade e rapidez? É fácil relacionar os ícones das barras de ferramentas às tarefas que desempenham?

22 Aspectos principais da usabilidade (4) Taxa de erros: Quantos erros os usuários cometem durante o uso da interface? Esses erros são graves? A recuperação desses erros é fácil?

23 Aspectos principais da usabilidade (4) Taxa de erros: Quantos erros os usuários cometem durante o uso da interface? Esses erros são graves? A recuperação desses erros é fácil? É possível digitar letras no CEP?

24 Aspectos principais da usabilidade (5) Satisfação: É agradável interagir com a interface?

25 Aspectos principais da usabilidade (5) Satisfação: É agradável interagir com a interface? É cansativo navegar no Facebook por muito tempo?

26 Problemas de Usabilidade Configuram-se em dificuldades vivenciadas pelos usuários durante o uso de uma aplicação computadorizada. São classificados em três tipos: barreiras, obstáculos e ruídos. No que diz respeito ao grau de severidade dos problemas de usabilidade, podemos dizer que as barreiras são mais graves do que os obstáculos. Esses, por sua vez, são mais graves do que os ruídos. B A R R E I R A S O B S T Á C U L O S R U Í D O S

27 Barreiras Barreiras são problemas com os quais o usuário se depara com frequência e que não consegue superar sem a ajuda, impedindo que os usuários executem suas tarefas. Onde está a opção para ativar o bloqueador de pop-ups no Google Chrome?

28 Obstáculos Obstáculos são problemas com os quais os usuários se deparam e que, depois de algumas tentativas, conseguem ultrapassar sem a necessidade de ajuda de terceiros. A opção para inserir uma nota de rodapé não está na aba Inserir... Onde ela estará?

29 Ruídos Ruídos são problemas mais brandos e que não chegam a configurar uma barreira ou um obstáculo. Problema de espaçamento entre palavras na mensagem do Word... Que feio!

30 Um problema de usabilidade é observado em determinadas circunstâncias quando uma característica do sistema interativo ocasiona perda de tempo, compromete a qualidade da tarefa ou mesmo inviabiliza sua realização. Como consequência, ele estará aborrecendo, constrangendo ou até traumatizando a pessoa que utiliza o sistema interativo. (CYBIS et. al. Ergonomia e usabilidade: conhecimentos, métodos e aplicações. Novatec Editora, 2010) Fonte da imagem:

31 Explorando o tema Ergonomia e usabilidade: conhecimentos, métodos e aplicações. Autores: Walter Cybis, Adriana Holtz Betiol e Richard Faust Novatec Editora, 2010

32

33 Taxa de Erros É um dos aspectos a ser observado durante a avaliação da usabilidade das interfaces. Dentro desse aspecto, é importante preocupar-se com a quantidade de erros cometida pelos usuários durante o uso da interface, a gravidade desses erros e sua recuperabilidade. Por que é tão importante estar atento a essas características durante o projeto de interfaces e ao longo da implementação da aplicação?

34 Evolução das Interfaces Homem-Computador Walker Walker (1990) redefine a geração dos computadores sob o ponto de vista de como os usuários interagem com ele (afirmando ser este ponto de vista muito mais importante do que o de como eles foram construídos), em 5 gerações:

35 Primeira Geração Painéis com plugues, botões, mostradores e funcionamento dedicado Composta pelos sistemas de tabulação e pelo ENIAC, desenvolvidos para resolver problemas específicos, por especialistas com conhecimento preciso e detalhado da operação do hardware. O usuário tinha uma relação um a um com o computador, na sala do computador, operando-o através de chaves e botões. Pelo fato do usuário ser o operador da máquina e controlá-la com pouca ou nenhuma abstração, não havia qualquer mediação entre o computador e seu usuário especialista. Nos anos 50, o modelo do usuário de um computador era o de um usuário individual, com o tempo totalmente dedicado para a máquina.

36 Primeira Geração Painéis com plugues, botões, mostradores e funcionamento dedicado

37 Segunda Geração Lotes de cartões de dados perfurados e entrada de dados remota ("RJE") A segunda geração introduziu muitos níveis importantes de mediação e abstrações entre o usuário e o hardware do computador. Provavelmente, a mudança mais importante foi a autonomia de tempo oferecida, pelo processamento em lotes, para o usuário que, até então, ficava o tempo todo em que durava o processamento de um programa, dedicado a operação do computador. As linguagens de controle de serviços ("job control languages - JCL"), controlavam as atividades dos computadores sem a necessária intervenção do usuário. Os lotes de cartões, as listagens de impressoras, os balcões de atendimento e os JCL formaram o ponto central da imagem do usuário dos sistemas de segunda geração.

38 Segunda Geração Lotes de cartões de dados perfurados e entrada de dados remota ("RJE")

39 Terceira Geração Tempo compartilhado via teletipo ("teletype timesharing") Os sistemas operacionais passaram, a proporcionar a execução concorrente de múltiplos serviços, originando o conceito de compartilhamento do computador com uma grande comunidade de usuários, de maneira interativa. Os conceitos de produtividade de máquina (que ocasionaram a execução concorrente de programas), deram origem ao conceito de produtividade do usuário, através de uma maior interação conversacional do usuário com o computador, levando ao desenvolvimento dos sistemas de tempo compartilhado dos anos sessenta. O uso de sistemas em tempo compartilhado proporcionou, aos usuários de sistemas em lotes, os mesmos serviços oferecidos anteriormente, porém acrescidos da facilidade da execução dos trabalhos de modo interativo, permitindo a monitoração de seus progressos de forma "on- line".

40 Terceira Geração Tempo compartilhado via teletipo ("teletype timesharing") O dispositivo interativo (um terminal de impressão lento ou um teletipo com tela em ASCII), permitia o desenvolvimento de computação conversacional. O usuário digitava uma linha de entrada para o computador, que imediatamente a processava e respondia com outra linha. No modo de interação conversacional, o usuário conversava com o computador da mesma forma que com outra pessoa, através de uma ligação teletipo a teletipo.

41 Terceira Geração Tempo compartilhado via teletipo ("teletype timesharing")

42 Quarta Geração Sistemas de menus O desenvolvimento de terminais alfanuméricos rápidos e sofisticados permitiu que se pudesse apresentar, para o usuário, uma grande quantidade de informações de maneira quase que instantânea, possibilitando o desenvolvimento dos menus de escolhas, pelos quais os usuários podiam selecionar o item desejado, simplesmente pressionando uma ou duas teclas. Estes tipos de menus rapidamente se tornaram padrões para os sistemas de aplicações desenvolvidos para serem operados por pessoas não especializadas em computação.

43 Quarta Geração Sistemas de menus

44 Quinta Geração Controles gráficos e janelas Surgiu no Centro de Pesquisa de Palo Alto da Xerox Alan Kay e outros pesquisadores do perceberam que o desenvolvimento dos circuitos integrados monolíticos (que diminuíram o custo da memória do computador), dos processadores rápidos e baratos, das redes de dados e das técnicas de programação orientadas a objetos, poderiam permitir o desenvolvimento de uma forma, totalmente nova, de interação entre os usuários e os computadores, através de telas com gráficos bidimensionais, que permitiram a aplicação de muitas metáforas que com as tecnologias anteriores podiam ser apenas vagamente aproximadas da realidade.

45 Quinta Geração Controles gráficos e janelas A tela do computador pode ser transformada em uma mesa de trabalho completa, com folhas de papel que podiam ser folheadas, contendo vários acessórios e recursos. A disponibilidade de um dispositivo apontador, como o "mouse", permitiu a seleção de objetos na tela, sem a necessidade da digitação de nomes ou da opção através dos menus, como nos sistemas anteriores.

46 Quinta Geração Controles gráficos e janelas

47 Quinta Geração Controles gráficos e janelas

48 Evolução das Interfaces Homem-Computador Roger S. Pressman Pressman (1995) classifica a evolução das interações entre o ser humano e o computador em apenas quatro gerações:

49 Primeira Geração Comandos e interfaces de perguntas ("query interfaces") A comunicação é puramente textual e é feita via comandos e respostas às perguntas geradas pelo sistema.

50 Primeira Geração Comandos e interfaces de perguntas ("query interfaces")

51 Segunda Geração Menu simples Uma lista de opções é apresentada ao usuário e a decisão apropriada é selecionada via algum código digitado.

52 Segunda Geração Menu simples

53 Terceira Geração Orientada a janela, interfaces de apontar e apanhar Estas interfaces são algumas vezes referenciadas como interfaces "WIMP" ("windows, icons, menus, and pointing devices"). Trazem o conceito de mesa de trabalho ("desktop").

54 Terceira Geração Orientada a janela, interfaces de apontar e apanhar

55 Quarta Geração Hypertexto e Multitarefa Esta geração (que para ele é a corrente), soma, aos atributos das interfaces de terceira geração, as técnicas de hipertextos e multitarefas. A quarta geração das interfaces está disponível na maioria das estações de trabalho e dos computadores pessoais atuais.

56 Quarta Geração Hypertexto e Multitarefa