por que estudar ihc? cristina paludo santos curso de ciência da computação 2006

Por que estudar IHC?

Cristina Paludo Santos

Curso de Ciência da Computação

2006

Slides baseados no livro:

Design e Avaliação de Interfaces Humano Computador

Heloísa Vieira da Rocha

M.Cecília C. Baranauskas

IHC’2002

Usabilidade, um direito.

Por que estudar IHC ?

Usabilidade, um direito.


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


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.”


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. “


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


Fogão


Como ajustar o relógio?

Como “ajustar” cadeiras?


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.


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


“Erro Humano”


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?


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é


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 comorecuperar o dinheiro.


Tudo aconteceu quando Tudo aconteceu quando uma das integrantes do uma das integrantes do nosso grupo resolveu nosso grupo resolveu adquirir um cartão. Ela adquirir um cartão. Ela

colocou duas notas de 10 colocou duas notas de 10 reais e somente depois de reais e somente depois de

muito esperar foi avisada de muito esperar foi avisada de que não havia cartões de 20 que não havia cartões de 20 reais disponíveis. Não havia reais disponíveis. Não havia

instruções de como instruções de como recuperar o dinheiro.recuperar o dinheiro.

??$$ @#!

A VítimaA Vítima


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


A Situação:A Situação:

VocêVocê

O Controle Remoto O Controle Remoto

da Garagemda Garagem

XX


1. Esquema da Situação 1. Esquema da Situação - Antes


1. Esquema da Situação 1. Esquema da Situação - Depois


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


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 distanciados


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.


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


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.

Como sobreviver - Galão de água


Interfaces

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


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/DVDTelefones


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 útilCarros?


O que se quer?


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)


Objetivos de IHC

Produzir sistemas usáveis, seguros e funcionais

Desenvolver ou melhorar a segurança, utilidade, efetividade e USABILIDADE de sistemas computacionais


Disciplinas Envolvidas


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.


Visibilidade – Editores Gráficos


Visibilidade



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



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



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



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



Visibilidade e Affordances Bom modelo conceitual Bons mapeamentos Feedback


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.


Paradoxo da Tecnologia

Sempre que o número de funções excede o número de controles, o design torna-se arbitrário e não natural, e complicado.

A mesma tecnologia que simplifica a vida provendo um maior número de funcionalidades em um objeto, também a complica tornando-a muito mais difícil aprender, e usar

por que estudar ihc? cristina paludo santos curso de ciência da computação 2006

Documents