Universidade Federal de Sergipe Departamento de Computao Interface Humano Computador

Modelo de Componentes de IHC

Diego Martins, Diego Meneses, Felipe Vieira, Jefferson Santos

Modelo

Cpia de algo em tamanho bem menor que o original; Um tipo ou design particular de algo; Representao simplificada de algo do mundo real.

Componente

O que compe ou entra na composio de alguma coisa.

Comunicar-se difcil!

Comunicao Modelo OSI

Imagem retirada de http://www.infocellar.com/networks/images/OSI-1.png

Comunicao Funes da Linguagem

Imagem retirada de http://acd.ufrj.br/ead/tema01/lingfuncoes.html

O real no existe!

No h nada novo!

Vdeo Waking Life: Language

Vdeo retirado de http://www.youtube.com/watch?v=LXHy28mQO_s

Representaes mais de 6 bilhes

Imagem retirada de http://blog.rodrigoallemand.com.br/wp-content/uploads/2009/02/mapa_mundi_politico.jpg

Modelo de Componentes de IHC

Entendimentos da IHC

Subsistema do Software Interativo

Estrutura Processos

Crditos: Anderson Luiz Mendes Matos, 2009. Ttulo: Modelo MVC.

Entendimentos da IHC

Linguagem

Sistemas de sinais Estrutura lxical e sinttica

Interface

Sistema Informatizado

Usurio

Camadas de Abstrao
Nvel de Objetivos Nvel Pragmtico Nvel Semntico Nvel Sinttico Nvel Lexical Nvel de Primitivas Nvel Fsico

Os Componentes das IHC

O modelo representa uma maneira de organizar a estrutura dessas interfaces e os conhecimentos para selecionar, configurar e avaliar os elementos.

Classes de Elementos

Dilogos (Sintaxe Sequencial) Objetos de Interao (Sintaxe Concorrente) Sistemas de Significados (Lxico) Primitivas

Dilogos

Aes

Ao de entrada de dados ou comandos

Tarefas

Tarefas de diagnstico Tarefas corretivas Tarefas destrutivas

Dilogos

Estilos de Dilogos

Dilogo por menu Dilogo por linguagem de comando Dilogo por preenchimento de formulrio Dilogo por manipulao direta

Estruturas de interaes

Estruturas sequenciais Estruturas paralelas Estruturas repetitivas

Objetos de Interao
Objetos de Interface que interagem com o usurio. Podem ser baseados em metforas do mundo real. Padronizam elementos lexicos e sintxicos da interface. Demanda de ateno. Containers. Noo de Parte
Primeiro Plano Plano de Fundo Bordas

Objetos de Interao
Classificao
Paineis de Controle Controles Complexos Grupos de Controle Controles Simples Campos de Entrada Mostrador Simples Mostradores Estruturados Orientaes

Objetos de Interao Pains de Controle

Objetos compostos. Proporcionam cenrios adequados Divide-se em:
Janela Caixa de Dilogo Caixa de Ao/Tarefa Tela de Consulta/Formulrio Caixa de Mensagem

Objetos de Interao Pains de Controle

- Janelas

Objetos de Interao Pains de Controle

- Caixa de Dilogo

No Modal

Modal

Objetos de Interao Pains de Controle

- Caixa de Ao/Tarefa

Objetos de Interao Pains de Controle

- Tela de Consulta e Formulrio

Objetos de Interao Pains de Controle

- Caixa de Mensagem

Objetos de Interao Controles Complexos

Objetos com estrutura composta. Navegao interna Seleo de outros controles e comandos Divide-se em:
Painel de Menu Barra de Menu Pgina de Menu Hipertexto Barra de Ferramentas Lista de Seleo Caixa de Combinao

Objetos de Interao Controles Complexos

- Painel de Menu

PopUp

Objetos de Interao Controles Complexos

- Barra de Menu

Objetos de Interao Controles Complexos

- Pgina de Menu

