1º Exame de IPM 2008/2009

Documentos relacionados
1º Exame de IIPM 2011/2012

2º Exame de IIPM 2007/2008

2º Exame de IPM 2006/2007

1º Exame de IIPM 2007/2008

1º Exame IPM 2013 / 2014

2º Exame de IPM 2007/2008

1º Exame de IPM 2007/2008

2º Exame de IIPM 2008/2009

VII Desenvolvimento e Toolkits. VII.2-Model View Controller

Exame IPM/IIPM 2014/2015 VARIANTE A

2º Exame IPM 2013 / 2014

1º Exame de IIPM 2008/2009

Interfaces Pessoa-Máquina (IPM)

Exame IPM/IIPM 2015/2016 VARIANTE A

2º Exame IPM Licenciatura em Eng. Informática e de Computadores. Prof. responsável Joaquim A. Jorge. 29 de Janeiro de 2011

Exame de IPM 2009/2010

1º Exame de IPM 2006/2007

I.1 Apresentação e Introdução

Interfaces Pessoa-Máquina (IPM)

I INTRODUÇÃO. Introdução às Interfaces Pessoa-Máquina (IIPM) I.1 APRESENTAÇÃO E INTRODUÇÃO. I.1 Apresentação e Introdução.

V.2 Dispositivos de Interacção VI WWW VI.3 PADRÕES DE DESENHO WEB. The Design of Sites, Cap. 2 D. Duyne, J. Landay, J. Hong. Melhor e pior?

I.1 Apresentação e Introdução

Exame IPM/IIPM 2015/2016 VARIANTE A

Interfaces Pessoa. Prototipagem. Máquina. Cap. 7 - Prototipagem

IV.1 AVALIAÇÃO POR PERITOS (AVALIAÇÃO HEURÍSTICA)

I INTRODUÇÃO. Interfaces Pessoa-Máquina (IPM) I.1 APRESENTAÇÃO E INTRODUÇÃO. I.1 Apresentação e Introdução. Joaquim Jorge Daniel Gonçalves (Alameda)

Engenharia de Software 2006/2007

V.1 Documentação e Ajudas

V.1 Documentação e Ajudas

Fig. 3: NovaBase/SAF: curso no Black Board

Estilos de Interacção

V.1 Documentação e Ajudas

I.1 Apresentação e Introdução

I.2 Sistemas Interactivos e Eng. de Usabilidade

As técnicas de concepção

V.1 DOCUMENTAÇÃO E AJUDAS

III.1 - Modelos Mentais e Conceptuais I

Interacção Pessoa-Computador

Curso Especializado de UX

Interfaces Pessoa-Máquina (IPM)

III DESENHO DE SISTEMAS INTERACTIVOS

Concepção e Fabrico Assistido por Computador

Engenharia da Programação

Relatório consolidado

II.2 - Análise de Tarefas II

2.4 Principais estilos de interacção

O AMBIENTE DE TRABALHO... 2 CRIAR, ABRIR E GUARDAR DOCUMENTOS... 6 EDIÇÃO DE DOCUMENTOS... 7 FORMATAÇÃO DE TEXTO Manual de Word INTRODUÇÃO...

Interfaces Pessoa. Desenho de Ecrãs I. Máquina. Cap. 8 Desenho de Ecrãs

Usabilidade. Capítulo 2. Design Interaction, Cap. 1, Jenny Preece

Web Presentation Patterns - Controllers

ZS Rest. Manual Profissional. BackOffice Mapa de Mesas. v2011

2.3 Recomendações, Princípios e Regras de concepção

I.2 Sistemas Interactivos e Eng. de Usabilidade

I INTRODUÇÃO. Melhor e Pior? I.2 SISTEMAS INTERACTIVOS E ENG. DE USABILIDADE. I.2 Sistemas Interactivos e Eng. de Usabilidade

Sumário. ! O que são protótipos?! Porquê prototipar?! Tipos de protótipos. !Cenários de Interacção!Storyboards!PBFs e PAFs!

Interacção Humano-Computador 2007/2008

Interacção com o Utilizador. 7. Prototipagem. Nuno Miguel Gil Fonseca

INTERFACE HOMEM- MÁQUINA RESUMO

Exame de Recurso IPM/IIPM 2014/2015 VARIANTE A

Exame de 1ª Época Introdução à Programação IGE e ETI 2003/02/25-1º semestre de 2002/2003 ISCTE

V.1 Documentação e Ajudas

