Principais Estilo de Interao

Fabricio de Sousa

Principais Estilos de Interao

Termo genrico que inclui todas as formas usadas pelos usurios para comunicarem ou interagirem com sistemas computacionais

IHM -Prof. Fabrcio Sousa

Principais Estilos de Interao

Manipulao direta WIMP (Windows, Icons, Menus e Pointers) Linguagem de Comandos Perguntas/Respostas Apresentao de Form-Fills Seleo de Menus, cones Linguagem Natural

IHM -Prof. Fabrcio Sousa

Manipulao direta
Interao sem uso de comandos especficos Interfaces grficas hoje, utilizam esse recurso Simulao do mundo real no qual os objetos da aplicao so manipulados como se fossem objetos reais Por meio do mouse possvel: clicar, arrastar, aumentar, deslocar, etc.
IHM -Prof. Fabrcio Sousa 4

Manipulao direta

IHM -Prof. Fabrcio Sousa

Manipulao direta (cont.)

Problema: No obvio podem ser pegos e movimentados atravs da tela A metfora utilizada o ponto crucial destas interfaces

IHM -Prof. Fabrcio Sousa

WIMP
WIMP ( Windows, Icons, Menus and Pointers)
Acrnimo para janelas, cones, menus e apontadores

Implementao de vrios estilos (manipulao direta, formulrios, etc) Diminui a distncia cognitiva entre a inteno e a execuo desta inteno.
O usurio foca a tarefa no a tecnologia
IHM -Prof. Fabrcio Sousa 7

WIMP

IHM -Prof. Fabrcio Sousa

WIMP: Problemas
Aplicaes complexas so difceis de utilizar pois embora os widgets sejam individualmente fceis de usar, o agregado de recursos cria alto grau de complexidade Os usurios gastam muito tempo manipulando a interface e no a aplicao (muitos clicks)
IHM -Prof. Fabrcio Sousa 9

Widgets: Windows Vista

IHM -Prof. Fabrcio Sousa

10

WIMP: Problemas (cont.)

Widgets so bidimensionais
Inapropriados para aplicaes tridimensionais

Uso do mouse e teclado no apropriado para usurios com deficincia Hoje: Ps-WIMP
Reconhecimento de gestos e de voz Widgets 3D Realidade virtual
IHM -Prof. Fabrcio Sousa 11

Linguagens de comando
Uso de comandos Exige menos esforo fsico Exige mais esforo mental Comandos so poderosos porque oferecem acesso direto aos sistemas aumentando a flexibilidade
Grande sentimento de controle e iniciativa (Usurios experientes)
IHM -Prof. Fabrcio Sousa 12

Prompt MS-DOS

IHM -Prof. Fabrcio Sousa

13

Linguagens de comando
Por outro lado, dificulta o aprendizado aos principiantes
Memorizao Altas taxas de erros Ex.:
cmd Msconfig Ipconfig

IHM -Prof. Fabrcio Sousa

14

Perguntas/Respostas
Perguntas formuladas pelo sistema ao usurio ou pelo usurio ao sistema
Respostas a estas pergunta por quem foi perguntado

Trs tipos de Interao

A iniciativa parte da aplicao A iniciativa do dilogo parte do usurio A iniciativa do dilogo parte da prpria interface

Preferncias
Usurios Inexperientes X Experientes
Soluo: Flexibilidade
IHM -Prof. Fabrcio Sousa 15

Apresentao de Form-Fills
Entrada de dados em Sistemas de Informao Formulrios
(campos pr-impressos e os campos a serem preenchidos)

Fceis de serem aprendidos Os campos devem deixar claro o tipo e o formato

Ex. dd/mm/aaaa

IHM -Prof. Fabrcio Sousa

16

Apresentao de Form-Fills (cont.)

Deve haver consistncia destes dados Sempre que os dados pertencem a conjunto bem conhecidos, limitar a selecion-los.
Ex. Siglas estados (AM, BA, CE, etc.)

IHM -Prof. Fabrcio Sousa

17

Seleo de Menus
Conjuntos de opes oferecidos aos usurios na tela Seleo de uma das opes provoca mudana de estado Menus: Seleo Simples Mltipla (caixa de opes) Vantagem: O usurio no precisa lembrar a opo desejada, basta reconhec-la Os Itens devem ser autoexplicativos Desvantagem Espao ocupado na tela
IHM -Prof. Fabrcio Sousa 18

Seleo de Menus
Organizado de forma hierrquica
Seqncia de telas; Menus Pull-down; Menus Pop-up.

IHM -Prof. Fabrcio Sousa

19

Seleo de Menus : Pull-down

Desvantagem:
Espao ocupado na tela Usurios experientes acham chato ter passar por uma serie de selees
Soluo: atalhos

IHM -Prof. Fabrcio Sousa

20

Seleo de cones
Interao por cones Desenhos representativos de objetos:
relgio, cesto de lixo, impressora, etc.)

IHM -Prof. Fabrcio Sousa

21

Uso de Linguagem Natural

Aspirao desde que se criou o computador Aplicaes mais atuais j permitem
Call center Oi Chamadas por voz (Celular)

