Interface Usuário Máquina Introdução. História da IHC: Recursos de E/S Entrada Saída...

33
Interface Usuário Máquina Introdução

Transcript of Interface Usuário Máquina Introdução. História da IHC: Recursos de E/S Entrada Saída...

Page 1: Interface Usuário Máquina Introdução. História da IHC: Recursos de E/S Entrada Saída Iníciocabeamentosleds cartões perfuradospapéis teclado Hoje tecladomonitores.

Interface Usuário Máquina

Introdução

Page 2: Interface Usuário Máquina Introdução. História da IHC: Recursos de E/S Entrada Saída Iníciocabeamentosleds cartões perfuradospapéis teclado Hoje tecladomonitores.

História da IHC: Recursos de E/S Entrada Saída

Início cabeamentos ledscartões perfurados papéisteclado

Hoje teclado monitores + mouse recursos de áudio + microfone

Futuro? Linguagem natural computação onipresente

A considerar• Novos recursos de E/S mudarão a forma de interagir com os computadores

Page 3: Interface Usuário Máquina Introdução. História da IHC: Recursos de E/S Entrada Saída Iníciocabeamentosleds cartões perfuradospapéis teclado Hoje tecladomonitores.

Eniac (1943)Uma visão geral do ENIAC, o primeiro

computador e integrador numérico eletrônico

From IBM Archives.

Page 4: Interface Usuário Máquina Introdução. História da IHC: Recursos de E/S Entrada Saída Iníciocabeamentosleds cartões perfuradospapéis teclado Hoje tecladomonitores.

Mark I (1944)

– Leitora de fita de papel Mark I

From Harvard University Cruft Photo Laboratory.

Page 5: Interface Usuário Máquina Introdução. História da IHC: Recursos de E/S Entrada Saída Iníciocabeamentosleds cartões perfuradospapéis teclado Hoje tecladomonitores.

IBM SSEC (1948)

From IBM Archives.

Page 6: Interface Usuário Máquina Introdução. História da IHC: Recursos de E/S Entrada Saída Iníciocabeamentosleds cartões perfuradospapéis teclado Hoje tecladomonitores.

Stretch (1961)

– Um close-up do painel de controle do Stretch

From IBM Archives.

Page 7: Interface Usuário Máquina Introdução. História da IHC: Recursos de E/S Entrada Saída Iníciocabeamentosleds cartões perfuradospapéis teclado Hoje tecladomonitores.

Porque estudar IHC?• Visão de negócios:

– Maior produtividade e efetividade– Hoje os custos humanos são maiores que os de hardware e software

• Visão das Pessoas:– Pessoas enxergam computadores como ferramentas e querem usá-las como

tal.

• Visão de Mercado:– Todos os dias as pessoas usam computadores

• Elas esperam um sistema fácil de usar• Não toleram sistemas mal desenhados• Os usuários são heterogênios• Os vendedores devem ter facilidade para treinar

Page 8: Interface Usuário Máquina Introdução. História da IHC: Recursos de E/S Entrada Saída Iníciocabeamentosleds cartões perfuradospapéis teclado Hoje tecladomonitores.

Porque estudar IHC?• Visão de sistema:

– Pessoas são complexas– Computadores são complexos– Pelo menos a interface entre os dois deve ser simples

• Visão dos fatores humanos:– Pessoas têm limitações– Erros são caros em termos de:

• Perda de tempo• Perda de dinheiro• Perda de vidas em sistemas críticos• Perda de moral

Page 9: Interface Usuário Máquina Introdução. História da IHC: Recursos de E/S Entrada Saída Iníciocabeamentosleds cartões perfuradospapéis teclado Hoje tecladomonitores.

Porque estudar IHC?• Visão social:• Os computadores contribuem com itens relevantes na sociedade, por

exemplo:– Educação infantil– Apoio à medicina– Controle de tráfego aéreo– Controle de usinas nucleares e hidrelétricas– Controle de missões espaciais– Apoio às pessoas nas tarefas diárias– Controle de máquinas complexas – Entretenimento (jogos, simuladores).…

Em todas estas visões, os interesses econômicos e humanos devem estar alinhados.

