Pro Jet Ode Interface

Multimídia e Interface Homem Máquina Parte I Projeto de Interfaces Homem Máquina Antonio L. Apolinário Jr.

Projeto de HCI Human Computer Interface (HCI) „

Várias interfaces „ „ „

10/8/2001

Física Sensorial Psicológica

Universidade Estácio de Sá

2

„

1

Projeto de HCI Human Computer Interface (HCI) „

Várias disciplinas „ „ „ „ „ „ „ „ „ „ „

Engenharia de Software Engenharia de Hardware Psicologia Inteligencia Artificial Linguistica Sociologia Antropologia Filosofia Fatores Humanos Ergonometria Etc…

10/8/2001

Universidade Estácio de Sá

3

Projeto de HCI „

Questões „ „

„

„ „

10/8/2001

Quem é o usuário ? Como ele aprende a interagir com um novo sistema computadorizado ? Como ele interpreta as informações fornecidas pelo sistema ? O que ele espera do sistema ? Etc…

Universidade Estácio de Sá

4

„

2

Projeto de HCI „

Sintáxe de uma interface „

„

Mecanismos de interação disponíveis na interface

Semantica de uma interface „

Significado associado aos componentes da interface „ „ „

10/8/2001

Objetivos e metas do sistema, Entradas e saídas, Funções associadas. Universidade Estácio de Sá

5

Modelo Cognitivo de Projeto „

Baseado em 4 modelos : „ „ „

„

10/8/2001

Modelo de Projeto Modelo de Usuário Persepção do sistema ou Modelo do Usuário Imagem do Sistema

Universidade Estácio de Sá

6

„

3

Modelo Cognitivo de Projeto

10/8/2001

Universidade Estácio de Sá

7

Modelo Cognitivo de Projeto „

Modelo de Projeto „

Incopora representações dos : „ „ „ „

10/8/2001

Dados Arquitetura Interface Procedimentos

Universidade Estácio de Sá

8

„

4

Modelo Cognitivo de Projeto „

Modelo de Usuário „

Descreve o perfil do usuário final : „ „ „ „ „ „ „

Idade Sexo Nível de escolaridade Bagagem cultural Motivações Tipo de personalidade Etc…

10/8/2001

Universidade Estácio de Sá

9

Modelo Cognitivo de Projeto „

Usuários podem ser classificados : „

Novatos Sem conhecimento sintático Pouco conhecimento semantico.

„

Experientes e intermitentes Pouco conhecimento sintático Rasoável conhecimento semantico.

„

Experientes e frequentes Com bom conhecimento sintático e semantico.

10/8/2001

Universidade Estácio de Sá

10

„

5

Modelo Cognitivo de Projeto „

Percepção do sistema ou Modelo do Usuário „

„

Imagem gerada mentalmente pelo usuário final do sistema. Depende do perfil do usuário.

10/8/2001

Universidade Estácio de Sá

11

Modelo Cognitivo de Projeto „

Imagem do Sistema „

Conjuga „

Manifestação externa „ „

„

Informações de suporte sintático e semantico „ „

10/8/2001

Aparência “Sentido” Livros Manuais, …

Universidade Estácio de Sá

12

„

6

Modelo Cognitivo de Projeto Quando o usuário irá se sentir confortável com uma interface ? Modelo do usuário ≡ Imagem do sistema Para tanto: Modelo de Projeto ⇔ Modelo de usuário

10/8/2001

Universidade Estácio de Sá

13

Análise de Tarefas e Modelagem „

Objetivo: „ „

10/8/2001

Entender as tarefas executadas Mapea-las em um conjunto similar a serem implementadas na HCI.

Universidade Estácio de Sá

14

„

7

Análise de Tarefas e Modelagem „

Duas possíveis abordagens : „ „

10/8/2001

Baseada na implementação atual Desenvolvimento de novo modelo

Universidade Estácio de Sá

15

Análise de Tarefas e Modelagem „

Etapas do Projeto da Interface „ „ „ „ „ „

„

10/8/2001

Estabelecer metas e intenções da tarefa Mapea-las em uma sequencia de ações Especificar ações -> Interface Indicar o estado do sistema quando da ação Definir os mecanismos de controle Mostrar como os mecanismos de controle afetam o estado do sistema Indicar como o usuário interpreta o estado do sistema atraves das informações passadas pela interface. Universidade Estácio de Sá