Vantagem:
Dispensa qualquer conhecimento sobre computador
IHM -Prof. Fabrcio Sousa 22

Uso de Linguagem Natural

Dificuldades Linguagem:
Lidar com construes vagas Ambguas Gramaticalmente incorretas

Utilizao de apenas subconjuntos da linguagem natural Construo de consultas guiando o usurio por meio de menus
IHM -Prof. Fabrcio Sousa 23

Interaes futuras
A melhor forma de representao de uma interface no futura, ser aquela que: Possa interpretar o significado e a inteno da mensagem e do usurio
Ex: Google Grafia errada ( Voc quis dizer...)

Capacidade para manipular conhecimentos e dar explicaes sobre o usurios, as tarefas a executar Concentrar mais nas atividades do usurio e menos na tecnologia
IHM -Prof. Fabrcio Sousa 24

Interaes futuras (cont.)

mais adaptativa e intuitiva, incluindo tecnologia que permitam perceber o som, viso, toque, gesto, meio, temperatura Imperceptvel e de fcil aprendizado Possa unir o falar, apontar e olhar, entendendo as linguagens verbais e no verbais Mais autnoma, oferecendo ajuda e dicas quando necessrio
IHM -Prof. Fabrcio Sousa 25

Interfaces
Independente da tcnica de interao usada, os objetos costumam ser exibidos aos usurios numa janela Janela, em analogia com um quadro (obra de arte), tendo uma moldura e uma gravura A moldura o objeto janela contendo um tamanho, localizao, contorno e cor de fundo Gravura figuras, textos, nmeros, frmulas
IHM -Prof. Fabrcio Sousa 26

Outros conceitos relacionados com Interfaces

FIU Ferramentas para a construo de Interfaces do Usurio Essas FIUs aproveitam os Kits e Toolboxes Kits ferramentas de baixo nvel usadas pelas FIU para construo de objetos da interface: janelas, menus, cones, etc.
IHM -Prof. Fabrcio Sousa 27

Outros conceitos relacionados com Interfaces

Toolboxes so bibliotecas de rotinas de mais alto nvel que podem ser invocadas pelas FIUs para estabelecer a comunicao homem-mquina Dispositivos de apontamento dispositivos de hardware que permite ao usurio localizar na tela os objetos ou opes atravs de uma simples ao
IHM -Prof. Fabrcio Sousa 28

Outros conceitos relacionados com Interfaces

Dispositivos de apontamento Caractersticas
Mecnica Perfomance Tamanho Peso Portabilidade Ergonomia Sensitividade

IHM -Prof. Fabrcio Sousa

29

SGIU
Sistemas de Gerenciamento de Interfaces do usurio
Ferramenta que visa auxiliar na criao, manuteno e gerncia de todos os aspectos que dizem respeito comunicao homem-mquina

Componentes Importantes:
Biblioteca de Interao Componentes de Controle de Dilogo Componente de Anlise
IHM -Prof. Fabrcio Sousa 30

SGIU
Componentes Importantes:
Biblioteca de Interao
Implementao de diferentes tcnicas de interao

Componentes de Controle de Dilogo

Eventos e aes

Componente de Anlise
Facilidades que auxiliam o projeto de avaliao e usabilidade da interface
IHM -Prof. Fabrcio Sousa

31

Projeto de Interface
Pessoas envolvidas:
Projeto do SGIU Projetista de Interface Projetista da Aplicao Usurio

IHM -Prof. Fabrcio Sousa

32

Pessoal envolvidas com Interfaces

Sistema de Gerenciamento de Interfaces do Usurio

Usurio

Projetista da Interface

Projetista da Aplicao

IHM -Prof. Fabrcio Sousa

33

Metfora
Analogias estabelecidas com o dia a dia dos usurios Torna o sistema semelhante ao mundo real dos usurios Objetivo:
Auxiliar o usurio a formar um modelo mental adequado do funcionamento do sistema
IHM -Prof. Fabrcio Sousa 34

Modelo Mental
Modelos que as pessoas tem de si prprias, dos outros, do ambiente e dos objetos com os quais interagem Modelos mentais:
Crianas X Adultos
Objetivos diferentes

Crianas usam para diverso e a interface no deve deixar objetos e atividades bvias
IHM -Prof. Fabrcio Sousa

35

Modelo Mental
Adultos usam para: cumprir tarefas, restries de tempo grande responsabilidade em cima da tarefa

IHM -Prof. Fabrcio Sousa

36

Helps
Componente importante que se preocupa em auxiliar o usurio a usar um produto de software

IHM -Prof. Fabrcio Sousa

37

Agente
Componente de software capaz de agir e realizar tarefas automaticamente para o usurio Assistente (Ex.: o grampo do Word)

IHM -Prof. Fabrcio Sousa

38

Amigabilidade
Fcil entendimento
Tcnica de interao utilizada Uso de metforas adequadas Uso adequado de recursos grficos Helps sensveis ao contexto

Fcil uso
Aspectos ergonmicos de software e hardware
IHM -Prof. Fabrcio Sousa 39

