Estilos de Interacção

Transcrição

1 Interfaces Pessoa Máquina Estilos de Interacção Cap. 3.2 Estilos de Interacção 17

2 Melhor e Pior?

3 Resumo Aula Anterior Capacidade para processar informação é limitada Implicações no design de IUs Informação é recebida e transmitida Visão, audição, tato, movimento Informação guardada na memória Sensorial, STM, LTM Informação Processada e Aplicada Raciocínio

4 Perguntas! Que tipo de memória tem um acesso mais lento? Em que consiste o raciocínio indutivo?

5 Sumário Estilos de Interacção Linguagem de Comandos Menus Lingua Natural Pergunta Resposta Formulários Manipulação Directa Novos Paradigmas

6 01 ESTILOS DE INTERACÇÃO

7 Estilos de Interacção

8 Estilos de Interacção

9 02 MENUS

10 Menus Escolha de uma opção numa lista de opções. Menu Bar Pull-Down Pop-up e Cascata Página Web

11 Largura vs Profundidade Demasiado Larga

12 Largura vs Profundidade Demasiado Profunda

13 Largura vs Profundidade Estrutura Equilibrada

14 Largura vs Profundidade Largura preferível a profundidade Profundidade máxima: 3 a 4

15 Esquemas de Ordenação Frequência de Utilização Categorias Ordem de Utilização Alfabeticamente

16 Categorias Semânticas

17 Texto Breve, Acção! Open Open a file from disk Saved file

18 Texto Breve, Acção! Open Open a file from disk Saved file

19 Navegação Atalhos

20 Navegação Teclas Aceleradoras H2-?...

21 Navegação Retorno ao nível anterior, ESC

22 20 opções max! Lei de Hick T = k log 2 (n+1) n número de opções Decisões complexas levam mais tempo...

23 Não se esqueçam destes...

24 Menus Circulares 0.5s mais rápidos em média Número limitado de opções (max. 8) Fáceis de Seleccionar

25 Mesma Distância

26 Tamanho dos alvos

27 Número de Opções

28 Número de Opções

29 Vantagens dos Menus Reconhecimento em vez de lembrança Auto-Explicativos Aprendizagem rápida Rápidos para principiantes Configuráveis

30 Desvantagens dos Menus Lentos para peritos Escolha dos nomes é critica Inflexibilidade Número limitado de opções (<20) Ocupa muito espaço do ecrã

31 03 LINGUAGENS DE COMANDO

32 Linguagem de Comandos

33 Vantagens das LC Potentes Flexíveis, utilizador tem o controlo Boas para tarefas repetitivas Rápidas e eficientes para peritos Uso mínimo do ecrã

34 Desvantagens das LC Difíceis de aprender e de relembrar Nomes dos comandos, argumentos e opções Viola Heurística H2-... Obrigam a utilização eficiente do teclado ls em vez de list (Heurística: menos teclas = menos erros) Melhores para peritos que para principiantes

35 04 FORMULÁRIOS

36 Formulários

37 Campos Identificados e Estruturados

38 Já em papel...

39 Agrupamento de Campos

40 Ordenação dos Campos Ordenado Desordenado

41 Ordenação semântica por... Sequência de utilização (H2-...) Frequência de utilização Importância relativa (obrigatórios primeiro)

42 Assinalar Campos Obrigatórios

43 Fornecer Valores por Omissão

44 Escolher melhor que Escrever

45 Autocomplete

46 Validação dos Dados

47 Flexibilidade nos dados

48 Navegação nos Campos Tab-Order...

49 Cursor em Campo Mais Provável

50 Vantagens Pouca memorização (reconhecimento) Utilização eficiente do ecrã Vários tipos de dados de entrada

51 Desvantagens Assumem conhecimento sobre tipos de dados de entrada Para peritos em introdução de dados por teclado Inflexíveis (controlo interno)

52 05 LINGUAGEM NATURAL

53 Linguagem Natural

54 Linguagem Natural Problemas Vaga, Ambígua Requer confirmações / Reiterações Assume conhecimento do domínio Soluções Tentar perceber um subconjunto Identificar apenas palavras-chave

55 06 PERGUNTA / RESPOSTA

56 Diálogos Pergunta / Resposta Mecanismo simples para introdução de dados numa aplicação Utilizador responde a uma série de perguntas Sim/Não, escolha múltipla ou códigos

57 Pergunta Resposta (Ex.)

58 Guiado Passo a Passo...

59 Vantagens das Perg./Resp. Auto-Explicativos o quê? - semântica; como? - sintáctica Pouca memorização Reconhecimento em vez de lembrança Simples e não intimidante Bom para principiantes Vários tipos de dados de entrada Tarefas com uma estrutura hierárquica

60 Desvantagens das Perg./Resp. Pouco eficientes Obrigam à utilização eficiente do teclado Inflexíveis (controlo interno) Não fornecem contexto seguinte

61 07 MANIPULAÇÃO DIRECTA

62 Exemplo: Video Jogos

63 Exemplo: Desktop

64 Acções directamente sobre objectos visíveis Representação visual dos objetos Ações físicas ou botões premidos em vez de linguagem de comandos Operações incrementais reversíveis com apresentação imediata dos resultados

65 Exemplo: Apagar Ficheiro Manipulação Directa % rm myfile.txt % _

66 Vantagens Manipulação Directa Fáceis de aprender e relembrar WYSIWYG (What You See Is What You Get) Acessíveis a utilizadores principiantes e experientes Flexíveis e c/ ações fáceis de desfazer (undo) Fornecem realimentação visual e contextual constante Exploram as capacidades humanas para usar pistas visuais À prova de erros

67 Desvantagens Manip. Directa Podem ser ineficientes para peritos Nem sempre são auto-explicativas Difícil de desenhar ícones e gestos facilmente reconhecíveis Ícones usam mais espaço de ecrã que palavras Não suportam operações repetitivas

68 08 ESCOLHAM COM CUIDADO...

69 Como escolher? Ponderar vantagens e desvantagens Adequado aos utilizadores Adequado ao dispositivo

70 Adequado ao Dispositivo

71 09 NOVOS PARADIGMAS

72 Novos paradigmas Computação ubíqua Pervasive computing (smart devices) Wearable computing (computadores de vestir) Tangible User Interfaces Augmented reality Attentive environments Transparent computing E muitos mais.

73 I/O Brush (

74 I/O Brush

75 ReactTable

76 Google Project Glass

77 BlobMaker Interação Caligráfica

78 SketchAR Virtual Taping

79 Laser Interaction

80 NavTouch

81 Resumo Tipos de diálogo Menus, Formulários, LC e MD Principais características, vantagens e desvantagens Princípios de navegação Menus = WWW Novos paradigmas de interação

82 TPC Dispositivos de Interação Ler Cap. 3 do Livro Secção 3.1