interface homem máquina

5/7/2018 Interface Homem Máquina - slidepdf.com

http://slidepdf.com/reader/full/interface-homem-maquina-559aba8d9af7d 1/19

Interface Homem-Máquina Conceitos Iniciais - 1

Interfaces HomemInterfaces Homem--MáquinaMáquina

Conceitos Iniciais

Prof.º Odilon Zappe Jr

5/7/2018 Interface Homem Máquina - slidepdf.com

http://slidepdf.com/reader/full/interface-homem-maquina-559aba8d9af7d 2/19

Interface Homem-Máquina Conceitos Iniciais - 2

IntroduçãoIntroduçãoO que é IHC?

É o canal de comunicação entre o homem e o

computador, através do qual interagem, visandoatingir um objetivo comum.

É o conjunto de comandos de controle do

usuário + respostas do computador, constituídospor sinais (gráficos, acústicos e tácteis)

5/7/2018 Interface Homem Máquina - slidepdf.com

http://slidepdf.com/reader/full/interface-homem-maquina-559aba8d9af7d 3/19

Interface Homem-Máquina Conceitos Iniciais - 3

Introdução (cont.)Introdução (cont.)

É parte de um sistema computacional com a qual

uma pessoa entra em contato física, perceptual econceitualmente. [Moran, 1981]

Interface AplicaçãoUsuário

Sistema

ação

interpretação

5/7/2018 Interface Homem Máquina - slidepdf.com

http://slidepdf.com/reader/full/interface-homem-maquina-559aba8d9af7d 4/19

Interface Homem-Máquina Conceitos Iniciais - 4

Por que estudar Interfaces?

Visão Geral

Visão Geral

Porque é necessário estabelecer um bom nível deconversação entre o usuário e o sistema computa-

cional

CONFORTO

(Confiabilidade)

DESEMPENHO

(Custo do trabalho)

5/7/2018 Interface Homem Máquina - slidepdf.com

http://slidepdf.com/reader/full/interface-homem-maquina-559aba8d9af7d 5/19

Interface Homem-Máquina Conceitos Iniciais - 5

Visão Geral

Visão Geral

 A qualidade da interface determina se os usuáriosaceitam ou recusam um sistema (interesse comercial)

S ucesso ou fracasso de mercado

Custos de hardware e software barateados permitemque se gaste maior capacidade computacional em trocade conforto para o usuário

 A qualidade da interface é crítica em certasatividades, como: tráfego aéreo ou usinas nucleares

5/7/2018 Interface Homem Máquina - slidepdf.com

http://slidepdf.com/reader/full/interface-homem-maquina-559aba8d9af7d 6/19

Interface Homem-Máquina Conceitos Iniciais - 6

Primeiros programas: ³batch´, sem interface

Passado : Interfaces do tipo textual

� Linhas e telas de caracteresPresente: interfaces gráficas

� novos dispositivos são envolvidos, dia a dia� auxílio de som

Futuro: ambientes virtuais� uso da palavra e dos gestos� imagens animadas

HistóricoHistórico

5/7/2018 Interface Homem Máquina - slidepdf.com

http://slidepdf.com/reader/full/interface-homem-maquina-559aba8d9af7d 7/19

Interface Homem-Máquina Conceitos Iniciais - 7

Simplifica a comunicação da idéia envolvidaCérebro humano

� processa grande quantidade de informação emcurto espaço de tempo� tem capacidade reduzida de receber e transmitir 

informaçãoVisão:

� Capacidade humana mais desenvolvida, capaz dereceber e transmitir grande volume de informação,de reconhecer formas e associar características aelas

Forma (Representação VisualForma (Representação Visual

ou Pictórica)ou Pictórica)

5/7/2018 Interface Homem Máquina - slidepdf.com

http://slidepdf.com/reader/full/interface-homem-maquina-559aba8d9af7d 8/19

Interface Homem-Máquina Conceitos Iniciais - 8

DifícilNão há técnicas ou regras que garantam o sucesso ea facilidade de uso

Difícil de ser escrita� Muitos dispositivos diferentes� Funcionamento assíncrono dos dispositivos

Desempenho rigoroso, que força o software agarantir que entre a solicitação do usuário e aresposta do computador não haja ³gaps´

Criação da InterfaceCriação da Interface

P adrão

Tempo de resposta

5/7/2018 Interface Homem Máquina - slidepdf.com

http://slidepdf.com/reader/full/interface-homem-maquina-559aba8d9af7d 9/19

Interface Homem-Máquina Conceitos Iniciais - 9

O que engloba ?

E sconder 

� o sistema operacional� a manipulação dos dispositivos de entrada e saída

� o sistema de comunicações

Separar 

� as várias aplicações tratadas simultaneamente P adronizar 

� as formas de interação do usuário com o sistema

Criação da InterfaceCriação da Interface

5/7/2018 Interface Homem Máquina - slidepdf.com

http://slidepdf.com/reader/full/interface-homem-maquina-559aba8d9af7d 10/19

Interface Homem-Máquina Conceitos Iniciais - 10

 Auxiliam o projeto (³design´ ou desenho) da interface

Permitem a geração automática do software dainterface

 As interfaces exigem, constantemente, extensões(requisitos de modificação)

Há inúmeras categorias de usuários:� aprendiz - menus� intermediário� especialista - comandos

FerramentasFerramentas

g rande, complexo e difícil de testar 

5/7/2018 Interface Homem Máquina - slidepdf.com

http://slidepdf.com/reader/full/interface-homem-maquina-559aba8d9af7d 11/19