Objetos de Interao Controles Complexos

- Hipertexto

Objetos de Interao Controles Complexos

- Barra de Ferramentas

Objetos de Interao Controles Complexos

- Lista de Seleo

Objetos de Interao Controles Complexos

- Caixa de Combinao

Objetos de Interao Grupos de Controle

Organiza por Contexto as aes e controles da interface Divide-se em: Grupos de botes de comando Grupos de botes de radio Grupo de caixas de atribuio Grupo de campos/ mostradores de dados

Objetos de Interao Grupos de Controle

- Grupos de botes de radio

Objetos de Interao Grupos de Controle

- Grupo de caixas de atribuio

Objetos de Interao Controles Simples

Objetos com aes unicas. Divide-se em: Boto de Comando Boto de Seleo Cursor do dispositivo de apontamento Escala Dial

Objetos de Interao Controles Simples

- Boto de Comando

Objetos de Interao Controles Simples

- Boto de Seleo

Objetos de Interao Controles Simples

- Cursos do Dispositivo de Apontamento

Objetos de Interao Controles Simples

- Escala

Objetos de Interao Campos de Entrada

Controles editveis. Textos e objetos grficos. Divide-se em: Linha e rea de comando Campo de Dado Campo de Texto Campo Grfico

Objetos de Interao Campos de Entrada

- Linha e rea de Comando

Objetos de Interao Campos de Entrada

- Campo de Dado

Objetos de Interao Campos de Entrada

- Campo de Texto

Objetos de Interao Mostrador Simples

Identificar e Descrever os dados. Divide-se em:
Mostrador de Dados

Objetos de Interao Mostradores Estruturados

Representao dos dados. Facilita o exame de dados numerosos. Identificao de relaes entre os dados. Critrio lgico de agrupamento dos dados. Divide-se em:
Lista / Coluna de dados Tabela de dados Texto Grfico Diagrama de Figuras Diagrama de Fluxo Mapa

Objetos de Interao Mostradores Estruturados

- Lista / Coluna de Dados - Tabela de Dados

Objetos de Interao Mostradores Estruturados

- Texto

Objetos de Interao Mostradores Estruturados

- Grfico

Objetos de Interao Mostradores Estruturados

- Diagrama de Figuras - Diagrama de Fluxo

Objetos de Interao Mostradores Estruturados

- Mapa

Objetos de Interao Orientaes

Representao dos dados. Facilita o exame de dados numerosos. Identificao de relaes entre os dados. Critrio lgico de agrupamento dos dados. Divide-se em:
Rtulo Mensagem Indicador de Progresso Efeito Sonoro Motivo Meldico Locuo e Fala

Sistemas de Significado

Smbolos e Sinais Arbitrrios Representao Concreta Componentes:

cones Denominaes Abreviaturas Cores Fontes Textura Vdeo Reverso Intermitncia Visual (pisca-pisca)

Primitivas
Formas Visuais

Cores Fontes Bordas Arranjo (Layout) Fundos (Background)

Formas Sonoras

Novos Componentes de Interao

IHC e Inteligncia Artificial

Interfaces Tangveis Interfaces Intangveis

IHC e Inteligncia Artificial

AGENTE Percepes

SENSORES

PROGRAMA Aes ATUADORES

AMBIENTE

Vdeo Microsoft Vision For 2019

Vdeo retirado de http://www.youtube.com/watch?v=VpiIr8wcv0Y

Microsoft Vision For 2019

Alguns componentes de interao identificados:

Botes; Janelas; Formulrios; Menus; Barra de Ferramentas;

 possvel?

Vdeo Nokia Mixed Reality

Vdeo retirado de http://www.youtube.com/watch?v=CGwvZWyLiBU

Referncia Bibliogrficas
Cybis, Walter de Abreu. Engenharia de Usabilidade: Uma Abordagem Ergonmica. 2003. Florianpolis-SC.

Obrigado!