tutorial por que estudar ihc?

TutorialPor que estudar IHC?

Heloísa Vieira da Rocha

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)

IHC’2002

Usabilidade, um direito.

Por que estudar IHC ? Heloísa Vieira da Rocha - IHC'2002

Usabilidade, um direito?


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 da GaragemO Controle Remoto da 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


“Erro” Humano

Caixa eletrônico:

Pagamento de Fatura Visa (Banco Real)


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


Forno de microondas


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


Aceitabilidade de um Sistema

Fatores Organizacionaistreinamento, políticas, organização do

trabalho, etc.

Fatores Ambientaisbarulho, aquecimento,

ventilação, luminosidade, etc.

Saúde e Segurançaestresse, dores de cabeça,

perturbações musculares, etc.

capacidades e processos cognitivos

O Usuáriomotivação,

satisfação, personalidade,

experiência, etc.

Confortoposição física, layout do equipamento, etc.

Interface do Usuáriodispositivos 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.

Tarefafácil, complexa, nova,

alocação de tarefas, repetitiva,monitoramento, habilidades, componentes, etc.

Restriçõescustos, orçamentos, equipe,

equipamento, estrutura do local de trabalho, etc.

Funcionalidade do Sistemahardware, software, aplicação

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


Disciplinas Envolvidas


Princípios de Design

Partindo dos objetos que nos cercam: Visibilidade e Affordances

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

tutorial por que estudar ihc?

Documents