16

„

8

Questões de Projeto „ „ „ „ „

Tempo de resposta Facilidades de ajuda Tratamento de erros Acionamento de comandos Padronização

10/8/2001

Universidade Estácio de Sá

17

Tempo de Resposta „

„

Intervalo de tempo entre um comando e sua resposta Caracterizado por : „

Duração „

„

Variabilidade „ „

10/8/2001

Nem muito rápido nem muito lento Deve ser baixa Define um “ritmo” de uso Universidade Estácio de Sá

18

„

9

Facilidades de Ajuda „

Dois tipos [Rubin88]: „

Integrada „ „ „ „

Incorporada dentro do software Sensível ao contexto Reduz tempo de busca Sistema mais amigável

10/8/2001

Universidade Estácio de Sá

19

Facilidades de Ajuda „

Add-on „ „

Adicionada ao sistema depois de concluído Manual on-line „ „ „

„ „

10/8/2001

limitada capacidade de busca Listas de tópicos Não sensível ao contexto

Usuário exposto a informações sem utilidade Várias tentativas antes de encontrar o que procura

Universidade Estácio de Sá

20

„

10

Questões de Projeto da Ajuda „

Ajuda disponível para quais funções? „

„

Como o usuário pede ajuda ? „

„

Janela separada x Referência ao manual x Caixa de mensagem

Como é o retorno a interação normal ? „

„

Menus x Tecla de Função x Comando

Como a ajuda é apresentada ? „

„

Apenas algumas x Todas

Botão de retorno x Tecla de função

Como as informações da ajuda serão estruturadas ? „

“Plana” x Hierarquia x Hipertexto

10/8/2001

Universidade Estácio de Sá

21

Tratamento de Erros „

Dois tipos de situação : „ „

„

Aviso Erro

Duas abordagens : „

Mensagens do sistema „

„

Tratar o erro „ „

10/8/2001

Difícil compreensão Mensagens customizadas Indicação da solução

Universidade Estácio de Sá

22

„

11

Tratamento de Erros „

Características desejáveis „ „ „

Decrever o erro na linguagem do usuário Indicar como recuperar do erro Indicar consequencias do erro „

„ „

10/8/2001

O usuário pode checar e corrigir

Indicação visual e/ou sonora A mensagem NUNCA deve ser condenatória Universidade Estácio de Sá

23

Acionamento de Comandos „

„

Interfaces baseadas em comandos de teclado Interfaces baseadas em janelas „ „

„

Point and Pick Drag and Drop

Usuários experientes preferem comandos como modo de interação „

10/8/2001

Mais rápido Universidade Estácio de Sá

24

„

12

Questões sobre Acionamento de Comandos „

„

Todas as opções de menu terão comandos de teclado equivalente ? Qual a forma de acionamento ? „

„

„ „

CTRL + letra x Teclas de Função x comando digitado

Qual a dificuldade em aprender e lembrar dos comandos ? Comandos podem ser customizados ? O usuário pode criar seus comandos ?

10/8/2001

Universidade Estácio de Sá

25

Padronização „

Padrões para : „ „ „ „

„

Opções e formato Mensagens de erro Comandos Etc…

Linhas gerais formuladas pela API do sistema „ „ „

10/8/2001

Windows / MFC Unix / Motif Linux / KDE – GNOME Universidade Estácio de Sá

26

„

13

Ferramentas de Desenvolvimento „

Processo de construção „

„

Baseado em prototipação

Necessidade de ferramentas para : „ „ „ „ „ „

Construção de janelas Menus Interação com dispositivos Tratamento de erro Comandos Etc…

10/8/2001

Universidade Estácio de Sá

27

Ferramentas de Desenvolvimento „

Toolkits - Bibliotecas „ „ „

„

FLTK MOTIF GLUT / GLUI

Ambientes de Desenvolvimento Visuais „ „ „ „

10/8/2001

Delphi C++ Builder Power Builder Visual Basic Universidade Estácio de Sá

28

„

14

Ferramentas de Desenvolvimento „

Devem fornecer : „ „ „ „ „ „ „ „

Controle de dispositivos (entrada e saída) Validações de entradas do usuário Tratamento de erros Feedback Facilidade para geração e integração de ajuda Gerenciamento das janelas (rolagem,etc) Estabelecer conexão aplicação/interface Ferramentas para suporte a customização do usuários

