Interfaces Pessoa Máquina Estilos de Interacção Cap. 3.2 Estilos de Interacção 17
Melhor e Pior?
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
Perguntas! Que tipo de memória tem um acesso mais lento? Em que consiste o raciocínio indutivo?
Sumário Estilos de Interacção Linguagem de Comandos Menus Lingua Natural Pergunta Resposta Formulários Manipulação Directa Novos Paradigmas
01 ESTILOS DE INTERACÇÃO
Estilos de Interacção
Estilos de Interacção
02 MENUS
Menus Escolha de uma opção numa lista de opções. Menu Bar Pull-Down Pop-up e Cascata Página Web
Largura vs Profundidade Demasiado Larga
Largura vs Profundidade Demasiado Profunda
Largura vs Profundidade Estrutura Equilibrada
Largura vs Profundidade Largura preferível a profundidade Profundidade máxima: 3 a 4
Esquemas de Ordenação Frequência de Utilização Categorias Ordem de Utilização Alfabeticamente
Categorias Semânticas
Texto Breve, Acção! Open Open a file from disk Saved file
Texto Breve, Acção! Open Open a file from disk Saved file
Navegação Atalhos
Navegação Teclas Aceleradoras H2-?...
Navegação Retorno ao nível anterior, ESC
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...
Não se esqueçam destes...
Menus Circulares 0.5s mais rápidos em média Número limitado de opções (max. 8) Fáceis de Seleccionar
Mesma Distância
Tamanho dos alvos
Número de Opções... 14 15 1 2 13 3 12 11 5 4 10 6 9 8 7
Número de Opções... 8 1 7 2 6 3 5 4
Vantagens dos Menus Reconhecimento em vez de lembrança Auto-Explicativos Aprendizagem rápida Rápidos para principiantes Configuráveis
Desvantagens dos Menus Lentos para peritos Escolha dos nomes é critica Inflexibilidade Número limitado de opções (<20) Ocupa muito espaço do ecrã
03 LINGUAGENS DE COMANDO
Linguagem de Comandos
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ã
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
04 FORMULÁRIOS
Formulários
Campos Identificados e Estruturados
Já em papel...
Agrupamento de Campos
Ordenação dos Campos Ordenado Desordenado
Ordenação semântica por... Sequência de utilização (H2-...) Frequência de utilização Importância relativa (obrigatórios primeiro)
Assinalar Campos Obrigatórios
Fornecer Valores por Omissão
Escolher melhor que Escrever
Autocomplete
Validação dos Dados
Flexibilidade nos dados
Navegação nos Campos Tab-Order...
Cursor em Campo Mais Provável
Vantagens Pouca memorização (reconhecimento) Utilização eficiente do ecrã Vários tipos de dados de entrada
Desvantagens Assumem conhecimento sobre tipos de dados de entrada Para peritos em introdução de dados por teclado Inflexíveis (controlo interno)
05 LINGUAGEM NATURAL
Linguagem Natural
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
06 PERGUNTA / RESPOSTA
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
Pergunta Resposta (Ex.)
Guiado Passo a Passo...
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
Desvantagens das Perg./Resp. Pouco eficientes Obrigam à utilização eficiente do teclado Inflexíveis (controlo interno) Não fornecem contexto seguinte
07 MANIPULAÇÃO DIRECTA
Exemplo: Video Jogos
Exemplo: Desktop
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
Exemplo: Apagar Ficheiro Manipulação Directa % rm myfile.txt % _
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
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
08 ESCOLHAM COM CUIDADO...
Como escolher? Ponderar vantagens e desvantagens Adequado aos utilizadores Adequado ao dispositivo
Adequado ao Dispositivo
09 NOVOS PARADIGMAS
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.
I/O Brush (http://web.media.mit.edu/~kimiko/iobrush/)
I/O Brush
ReactTable
Google Project Glass
BlobMaker Interação Caligráfica
SketchAR Virtual Taping
Laser Interaction
NavTouch
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
TPC Dispositivos de Interação Ler Cap. 3 do Livro Secção 3.1