Análise do questionário Utilização de software educativo na sala de aula. 1. Identificação

Análise de Tarefas I. Capítulo 3. HCI, Cap. 15, Alan Dix. Task-Centered UI Design, Cap. 1-2 C. Lewis and J. Rieman

Definição. Arquitecturas de Software. Modelo de Referência. Estilo Arquitectural. Arquitecturas de Software

FORMAÇÃO DE MICROSOFT EXCEL 2010

VI.3-Personalização de Homepages e Standards

VI WWW. VI.3-Personalização de Homepages e Standards

ENGENHARIA DE USABILIDADE E INTERFACES

II Perceber os Utilizadores e as Tarefas. II.1 Análise de Tarefas I

IV.4 Análise de Dados da Avaliação

Unidade 2: Navegação e Edição Básica

Como começar a Jogar? Para iniciar o jogo a forma mais fácil é ir a e começar a jogar.

Documentos MS Word acessíveis

Interfaces Pessoa-Máquina. Marielba Silva de Zacarias. Helder Daniel. Introdução

ABC da Informática para e-learning

II PERCEBER OS UTILIZADORES E AS TAREFAS

Manual Prático. Elisabete Aguiar

III - Desenho de Sistemas Interactivos. III.5 Prototipagem

IV.1 Avaliação por Peritos (Aval. Heurística)

Interfaces Pessoa. Avaliação III. Máquina. Cap. 9 - Avaliação

III.1 - Modelos Mentais e Conceptuais I

Para cada programa, por mais simples que seja, comece sempre por esboçar a solução desenhando um fluxograma.

Faculdade de Tecnologia SENAC Pelotas Interface Homem Computador 3º Semestre

Engenharia de Software

IV.1 Avaliação por Peritos (Aval. Heurística)

IV.3 Avaliação com Utilizadores

Exame de IIPM 2011/2012

IV.3 Avaliação com Utilizadores

IV - Avaliação. IV.3 Avaliação com Utilizadores

IV.1 Avaliação por Peritos (Aval. Heurística)

IV - Avaliação. IV.1 Avaliação por Peritos (Avaliação Heurística)

Aparência. Lauri Watts Tradução: José Pires

V.2 DISPOSITIVOS DE INTERACÇÃO

Exame IPM/IIPM 2014/2015 VARIANTEA

UNIVERSIDADE DA BEIRA INTERIOR Faculdade de Engenharia Departamento de Informática

1ª Sessão. Registo e Configuração: Associar uma conta GMAIL Introdução à plataforma AppInventor. Ruth Braga

Introdução à Engª de Requisitos

IV.4 Análise de Dados da Avaliação IV AVALIAÇÃO IV.4 ANÁLISE DE DADOS DA AVALIAÇÃO. Interactive System Design, Cap. 10, William Newman. Melhor e Pior?

Transcrição:

Página 1/5 1º Exame de IPM 2008/2009 Licenciatura em Eng. Informática e de Computadores 19 de Janeiro de 2009 A prova é realizada sem consulta de livros ou colegas. Responda às questões justificando adequada e concisamente as respostas, utilizando os espaços em branco na própria folha do exame. Não se esqueça de identificar cada folha antes de começar. O tempo total para o exame é de 2h00 (já inclui tolerância). LEIA TODO o texto (incluindo este parágrafo) com atenção ANTES de começar a responder às perguntas! As cotações encontram-se junto a cada pergunta. Boa sorte! Nome: 1) O João, Engenheiro Informático, tem que criar uma aplicação que inclua um controlo virtual de um fogão. Considerando a importância das metáforas no desenho de interfaces optou por usar, como modelo, o seu próprio fogão, apesar deste ter alguns problemas de usabilidade. [1 valor] Defina o que se entende por metáfora e realce a importância da operação de mapeamento, no contexto do trabalho do João. Metáfora (deriva da palavra grega "metaphorá" a qual significa transferência ) é o processo que permite a compreensão de um novo Domínio do Discurso a partir do conhecimento existente sobre outro Domínio do Discurso. Para ser possível efectuar o processo é necessário efectuar a correspondência entre elementos pertencentes ao Domínio já conhecido e os elementos pertencentes ao novo Domínio. Conceitos como temperatura, forno, acender, tempo de cozedura, são conhecidos por qualquer utilizador de um fogão. Se existir uma correspondência entre esses conceitos e os que aparecem na interface a compreensão desta é facilitada. [0.5 valor] Considera que o João fez a opção mais correcta na escolha do fogão? Justifique. É dito que o fogão do João tinha problemas de usabilidade, pelo que a escolha só é aceitável se, no processo de mapeamento, esses erros não forem transpostos para o novo Domínio do Discurso. Se tal acontecer o controlo virtual do fogão pode também ter problemas de usabilidade. 2) [1 valor] Considere o seguinte extracto do livro The Windows Interface Guide for Software Design The default font used for interface elements in Windows (U.S. release) is MS Sans Serif for 8-point. Menu bar titles, menu items, control labels, and other interface text all use 8-point MS Sans Serif. Proponha, justificando, que tipo de texto deveria ser usado no título de janelas. Usaria também uma fonte não serífica uma vez que são as mais fáceis de ler num ecrã. Para realçar o título das janelas poderia usar uma fonte maior, por exemplo 10 ou o desenho a negrito (bold). Para minimizar o número de fontes optaria por manter a fonte 8 e desenhar a negrito.