Interface Homem-Máquina Conceitos Iniciais - 11

aumentam a produtividade

implementa a consistência

facilita a prototipação e o desenvolvimento interativo

incorporação do usuário ³não programador´

Ferramentas (cont.)Ferramentas (cont.)

5/7/2018 Interface Homem Máquina - slidepdf.com

http://slidepdf.com/reader/full/interface-homem-maquina-559aba8d9af7d 12/19

Interface Homem-Máquina Conceitos Iniciais - 12

Estilos de InteraçãoEstilos de InteraçãoTermo genérico que inclui todas as formas como os usuários se

comunicam ou interagem com sistemas computacionais

Gráficas Não-Gráficas

WYSIWYG Modelo de Automaçãode Escritórios (Menus)

Manipulação Direta Linguagens deComandos

WIMP Linguagens Naturais

Preenchimento deFormulários

5/7/2018 Interface Homem Máquina - slidepdf.com

http://slidepdf.com/reader/full/interface-homem-maquina-559aba8d9af7d 13/19

Interface Homem-Máquina Conceitos Iniciais - 13

EstiloEstilo -- WYSIWYGWYSIWYGWhat You See Is What You Get (W YSIW YG)

 A imagem de manipulação da interface é a mesmaque a aplicação cria . Ex: Editores de texto do tipoWord da Microsoft.

³ Aqui você tem negrito, sublinhado e itálico.´

Vantagens e Desvantagens:� Tela difere da impressão no estilo não WYSISWYG

� Existem aplicações que não conseguem ser  implementadas neste estilo (estilo restrito)

5/7/2018 Interface Homem Máquina - slidepdf.com

http://slidepdf.com/reader/full/interface-homem-maquina-559aba8d9af7d 14/19

Interface Homem-Máquina Conceitos Iniciais - 14

EstiloEstilo ²² Manipulação DiretaManipulação DiretaSão aquelas que permitem ao usuário agir 

diretamente sobre os objetos da aplicação.

O usuário interage com ícones, utilizando o mouseou outro dispositivo equivalente, através da ação dotipo clicar, arrastar (drag-and -drop), etc.

Exemplos de aplicativos que utilizam este estilo:

� Windows Explorer (mover arquivo/ diretório, ...)

� Jogos

5/7/2018 Interface Homem Máquina - slidepdf.com

http://slidepdf.com/reader/full/interface-homem-maquina-559aba8d9af7d 15/19

Interface Homem-Máquina Conceitos Iniciais - 15

EstiloEstilo ²² WIMPWIMPWindows, Icons, Menus and Pointers

(WIMP)

Permite a interação através de componentes deinteração virtuais denominados w idgets.

Permite a implementação de vários estilos

Pode ser considerado um estilo ou um framework de

interface apoiado pela tecnologia de interfacesgráficas (GUI ± Graphical User Interfaces)

5/7/2018 Interface Homem Máquina - slidepdf.com

http://slidepdf.com/reader/full/interface-homem-maquina-559aba8d9af7d 16/19

Interface Homem-Máquina Conceitos Iniciais - 16

EstiloEstilo ²² MenusMenusÉ um conjunto de opções apresentadas na tela,

no qual a seleção de uma ou mais opções resulta

em uma mudança no estado da interface.

Categorização hierárquica das opções.

Um menu hierárquico pode ocorrer nas formas: Pull -down: surge ao se clicar em seu título, e desaparece

quando selecionada uma das opções.

P op-u p: aparece ao se clicar em uma determinada área datela e pode permanecer visível até que o usuário selecioneum de seus itens ou decida fechá-lo.

5/7/2018 Interface Homem Máquina - slidepdf.com

http://slidepdf.com/reader/full/interface-homem-maquina-559aba8d9af7d 17/19

Interface Homem-Máquina Conceitos Iniciais - 17

EstiloEstilo ²² Lggs de ComandoLggs de ComandoAs interfaces baseadas neste estilo proporcionamao usuário a possibilidade de enviar instruçõesdiretamente ao sistema através de comandos

específicos [P

reece, 1994]Vantagem:

� Poderosas por oferecerem acesso direto às funcionalidadesdo sistema

� Maior iniciativa do usuário

Desvantagem:

� Maior dificuldade dos iniciantes em aprender e utilizar osistema.

5/7/2018 Interface Homem Máquina - slidepdf.com

http://slidepdf.com/reader/full/interface-homem-maquina-559aba8d9af7d 18/19

Interface Homem-Máquina Conceitos Iniciais - 18

Bastante atrativa para usuários com pouco ounenhum conhecimento em computação

Não se aplica a todos os tipos de sistemas

Para a interação do usuário com aplicações emlinguagem natural podem ser utilizados:

Interface textual: usuário digita frases

Interfaces orientadas por menus: usuário seleciona cadapalavra ou expressão até compor a frase desejada

EstiloEstilo ²² Linguagem NaturalLinguagem Natural

Sistemas de consultas a informações

Sistemas baseados em conhecimentos

5/7/2018 Interface Homem Máquina - slidepdf.com

http://slidepdf.com/reader/full/interface-homem-maquina-559aba8d9af7d 19/19

Interface Homem-Máquina Conceitos Iniciais - 19

Utilizadas principalmente para entrada de dados emsistemas de informação.

Útil principalmente quando os mesmos tipos dedados devem ser digitados repetidamente, como emcadastros, controle de vendas e estoque, etc.

Fáceis de aprender 

Populares em aplicações de Internet

EstiloEstilo ²² FormuláriosFormulários