Projeto de Interface
Projeta deve ser um hbil comunicador
Evita que usurios sejam experts em computao

No fcil ao projetista saber tudo que pode ser amigvel ao usurio

Soluo: Interface adaptveis

IHM -Prof. Fabrcio Sousa

40

Interface Adaptveis X Personalizada

Adaptveis transfere para o prprio usurio a responsabilidade de ajuste de diversas caractersticas ao seu gosto pessoal Personalizadas devem ser capazes de se auto ajustar s caractersticas do microperfil de cada usurio
Dinmicas Interfaces inteligentes

IHM -Prof. Fabrcio Sousa

41

Interface Adaptveis X Personalizada

Interfaces inteligentes
Auxiliar o usurio a utilizar o sistema Aferir constantemente novos conhecimentos sobre a aplicao, sobre o usurio, sobre a interao, de forma a contribuir para uma melhoria constante da interao homemmquina

IHM -Prof. Fabrcio Sousa

42

Fatores Humanos
Compreende tudo o que diz respeito ao estudo dos humanos como usurios de computadores Deriva dos problemas de projetar equipamentos operveis por humanos

IHM -Prof. Fabrcio Sousa

43

Ergonomia
Origem:
Estudo do trabalho

Preocupa-se com:
Repetitividade do trabalho Posturas mais confortveis Projetos de displays para melhor viso Aumento da produtividade Reduo da fadiga e do stress
IHM -Prof. Fabrcio Sousa 44

Ergonomia
Tudo isso faz com que as interfaces influam mais diretamente na qualidade dos produtos do que antigamente

IHM -Prof. Fabrcio Sousa

45

Interao Homem-mquina
uma matria que compreende o projeto, a avaliao e implementao de sistemas interativos para uso humano e o estudo de todos os fenmenos que o rodeiam Amplo leque de conhecimento
Mquina Homem
IHM -Prof. Fabrcio Sousa 46

Mquina
Pode ser:
Computador Estao de trabalho Videogame Microondas Automvel Ou qualquer outro aparelho com o qual os humanos costumam interagir
IHM -Prof. Fabrcio Sousa 47

Interfaces
Se interessam pelos aspectos humanos de todos esses tipos de dispositivos Preocupam-se com o que pode ser melhorado nos dois sentidos da comunicao:
Do homem para a mquina Mquina para o homem

IHM -Prof. Fabrcio Sousa

48

Humano
Pode ser considerado um indivduo Preocuparmos com caractersticas personalizadas em nvel de macroperfil e microperfil Grupo de pessoas preocuparmos com as caractersticas desse grupo

IHM -Prof. Fabrcio Sousa

49

IHM
Envolve muita rea do conhecimento humano Mais prxima de comunicao do que computao rea interdisciplinar
Cincia da Computao (projeto de interao com formas adequadas de interao)

IHM -Prof. Fabrcio Sousa

50

IHM
rea interdisciplinar (cont.)
Psicologia ( Teoria dos processos cognitivos e anlise emprica da conduta humana) Sociologia e Antropologia (Relaes entre tecnologia, trabalho e organizao) Projeto Industrial (Produtos interativos, ergonomia) Comunicao (Estrutura e forma de comunicao)

IHM -Prof. Fabrcio Sousa

51

Fatores que influenciam nas interfaces

Miniaturizao do hardware, particularmente dos displays , exigindo novas e criativas formas de se conseguir uma interao mais confortvel Assimilao da computao pelos aparelhos (Tv, vdeos, DVDs, Microondas, automveis, etc.)
IHM -Prof. Fabrcio Sousa 52

Fatores que influenciam nas interfaces

Crescimento do uso dos computadores por pessoas fora da rea de computao, exigindo interfaces melhores Constante surgimento de novas formas de entrada (voz, gestos, etc.) que requerem outro tipo de interao Socializao dos uso de computadores por crianas, idosos e deficientes.
IHM -Prof. Fabrcio Sousa 53

Fronteira entre a Interface e aplicao

Hardware x Software
Pode-se configurar uma interface toda por software

IHM -Prof. Fabrcio Sousa

54

Componentes de Interface
Hardware
Suporta a comunicao entre a mquina e o usurio (Teclado, mouse, monitor, impressora, etc)

Drives
Software de controle dos dispositivos

Conjuntos de programas ou ferramentas que tornam a comunicao com os perifricos mais inteligentes ou prximo do usurio
Menu, janelas, cones, etc.

Conjunto de procedimentos que gerenciam e realizam a comunicao entre o usurio e a aplicao.

IHM -Prof. Fabrcio Sousa 55

Interface
Tudo que tem a ver com entrada e sada, o restante aplicao.

IHM -Prof. Fabrcio Sousa

56

Dvidas?

IHM -Prof. Fabrcio Sousa

57

Atividade 2
1-Cite uma aplicao e os tipos de interao utilizados 2-D dois exemplos de interface inteligentes 3-Cite um interface do mundo real que poderia ser melhor definida. (objeto com interface mal modelada)
IHM -Prof. Fabrcio Sousa 58