Página 2/5 3) Nos laboratórios foi usado um processo de produção de interfaces. [0.5 valor] Quais são as fases anteriores à prototipagem? Análise de Tarefas -> Cenários do Problema -> Modelo Conceptual -> Cenários de Actividades [1 valor] O que é um protótipo e qual a diferença principal em relação a um Storyboard Um protótipo é uma implementação parcial de uma IPM. Um Storyboard, composto por uma sequência de ecrãs que são usados para efectuar uma tarefa, impõe um caminho único, enquanto os protótipos devem ter a flexibilidade necessária para efectuar várias tarefas e uma mesma tarefa através de vários caminhos. [1 valor] O que se entende por Protótipo Horizontal. Um PBF pode ser um Protótipo Horizontal? Um Protótipo Horizontal é aquele que suporta todas as tarefas mas com uma funcionalidade mínima. Quando se fala em Protótipo de Baixa Fidelidade está a falar-se só na dimensão fidelidade pelo que um PBF pode ser ou não um Protótipo Horizontal.

Página 3/5 4) [1.5 valores] O João durante a criação do modelo conceptual, definiu como objectivo de usabilidade para o tempo de realização de uma tarefa o valor de 30 segundos. Mais tarde, quando fez testes com utilizadores, obteve um intervalo de confiança, a 95%, de [25,2 ; 34,6]. Que conclusões se podem tirar dos resultados obtidos. Como o intervalo de confiança não está totalmente abaixo do objectivo inicial, significa que o nosso objectivo não foi atingido. Pois apesar de alguns valores se encontrarem abaixo do objectivo, existem também outros (não sabemos quantos que se encontram acima). 5) [1.5 valores] Considere os testes piloto. Diga para que servem e quantos utilizadores são necessários para os realizar. Os testes piloto servem para testar e validar todo o procedimento experimental dos testes com utilizadores, como por exemplo: o tempo necessário para os testes, se a descrição das tarefas é perceptível, se o questionário se percebe, se as opções do questionário são as mais correctas, etc. Para realizar os testes piloto são necessários 2 ou 3 utilizadores que não necessitam de ser do público-alvo. 6) [1 valor] Considere um rato e um ecrã sensível ao toque. Classifique-os segundo a Introdução de coordenadas e o Controlo do cursor. Rato Coordenadas Relativas e Controlo Indirecto Ecrã Sensível ao Toque Coordenadas Absolutas e Controlo Directo 7) [1 valor] Considere a seguinte arquitectura de uma aplicação que usa o padrão arquitectural MVC. Diga justificando porque razão a Vista e o Controlador se encontram combinados num só. A Vista e o Controlador ocorrem sempre aos pares (i.e., cada vista precisa de um controlador dedicado) e estão fortemente acopladas, havendo uma comunicação intensa entre eles. De modo a simplificar a codificação, muitas arquitecturas combinam a Vista e Controlador numa só classe.

