Interfaces Pessoa Máquina 08-10-2012 Modelos Conceptual e Mental Cap. 6 Conceptualização da Interação 06 Melhor e Pior? 1
Melhor e Pior? Resumo Aula Anterior Análise de Utilizadores O que é? Porquê? O que queremos saber? Tipos de Utilizadores Principiantes; Principiantes avançados; Executantes competentes; Peritos Requisitos de Usabilidade Objetivos, Medidas e Critérios de Usabilidade Métodos de Recolha AUT Erros Comuns de AUT 2
Sumário Modelo Conceptual Componentes Características Um Exemplo Do Modelo Conceptual para o projeto Cenários de Atividades Modelo Mental 01 MODELO CONCEPTUAL 3
Já Fizemos Analisar Necessidades Conceber Soluções Avaliar Protótipos Prototipar Soluções Análise de Tarefas Requisitos funcionais Tarefas Análise de Utilizadores Perfis de utilizadores Respostas às 11 perguntas E Agora? O que se faz a seguir? 4
O Passo Errado! Desenhar Caixas de diálogo Ecrãs O Passo Certo! Criar o Modelo Conceptual 5
Sequência Certa! O que o sistema é (Modelo Conceptual) Como o sistema se apresenta (Prototipagem) Modelo Conceptual no Ciclo Iterativo Analisar Necessidades Conceber Soluções Avaliar Protótipos Prototipar Soluções 6
Modelo Conceptual Descrição de alto-nível de como um sistema está organizado e funciona Objectivos Resolver mapeamento Conceitos IU <-> conceitos domínio do problema Dar visão funcionamento sistema Facilitar criação Modelo Mental 7
Características Simples ( Menos é mais! ) Tão simples quanto possível, mas com funcionalidade Ex. Vire à direita em vez de Vire NNE. Focado na Tarefa Mapeamento direto operações sistema <-> tarefa 15 Exemplo de um site 8
Decisões são importantes! Em função da escolha Utilizadores pensam nas coisas diferentemente Os objetos serão diferentes As operações disponíveis serão diferentes A interação do utilizador será diferente Não escolher é MAU 9
Escolher é BOM! Criar estrutura e depois enchê-la! Sistema Resultante Mais simples Mais coerente Mais fácil de aprender 10
Resumindo: Modelo Conceptual Descreve apenas O que as pessoas podem fazer Conceitos que precisam perceber Refere-se apenas Objetos, atributos e ações do domínio da tarefa Ferramenta de desenho dos designers Arrumar ideias antes do design da IU Modelo Conceptual Não É Interface Utilizador Modelo Mental Cenários Atividade Arquitetura Sistema 11
02 COMPONENTES MODELO CONCEPTUAL Componentes Metáforas e analogias Conceitos Objetos Atributos Operações Relações entre conceitos Mapeamento 12
Metáforas Elemento central Explicam situações não familiares por comparação com algo que seja familiar ou mais fácil de perceber Descrição usada para sugerir semelhança Ex. Átomo = Universo Metáforas 13
Metáforas de Interface Novo sistema Semelhante a um já conhecido. Exploram conhecimento familiar Compreender o não familiar Papel das Metáforas Facilitar aprendizagem criação do modelo mental Novo sistema = algo já conhecido Não usar metáfora -> Problemas 14
Exemplo de Metáfora Exemplo de Metáfora 15
Exemplo de Metáfora Escolher a Metáfora Não é fácil Deve ser feito com cuidado Afeta percepção de funcionamento Atenção aos utilizadores Devem perceber Podemos usar mais que uma Mas cuidado! 16
Como escolher? Definição funcional Como vai funcionar o sistema Identificação de problemas dos utilizadores Partes mais problemáticas Criar metáforas para ajudar Geração de metáforas Usadas na descrição das tarefas Familiares ao utilizador Como avaliar? Fornece estrutura? Tem estrutura familiar. Ex. Livro Que partes sa o relevantes para o problema? Identificar o que pode enganar. É fa cil de representar? Elementos visuais e auditivos Irá ser percebida? Perfil dos utilizadores É extensível? 17
Desvantagens das metáforas Interpretação demasiado literal Calculadora física já era má Desvantagens das metáforas Violam regras culturais e convenções Caixote do lixo no tampo da secretária? 18
Desvantagens das metáforas Conflito com princípios de desenho Disquete no lixo? Má metáfora 19
Má metáfora Resumo Metáforas Dispositivos de orientação familiares Aprendizagem de novos sistemas mais fácil Ajudam a aprender modelo conceptual Simplificam descrição do sistema Podem ser inovadoras 20
Conceitos Lista de conceitos expostos pelo sistema Objetos Atributos dos objetos Operações sobre objetos Conceitos Não está no modelo conceptual Não se pode exigir que o utilizador esteja a par dele Novos conceitos (não existem no domínio da tarefa) Apenas se trouxerem grandes benefícios Custo minimizado através de bom desenho da IU 21
Relações entre Conceitos Ligação entre conceitos Identificação de operações partilhadas Mesma IU para ações de diferentes objetos Identificação de classes e hierarquias Ex. Conta a prazo é um tipo de Conta Modelo conceptual com menos conceitos Mais simples; Mais fácil de perceber; Mais coerente Relações entre Conceitos Importâncias diferentes Conceitos mais frequentes que outros Importância relativa ajuda focar desenho IU É importante tornar as operações frequentes fáceis Mesmo sacrificando as menos frequentes 22
Mapeamento entre Conceitos Correspondência entre conceitos Conceitos do modelo conceptual Conceitos usados no dia a dia (a realizar as tarefas) Interface mais familiar Menos tempo de aprendizagem Exemplo: Máquina venda bebidas Metáfora: Cabine Telefónica Comprar uma bebida é como fazer uma chamada telefónica Conceitos (Objectos/Atributos/Acções): Bebida, Preço, Troco, Código, Escolher, Pagar, etc. Relações Uma bebida tem um preço Uma bebida tem um código Mapeamentos Bebida <-> Bebida Pagar <-> Pagar 23
Exemplo: Organizador de fotos Metáfora: Álbum de fotografias Organizar fotos é como colocá-las num álbum Objetos (Atributos): Fotos (data, legenda); Utilizador (nome); Evento (local, data); Arquivo (partilhado); etc. Ações: Inserir foto; Apagar foto; Criar legenda; Apagar legenda; Partilhar arquivo; etc. Relações entre Conceitos: Arquivo tem fotos; Evento tem fotos; Utilizador pode aceder a arquivo partilhado; etc. Mapeamento: Foto no sistema <-> Foto real; legenda no sistema <-> Comentário escrito; Apagar foto <-> Retirar foto; etc. 03 DO MODELO PARA O PROJECTO 24
Benefícios do Modelo Conceptual Léxico Léxico de termos a usar na aplicação e na documentação Cenários de Atividade Informação do MC permite criar cenários Apenas terminologia do MC faz parte do cenário Interface Utilizador MC dá ideia mais clara do que deve aparecer na IU Benefícios do Modelo Conceptual Implementação Semelhança com análise de objetos Objetos = classes; Atributos = propriedades; Ações = métodos Documentação Explicar os conceitos do MC Processo de Design Ponto de coordenação central Evitar alterações unilaterais 25
Alterações ao Modelo Conceptual Analisar Necessidades Conceber Soluções Avaliar Protótipos Prototipar Soluções Pode ser alterado Na o tem que ficar congelado Atualizado e consistente com a IU Resumo: Modelo Conceptual Boas interfaces começam com um MC Limpo, simples e orientado à tarefa MC é o esqueleto da IU Design e implementação baseado no MC Sendo central, todos devem concordar com ele Não Esquecer! Conceber o que o sistema é, não como se apresenta 26
04 CENÁRIOS ATIVIDADE Cenários Histórias de pessoas e das suas atividades Um contexto; um ou mais atores Descrever ações dos atores Um enredo com ações e acontecimentos Colocar ênfase Na utilização; necessidades; ações e reações Reutilizar atores e artefactos Aumenta coerência através dos vários cenários 27
Cenários de Actividades Criados com o modelo conceptual Descrevem utilizadores a realizarem tarefas Novas funcionalidades (incluídas no MC) Um cenário para cada tarefa Descrição independente da solução da IU Exemplo Cenário Atividade O João acabou de chegar das suas férias nas Caraíbas, onde esteve com os seus amigos. Chegado a casa, o João tirou a sua nova máquina digital do saco e foi logo passar as fotografias para o BiblioPhoto, o seu programa para organizar e partilhar fotografias. Depois de se autenticar no sistema, o João transferiu as 1047 fotografias, com todos os momentos de alegria e confraternização, e ainda o famoso mergulho do António. Inseridas as fotos na aplicação, o João começa a organizá-las por arquivos e a classificá-las acrescentando legendas a cada uma. Terminada a classificação, o João seleciona um conjunto de fotos e disponibiliza-as num arquivo partilhado, para que a Ana e o António possam também vêlas. 28
04 MODELO MENTAL Modelo Mental 29
Modelo Mental Modo como uma pessoa pensa que um sistema funciona Criado pelos utilizadores Utilizadores diferentes Modelos mentais diferentes Criação Modelo Mental Documentação Formação Observação Utilização 30
Tipos de Modelos Mentais Modelos Estruturais Utilizador interiorizou como funciona o sistema ex. Como funciona um carro Modelos Funcionais Utilizador interiorizou como usar o sistema ex. Como guiar um carro Desenvolvido a partir de conhecimento adquirido Para que Servem Explicar O que estou a ver agora? O que é que o sistema acabou de fazer? O que é que eu fiz para ele fazer aquilo? Predizer O que posso fazer a seguir? O que acontece se fizer isto? O que fará o sistema? O que verei como resultado? 31
Relação entre Modelos Má Correspondência 32
Metáfora? Metáfora? 33
Metáfora? 67 Resumo Modelo Conceptual Metáfora; Conceitos; Relações; Mapeamentos Simples; Focado na tarefa O que é e Não é Metáforas Escolher; Avaliar Do Modelo Conceptual para o projeto Cenários de Atividades Modelo Mental 34