Page 10: Interface Usuário Máquina Introdução. História da IHC: Recursos de E/S Entrada Saída Iníciocabeamentosleds cartões perfuradospapéis teclado Hoje tecladomonitores.

Disciplinas Envolvidas

Page 11: Interface Usuário Máquina Introdução. História da IHC: Recursos de E/S Entrada Saída Iníciocabeamentosleds cartões perfuradospapéis teclado Hoje tecladomonitores.

Escopo da IHC• A área da computação que se preocupa com:

projeto, implementação, e avaliação

de sistemas de computação interativos para uso por humanos projeto

implementaçãoavaliação

Page 12: Interface Usuário Máquina Introdução. História da IHC: Recursos de E/S Entrada Saída Iníciocabeamentosleds cartões perfuradospapéis teclado Hoje tecladomonitores.

Objetivos de IHC

• Produzir sistemas usáveis, seguros e funcionais

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

Page 13: Interface Usuário Máquina Introdução. História da IHC: Recursos de E/S Entrada Saída Iníciocabeamentosleds cartões perfuradospapéis teclado Hoje tecladomonitores.

Bases dos conceitos• A importância da IHC resulta de:

– Computadores/estações de trabalho baratas e disponíveis significa que pessoas são mais importantes que máquinas

– Excelente idéias de interface geradas a partir das necessidades dos usuários ao invés das necessidades dos sistemas (projeto centrado no usuário)

– Evolução das idéias em produtos através de várias gerações• sistemas pioneiros desenvolveram projetos inovadores, mas em geral

inviáveis comercialmente

– As pessoas não mais aceitam produtos com interfaces pobres

Page 14: Interface Usuário Máquina Introdução. História da IHC: Recursos de E/S Entrada Saída Iníciocabeamentosleds cartões perfuradospapéis teclado Hoje tecladomonitores.

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

Page 15: Interface Usuário Máquina Introdução. História da IHC: Recursos de E/S Entrada Saída Iníciocabeamentosleds cartões perfuradospapéis teclado Hoje tecladomonitores.

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

Page 16: Interface Usuário Máquina Introdução. História da IHC: Recursos de E/S Entrada Saída Iníciocabeamentosleds cartões perfuradospapéis teclado Hoje tecladomonitores.

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

Page 17: Interface Usuário Máquina Introdução. História da IHC: Recursos de E/S Entrada Saída Iníciocabeamentosleds cartões perfuradospapéis teclado Hoje tecladomonitores.

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

Page 18: Interface Usuário Máquina Introdução. História da IHC: Recursos de E/S Entrada Saída Iníciocabeamentosleds cartões perfuradospapéis teclado Hoje tecladomonitores.

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)

Page 19: Interface Usuário Máquina Introdução. História da IHC: Recursos de E/S Entrada Saída Iníciocabeamentosleds cartões perfuradospapéis teclado Hoje tecladomonitores.

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

Page 20: Interface Usuário Máquina Introdução. História da IHC: Recursos de E/S Entrada Saída Iníciocabeamentosleds cartões perfuradospapéis teclado Hoje tecladomonitores.

Galão de águaRemoçã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.

Page 21: Interface Usuário Máquina Introdução. História da IHC: Recursos de E/S Entrada Saída Iníciocabeamentosleds cartões perfuradospapéis teclado Hoje tecladomonitores.

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

Page 22: Interface Usuário Máquina Introdução. História da IHC: Recursos de E/S Entrada Saída Iníciocabeamentosleds cartões perfuradospapéis teclado Hoje tecladomonitores.

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

Page 23: Interface Usuário Máquina Introdução. História da IHC: Recursos de E/S Entrada Saída Iníciocabeamentosleds cartões perfuradospapéis teclado Hoje tecladomonitores.

Procurem saber quem foi...

• Douglas Engelbert• J.C.R. Licklider• Alan Kay• Ted Nelson

Page 24: Interface Usuário Máquina Introdução. História da IHC: Recursos de E/S Entrada Saída Iníciocabeamentosleds cartões perfuradospapéis teclado Hoje tecladomonitores.

Desafios de IHC

• Como dar conta da rápida evolução tecnológica?