Página 4/5 8) [2 valores] Está a conceber um programa de edição de imagem para a web. Tem um botão à direita, na posição (20,500) do ecrã, que lhe permite começar a desenhar sobre a imagem. Depois de o pressionar, é necessário escolher a cor om que vai desenhar. Diga, justificadamente, qual das seguintes opções é preferível: Uma palete de 16 cores em que cada uma é representada por um quadrado colorido de 10x10 pixels, posicionada no topo do ecrã, nas coordenadas (500,10) Uma palete de 32 cores em que cada uma é representada por um quadrado colorido de 5x5 pixels, posicionada no fundo do ecrã, nas coordenadas (500,1000) A opção 1, pela lei de Fitts. Temos T=a+k log(dist/tam + 1). No primeiro caso, a DIST é SQRT(480^2+490^2)=685.9. No segundo, DIST=SQRT(480^2+980^2)=1091.2. Para agravar a situação, o tamanho é ainda mais pequeno na opção 2 (5x5 vs 10x10 pixels). Mesmo sem efectuar os cálculos é obvio que o tempo para chegar à palete será maior nessa opção. 9) [1.5 valores] Comente a seguinte afirmação: uma avaliação heurística, realizada pelos utilizadores da interface, é a melhor maneira de descobrir erros de usabilidade num protótipo funcional. A AH é feita por peritos, e não pelos utilizadores finais. E é questionável se é a melhor maneira. Há coisas que só os utilizadores nos podem dizer, e para isso necessitamos de testes com utilizadores. 10) [1.5 valores] Indique duas vantagens e duas desvantages da utilização de questionários em testes com utilizadores. Vantagens: menos ambiguo, pode ser analisado com rigor Desvantagens: os utilizadores respondem aquilo que acham ser verdade, e não necessariamente o que o é; os utilizadores não respondem ao que não é perguntado...

Página 5/5 11) [1,5 valor] Você foi contratado para redesenhar a página Web do CompraMaisBarato.com, o local de compras on-line da cadeia MaisPorMenos. A sua equipa produziu dois desenhos competitivos depois de muitas discussões internas e chegou a altura de efectuar testes com utilizadores. Nestes, os tempos necessários para efectuar uma compra foram de 2 minutos para o desenho (a) com uma variância de mais ou menos 60s e de 2.30 minutos para o desenho (b) com uma variância de 40s. Das hipóteses abaixo qual você escolheria e porquê? 1. Escolhe o desenho (a) 2. Escolhe o desenho (b) 3. Manda refazer a experiência R: Mandaria repetir a experiência, possivelmente com mais utilizadores, porque os resultados não são conclusivos. De facto os intervalos intersectam-se, o que não permite retirar conclusões sobre o desempenho relativo de cada um dos desenhos 12) [1,5] Identifique quatro problemas de usabilidade que são colocados pelo seguinte trecho de página WWW, em que o texto sublinhado corresponde a um elo hipertextual: Poderá encontrar toda a informação que deseja sobre esta disciplina, incluindo livros recomendados da cadeira, os manuais de laboratório, as respostas às perguntas mais frequentes, enunciados com respostas de exames de épocas anteriores, horários de funcionamento, curricula dos docentes, pré-requisitos curriculares e método de avaliação aqui. R: O parágrafo acima contém demasiado texto, viola o princípio da escrita em pirâmide (1), o texto que ilustra o elo não diz nada sobre o alvo não permitindo formar expectativas correctas sobre o conteúdo da página de destino (2) o que pode ainda colocar problemas de acessibilidade a utilizadores com problemas visuais (3) e o tamanho da âncora pode colocar dificuldades em seleccioná-la (4), por causa da Lei de Fitts. O elo deveria usar as cores padrão da Web (azul para elos não visitados) (5). Finalmente, para melhorar a legibilidade no ecrã, deveria ser utilizado tipo de texto sem serifas (6). 13) [1] Você foi convidado a desenvolver um mecanismo de personalização para a página Web do clube de futebol do seu bairro, que tem um orçamento limitado. Dos mecanismos discutidos na aula você escolheria qual e por que razões? R: Devido às restrições orçamentais, optaria pelo mecanismo de edição de informação de personalização semelhante ao Yahoo (selecção de módulos pelos utilizadores por preenchimento de questionários ou processo semelhante). Embora seja o método mais ineficiente é o menos custoso de codificar. O método das entrevistas será mais adequado para locais de investimento ou de gestão de estilo de vida. Os métodos dedutivos (Amazon) ou utilizando filtros colaborativos (Amazon) são demasiado sofisticados e requerem empenho de recursos não trivial além de necessitarem de comunidades relativamente grandes para se retirar o melhor partido deles 14) [1] Indique quatro elementos do padrão de desenho do carrinho de compras para páginas justificando a sua importância Acessível em todas as páginas Tornar fácil acrescentar itens do catálogo Dar info detalhada sobre cada item Fornecer Informação sobre todos os custos Elo visível para CHECKOUT Elo que permita continuar a comprar Não permitir itens não disponíveis