10/8/2001

Universidade Estácio de Sá

29

Avaliação de um Projeto de Interface „

Informal „

„

“Test drive”

Formal „

10/8/2001

Baseado em pesquisa estatística

Universidade Estácio de Sá

30

„

15

Avaliação de um Projeto de Interface „

Ciclo de avaliações „

Avaliação inicial do protótipo „ „

„

Informal Formal (se possível)

Repetir „ „ „

Alterações Construção de um novo protótipo Nova Avaliação

Até que não haja mais alterações 10/8/2001

Universidade Estácio de Sá

31

Avaliação de um Projeto de Interface „

Avaliação por questionário „ „ „

„

10/8/2001

Os comandos são fáceis de lembrar ? Quantos comandos foram utilizados ? Qual o grau de facilidade no aprendizado das operações básicas do sistema ? Nota comparativa entre essa interface e a de outros sistemas ?

Universidade Estácio de Sá

32

„

16

Avaliação de um Projeto de Interface „

Outras avalições „

Por observação „ „ „ „ „ „ „ „ „ „

10/8/2001

Número de tarefas completas p/tempo de uso Frequencia de uso de comandos Sequencias de comandos Tempo de busca por informação Número de erros Tipos de erros Tempo de correção do erro Tempo de uso da ajuda Frequencia de uso da ajuda Etc… Universidade Estácio de Sá

33

Diretrizes para Projeto de Interfaces „

Interação em geral „ „ „ „ „ „ „ „

„ „

10/8/2001

Garantir consistência Oferecer feedback significativo Pedir confirmação de tarefas destrutivas Permitir desfazer operações Procurar eficiência em diálogos, movimentação Perdoe erros Categorizar atividades por função Organizar a tela geograficamente de acordo com as categorias de atividades Prover ajuda sensível ao contexto Nomear comandos com verbos simples e precisos Universidade Estácio de Sá

34

„

17

Diretrizes para Projeto de Interfaces „

Apresentação das informações „

„

„

„ „

10/8/2001

Mostre somente informações relevantes para o contexto Não sobrecarregar o usuário de informações Usar formatos de apresentação que permitam a rápida assimilação Usar etiquetas consistentes Usar cores previsíveis Universidade Estácio de Sá

35

Diretrizes para Projeto de Interfaces „

Apresentação das informações (cont.) „ „ „

„ „ „

10/8/2001

Permitir a manutenção do contexto visual Produzir mensagens de erro significativas Utilizar identação e agrupamento para facilitar a compreensão Utilizar janelas para acompartimentar informações Usas componentes analógicos quando necessário Considerar a geografia da tela e usa-la de forma eficiente Universidade Estácio de Sá

36

„

18

Diretrizes para Projeto de Interfaces „

Entrada de Dados „ „

„ „ „ „ „ „

10/8/2001

Minimizar o número de ações de entrada Manter consistente dados de entrada e apresentados Permitir customização das entradas Respeitar a preferencia do usuário Desativar entradas fora de contexto Deixar o usuário controlar o fluxo de interação Fornecer ajuda para entrada Eliminar formatos de entrada não relevantes Universidade Estácio de Sá

37

Avalie a Interface

10/8/2001

Universidade Estácio de Sá

38

„

19

Avalie a Interface

10/8/2001

Universidade Estácio de Sá

39

Avalie a Interface

10/8/2001

Universidade Estácio de Sá

40

„

20

Avalie a Interface

10/8/2001

Universidade Estácio de Sá

41

Avalie a Interface

10/8/2001

Universidade Estácio de Sá

42

„

21

Avalie a Interface

10/8/2001

Universidade Estácio de Sá

43

Avalie a Interface

10/8/2001

Universidade Estácio de Sá

44

„

22

Avalie a Interface

10/8/2001

Universidade Estácio de Sá

45

Avalie a Interface

10/8/2001

Universidade Estácio de Sá

46

„

23

Avalie a Interface

10/8/2001

Universidade Estácio de Sá

47

Avalie a Interface

10/8/2001

Universidade Estácio de Sá

48

„

24

Avalie a Interface

10/8/2001

Universidade Estácio de Sá

49

Avalie a Interface

10/8/2001

Universidade Estácio de Sá

50

„

25

Avalie a Interface

10/8/2001

Universidade Estácio de Sá

51

„

26