• Como garantir que os designs ofereçam uma “boa IHC” ao mesmo tempo que exploram o potencial e funcionalidade da nova tecnologia?– Gravadores de vídeo/DVD– Telefones

Page 25: Interface Usuário Máquina Introdução. História da IHC: Recursos de E/S Entrada Saída Iníciocabeamentosleds cartões perfuradospapéis teclado Hoje tecladomonitores.

Desafios IHC

• 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

Page 26: Interface Usuário Máquina Introdução. História da IHC: Recursos de E/S Entrada Saída Iníciocabeamentosleds cartões perfuradospapéis teclado Hoje tecladomonitores.

Porque um projeto de interfaces ? • 63% dos projetos de grandes software ultrapassam o

orçamento– Quatro razões relacionadas a usabilidade

• usuários solicitam mudanças• Tarefas negligenciadas• usuários não entendem seus próprios requisitos• Insuficiente comunicação e entendimento entre usuário e desenvolvedor

• Usabilidade é engenharia de software– Pague um pouco agora, ou pague muito depois!– É muito fácil ir direto para o projeto detalhado:

• Baseado em requisitos incorretos• Tem um fluxo de diálogo inapropriado• Não é facilmente usável• Não é testado até que seja tarde demais

Page 27: Interface Usuário Máquina Introdução. História da IHC: Recursos de E/S Entrada Saída Iníciocabeamentosleds cartões perfuradospapéis teclado Hoje tecladomonitores.

Enfoques de Projeto

• Projeto orientado a tarefas• Projeto orientado a objetivos• Projeto orientado ao sistema• Projeto orientado ao usuário

Page 28: Interface Usuário Máquina Introdução. História da IHC: Recursos de E/S Entrada Saída Iníciocabeamentosleds cartões perfuradospapéis teclado Hoje tecladomonitores.

Projeto Orientado a Tarefas

• Fase 1 – Identificação– Identifica usuários– Articula exemplos realista das tarefas

• Fase 2 – Requisitos– Decide quais destes usuários e tarefas serão abordadas

pelo projeto• Fase 3 – Projeto

– Projeto básico dessas tarefas• Fase 4 – Evolução

– Testes e melhorias na interface proposta

Page 29: Interface Usuário Máquina Introdução. História da IHC: Recursos de E/S Entrada Saída Iníciocabeamentosleds cartões perfuradospapéis teclado Hoje tecladomonitores.

Projeto Orientado a Objetivos

• Articula os objetivos do usuárioAs tarefas passam a ser processos intermediários

para atingir um objetivo.O analista analisa o objetivo e procura soluções

que a atendam.

Page 30: Interface Usuário Máquina Introdução. História da IHC: Recursos de E/S Entrada Saída Iníciocabeamentosleds cartões perfuradospapéis teclado Hoje tecladomonitores.

Projeto Orientado a Sistema

• O que pode ser construído facilmente usando esta plataforma?

• O que eu posso criar a partir das ferramentas disponíveis?

• O que eu, como programador, estou interessado em trabalhar?

Page 31: Interface Usuário Máquina Introdução. História da IHC: Recursos de E/S Entrada Saída Iníciocabeamentosleds cartões perfuradospapéis teclado Hoje tecladomonitores.

Projeto Orientado ao Usuário

• Projeto baseado em:– Habilidades e real necessidades– Contexto– Trabalho– Tarefas do usuário

Regra principal desta abordagem é:

Conheça o usuário

Page 32: Interface Usuário Máquina Introdução. História da IHC: Recursos de E/S Entrada Saída Iníciocabeamentosleds cartões perfuradospapéis teclado Hoje tecladomonitores.

Projeto Orientado ao Usuário

• Três pontos básicos da abordagem:– O resultado de um bom projeto é um cliente

satisfeito– O projeto é uma colaboração entre projetistas e

clientes– O cliente e o projetistas ficam em constante

comunicação durante todo o processo

Page 33: Interface Usuário Máquina Introdução. História da IHC: Recursos de E/S Entrada Saída Iníciocabeamentosleds cartões perfuradospapéis teclado Hoje tecladomonitores.

Enfoques de Projeto

• Projeto orientado a tarefas• Projeto orientado a objetivos• Projeto orientado ao sistema• Projeto orientado ao usuário