Interacção Humano-Computador - Universidade de Coimbra



Interac??o Humano-ComputadorActivity DesktopRelatório do ProjectoMar?o 2008 – DEI/FCTUC?ndice TOC \o "1-3" Autores PAGEREF _Toc67346062 \h 3Análise de cenários PAGEREF _Toc67346063 \h 3Cenário 1 – Médico PAGEREF _Toc67346064 \h 3Cenário 2 – Estudante PAGEREF _Toc67346065 \h 3Cenário 3 – Trabalhador-estudante PAGEREF _Toc67346066 \h 4Cenário 4 – Engenheiro PAGEREF _Toc67346067 \h 4Cenário 5 – Bancário PAGEREF _Toc67346068 \h 4Cenário 6 – Professor Universitário PAGEREF _Toc67346069 \h 5Análise de Utilizadores e Tarefas PAGEREF _Toc67346070 \h 6Aplica??o da Metodologia OVID PAGEREF _Toc67346071 \h 6Identificar os Objectos PAGEREF _Toc67346072 \h 7Desenhar as Vistas PAGEREF _Toc67346073 \h 7Redefinir Tarefas PAGEREF _Toc67346074 \h 7Tabela de Interac??es PAGEREF _Toc67346075 \h 8Anexo A – Análise das Tarefas PAGEREF _Toc67346076 \h 9Anexo B – Modelos das Tarefas PAGEREF _Toc67346077 \h 11Anexo C – Vistas PAGEREF _Toc67346078 \h 17Anexo D – Modelos Refinados das Tarefas PAGEREF _Toc67346079 \h 27Anexo E – Tabela de Interac??es PAGEREF _Toc67346080 \h 32AutoresBernardo Raposo – 501062834Jo?o Sá Borges – 501062853Ana Sofia ReisTiago PinaJorge SousaDavid CarvalhoAnálise de cenáriosNo início do projecto foram estudados alguns cenários hipotéticos que, apesar de n?o terem como objectivo demonstrar aplica??es práticas do projecto, s?o muito importantes para a contextualiza??o do mesmo.A nossa análise baseou-se nos seguintes cenários.Cenário 1 – MédicoUm médico chega ao seu Laptop e selecciona o modo Hospital. Neste modo abre o seu cliente de e-mail e visualiza todos novos e-mails relacionados com o Hospital onde trabalha. Lembra-se de que tem de fazer um documento relacionado com um congresso. Abre ent?o o seu programa de edi??o de texto e come?a a redigir o mesmo. Para completar o documento abre a pasta Meus Documentos, no qual vê apenas as pastas relacionadas com o Hospital, e abre um segundo documento de que precisava. Ao terminar o primeiro documento, grava-o nos meus documentos, o qual é gravado numa pasta pertencente ao grupo de pastas do Hospital. Em seguida, o médico muda para o modo Clínica. Estando neste modo, abre de novo o seu cliente de e-mail e vê apenas os e-mails relacionados com a sua Clínica privada.Cenário 2 – EstudanteUm estudante chega ao seu Desktop e acede ao modo Lazer. Neste modo abre o seu browser e como Homepage vê o seu Website preferido, um site de filmes. Após dar uma vista de olhos pelo Website lembra-se que tem de acabar rapidamente um trabalho cujo prazo de entrega acaba nesse dia até à meia-noite. Muda ent?o para o modo Universidade e acede ao seu cliente de e-mail, através do qual recebe e-mails relacionados com a Universidade. Vê rapidamente um e-mail que um colega de grupo lhe enviou. Após ver esse e-mail abre a pasta Meus Documentos, no qual vê apenas documentos relacionados com a Universidade e abre o relatório que está por completar. Ao terminar o relatório, abre o cliente de e-mail e envia o relatório através do e-mail da Universidade para o professor da cadeira. Cenário 3 – Trabalhador-estudanteUm trabalhador estudante de engenharia informática está no seu posto de trabalho a desenvolver um software para o cliente X. Está no seu IDE preferido quando encontra uma dúvida de programa??o e lembra-se que já tinha efectuado um trabalho semelhante para o cliente Y, passa para o desktop destinado ao cliente Y e procura a resolu??o do problema, mas n?o encontra porque o problema era ligeiramente diferente. Altera ent?o o seu desktop para o desktop “escola” e vai ver aos apontamentos das aulas. Volta a aceder ao desktop do cliente X, resolve o problema e continua a desenvolver a aplica??o.Cenário 4 – EngenheiroUm professor/engenheiro chega a casa após um dia de aulas com necessidade de relaxar um pouco e decide ouvir o novo álbum sobre o qual os seus colegas tanto falaram. Para tal dirige-se ao seu computador e compra o álbum on-line em formato digital. Ao mesmo tempo tem também disponível a possibilidade de procurar que filmes est?o em exibi??o. Enquanto desfruta do novo ambiente musical e vê a informa??o do filme que irá ver no próximo fim-de-semana, recebe alerta de nova mensagem na mailing-list do seu grupo de amigos que o convida para mais uma noite de descontrac??o. Tem também disponível aquele jogo que tanto tempo por vezes lhe consome. Contudo, n?o tem tempo para pegar nele, pois ao descontrair, lembra-se que necessita de rever a conclus?o do artigo que elaborou para a conferência que se aproxima. Acto contínuo, muda para um novo ambiente em que lhe s?o apresentados os acetatos das aulas e trabalhos de alunos a avaliar, bem como artigos que escreveu e projectos da empresa em que trabalha . Enquanto edita o artigo, s?o-lhe apresentados alertas referentes a mensagens sobre novas tendências tecnológicas, assim como uma mensagem do seu gestor de projecto da empresa. Após a revis?o do artigo tem ainda tempo para alterar o módulo que o gestor fez quest?o de frisar veementemente ser necessário estar pronto até amanh?. Ainda assim, quando a sua mulher entra no escritório, tem ainda tempo para voltar a mudar de ambiente e aceder ao pedido dela para gravar as fotos do último jantar de família, juntamente com as restantes fotos de passeios e viagens ao estrangeiro. Ao ver o seu irm?o, há algum tempo no estrangeiro, disponível no IM, decide dar-lhe uma palavrinha. Antes de jantar tem ainda tempo para ler o e-mail cómico que o filho lhe enviou.Cenário 5 – BancárioUm trabalhador de um banco está num posto de trabalho no desktop “Caixa”, quando é abordado por um cliente que tem dúvidas quanto a investir na bolsa, nesse momento o trabalhador facilmente altera o seu desktop “Caixa” para o seu desktop “Bolsa” fornecendo ao cliente informa??es sobre os melhores investimentos. O cliente n?o satisfeito pretende ent?o investir em algo mais seguro e apostar num plano de poupan?a, nesse mesmo instante, o trabalhador alterna para o seu desktop “Planos e Investimento”. Depois de saber todas as alternativas o cliente decide que o banco n?o satisfaz as suas necessidades e pede para liquidar a sua conta. O trabalhador ent?o regressa ao desktop “Caixa” e procede a opera??o. Quando chega a sua hora de intervalo o trabalhador alterna para o seu desktop “pessoal” e usa uma aplica??o de IM para falar com a sua esposa e dizer que está a ter um dia difícil no trabalho. Cenário 6 – Professor UniversitárioO António é um professor universitário que utiliza o seu portátil para o auxiliar no seu dia-a-dia. Quando chega ao campus da universidade, ao conectar-se à rede do mesmo, o sistema altera automaticamente para o contexto "Trabalho" permitindo-lhe ter apenas a informa??o que lhe é relevante para o seu trabalho. Assim, sentado no seu gabinete, come?a a corrigir os trabalhos dos seus alunos que est?o guardados no disco do seu portátil. Como se encontra dentro do ambiente definido como "Trabalho", pode aceder facilmente aos ficheiros que est?o catalogados como pertencentes a esse ambiente, sem perder tempo à procura dos ficheiros por todo o disco.A meio do seu trabalho é interrompido por um telefonema de um familiar que lhe pede para enviar as fotos do almo?o de família do fim-de-semana passado. Felizmente, n?o tem de fechar nenhuma das aplica??es uma vez que é possível mudar de ambiente no seu portátil para o contexto "Família". Dentro desse novo ambiente, o António abre o seu explorador de fotos favorito que lhe apresenta apenas aquelas que est?o relacionadas com o seu contexto familiar. Selecciona as fotos do almo?o de família e opta por enviá-las por email. O seu cliente de email já se encontrava aberto, no entanto ao mudar de ambiente, tem ao seu dispor apenas os contactos dos seus familiares para que possa aceder rapidamente aos mesmos. Enquanto envia as fotos, recebe uma notifica??o do sistema a avisar que recebeu um novo email pertencente a um contexto diferente, neste caso o seu ambiente "Lazer". Como ainda restam alguns minutos até estar completado o envio das fotos, muda ent?o para o ambiente "Lazer" para verificar a mensagem recebida. Esta pertence a uma mailing list de banda desenhada japonesa, um dos seus passatempos favoritos. Depois de ler a mensagem e já que se encontra neste ambiente, utiliza o seu agregador de RSS para saber os últimos resultados da liga italiana de futebol a decorrer naquele dia.Entretanto recebe uma nova notifica??o do sistema que lhe avisa que as suas fotos já foram enviadas, muda ent?o para o ambiente "Família" para confirmar o envio das mesmas. Estando tudo correcto, muda mais uma vez de contexto para dar continuidade ao trabalho que estava a fazer. De volta ao ambiente "Trabalho", todos os documentos e aplica??es est?o exactamente no mesmo estado em que as tinha deixado aquando da interrup??o do seu familiar.Mais tarde ao chegar a casa, conecta-se com o seu portátil à sua rede particular e mais uma vez o sistema muda automaticamente de contexto, mas desta vez para o ambiente "Casa". Neste ambiente procura ler um pouco sobre as notícias do dia, uma vez que esteve todo o dia a trabalhar e n?o teve tempo de se actualizar. Para tal utiliza o seu navegador de internet que tem definido os seus sites favoritos dentro do contexto que está a utilizar. Assim consegue aceder imediatamente aos sites dos principais jornais nacionais, sem ter de pesquisar em toda a sua lista de favoritos. Entretanto, enquanto lê as notícias do dia, lembra-se do compromisso que guardou na agenda do portátil e sincroniza ent?o a agenda do seu telemóvel com a agenda que está definida no ambiente "Trabalho".Análise de Utilizadores e TarefasApós o estudo destes cenários, cada elemento do grupo fez uma análise mais pormenorizada ao seu cenário de forma a destacar as tarefas realizadas em cada um dos casos estudados. Esta análise permitiu-nos construir a seguinte tabela que mostramos em anexo (Anexo A).Esta tabela é de grande import?ncia pois permite-nos, n?o só analisar as tarefas que cada utilizador pode efectuar, mas também classificá-las em termos de import?ncia e frequência de utiliza??o desse mesmo utilizador. Isto será muito útil no desenvolvimento futuro para desenvolver uma aplica??o que irá de encontro às verdadeiras necessidades dos utilizadores.Para a continua??o do trabalho foi necessário escolher um tipo de utilizador, para que fosse mais simples e intuitivo de perceber. Tendo só um tipo de utilizador em mente foi-nos mais fácil especificar as tarefas e tentar encontrar as necessidades deste tipo de utilizador e que mais à frente poder?o ser usadas por outro tipo de utilizador.No nosso caso, decidimos usar o Professor Universitário como modelo, pois achámos que seria o cenário em que havia uma maior polivalência de contexto e nos permitia uma análise mais completa do projecto.Aplica??o da Metodologia OVIDA metodologia OVID (Object View Interaction Design) atravessa um conjunto de passos para a elabora??o de interfaces de utilizador orientadas a objectos. Esta metodologia personifica a mudan?a de um design de interfaces baseado na arte, para um design de interfaces mais objectivo e científico, privilegiando as interac??es com o utilizador.Antes de passarmos à aplica??o da metodologia OVID, necessitamos de fazer uma análise mais completa às tarefas que referimos anteriormente. Desta forma passamos à decomposi??o das tarefas em passos mais concretos de forma a podermos identificar alguns elementos que ser?o importantes para a aplica??o da metodologia. Para esta decomposi??o, usámos a ferramenta ConcurTaskTree Environment (CTTE) que facilita a elabora??o de uma análise hierárquica de tarefas e permite a cria??o de modelos para a mesma.Os modelos resultantes desta análise s?o também disponibilizados em anexo (Anexo B).Identificar os ObjectosO primeiro passo da metodologia OVID é identificar os objectos que est?o ligados às tarefas que analisámos anteriormente. Para tal, recorremos a um diagrama de classes ao nível conceptual para identificarmos n?o só os objectos, mas também a forma como este se agrupam e se ligam entre si. Para esta análise é feita uma ordena??o das tarefas por frequência de utiliza??o, para desta forma encontrar quais os objectos mais concretos da aplica??o e quais as rela??es mais fortes entre os mesmos.O diagrama resultante da nossa análise foi o seguinte:Desenhar as VistasDepois de identificarmos os objectos presentes na interface surge ent?o o primeiro esbo?o do aspecto visual da aplica??o. Neste passo n?o interessa tanto a composi??o artística dos elementos da interface, mas sim identificar o tipo de objectos necessários para realizar as tarefas analisadas. Para além disso, ajuda a que no desenvolvimento da aplica??o, se possam identificar claramente quais s?o as vistas que servir?o de base para a aplica??o e quais é que necessitam de um design particular.Em anexo podem ser analisadas as vistas elaboradas para esta fase (Anexo C).Redefinir TarefasCom a elabora??o dos dois passos anteriores, verificamos que algumas tarefas sofreram altera??es e que outras surgiram para responder a necessidades levantadas entretanto. Assim, redefinimos as tarefas para obter uma análise mais de acordo com aquilo que foi desenhado e identificado nos pontos anteriores.O resultado deste redefini??o pode ser visto em anexo (Anexo D).Tabela de Interac??esO último passo do ciclo da metodologia OVID passa pela elabora??o de uma tabela que descreva as interac??es entre o utilizador e os objectos da interface desenhada nos passos anteriores. Este processo é muito importante pois permite simular o contacto de um utilizador com a aplica??o e assim identificar as interac??es com os objectos.Da nossa análise resultou a tabela que está definida em anexo (Anexo E).Anexo A – Análise das TarefasMatriz de Caracteriza??o de UtilizadorUtilizadorProfessor Univ.MédicoEstudanteEngenheiroAdvogadoE1 - Computa??o32452E2 - Domínio31341E3 - Ap. Similares21421Matriz de Caracteriza??o de TarefasTarefasFreq/Import?ncia????Adicionar contexto1 / 31 / 42 / 41 / 31 / 2Modificar contexto1 / 21 / 43 / 51 / 21 / 1Apagar contexto1 / 31 / 31 / 31 / 31 / 2Adicionar aplica??o ext. ao contexto2 / 42 / 53 / 52 / 41 / 3Remover aplica??o ext. do contexto2 / 42 / 42 / 52 / 41 / 3Mudar aplica??o ext. de contexto1 / 31 / 42 / 51 / 31 / 2Associar liga??o de rede a um contexto1 / 41 / 52 / 52 / 51 / 3Desassociar liga??o de rede1 / 31 / 41 / 41 / 41 / 2Catalogar ficheiros para um contexto4 / 43 / 52 / 54 / 54 / 5Alterar label do ficheiro3 / 32 / 33 / 33 / 32 / 2Retirar label do ficheiro2 / 32 / 51 / 31 / 31 / 2Definir grupos de contactos para cada contexto2 / 32 / 44 / 54 / 53 / 4Adicionar contacto ao grupo1 / 32 / 45 / 53 / 43 / 4Mudar contacto de grupo1 / 31 / 32 / 51 / 31 / 2Remover contacto do grupo1 / 31 / 32 / 51 / 31 / 2Definir lista de favoritos para contexto2 / 42 / 33 / 53 / 42 / 3Adicionar link à lista3 / 42 / 34 / 53 / 42 / 2Remover link da lista1 / 21 / 21 / 42 / 41 / 2Adicionar feed RSS ao contexto2 / 31 / 23 / 32 / 41 / 3Mudar feed RSS de contexto1 / 21 / 11 / 21 / 31 / 2Remover feed RSS do contexto1 / 21 / 11 / 21 / 31 / 2Definir agenda para contexto2 / 34 / 53 / 52 / 52 / 4Remover agenda do contexto1 / 22 / 41 / 31 / 31 / 2Adicionar pastas a um contexto3 / 42 / 54 / 53 / 42 / 3Remover pastas a um contexto2 / 32 / 43 / 42 / 41 / 3Proteger o acesso a um contexto2 / 41 / 34 / 41 / 41 / 3Retirar protec??o de um contexto1 / 31 / 32 / 31 / 41 / 3Abrir aplica??o3 / 55 / 54 / 53 / 53 / 5Fechar aplica??o3 / 55 / 54 / 53 / 53 / 5Abrir aplica??o externa4 / 53 / 54 / 54 / 54 / 5Fechar aplica??o externa4 / 53 / 54 / 54 / 54 / 5Mudar de contexto/ambiente3 / 53 / 55 / 54 / 53 / 4Anexo B – Modelos das TarefasAdicionar aplica??o externaAdicionar contactoAdicionar contextoAdicionar feedAdicionar linkAdicionar pastaAlterar ficheiroApagar contextoAssociar liga??o de redeCatalogar ficheiroConfigurar feedsDefinir favoritosDefinir grupoDesassociar liga??o de redeDesproteger contextoModificar contextoMudar contactoMudar aplica??o de contextoProteger contextoRemover aplica??o externaRemover contactoRemover feedRemover ficheiroRemover linkRemover pastaAnexo C – VistasAnexo D – Modelos Refinados das TarefasAdicionar aplica??o externaAdicionar contactoAdicionar contextoAdicionar feedAdicionar ficheiroAdicionar linkAdicionar protec??o do contextoAssociar liga??o de rede ao contxtoConfigurar feedsExecutar aplica??o externaModificar contextoMudar aplica??o de contextoRemover aplica??o externaRemover contactoRemover contextoRemover feedRemover ficheiroRemover liga??o de redeRemover linkRemover protec??o do contextoSair da aplica??oAnexo E – Tabela de Interac??esVistaAc??oRato / TecladoResultadoPreferências News FeedsAbrir menu News FeedsRato: Um click bot?o esquerdoMostra menu e lista de feedsSubscrever FeedEscolher Subscrever feedRato: Um click bot?o esquerdoMostra Form com campos Nome e URLe bot?es Cancel e OKPreencher campo NomeRato: Um click bot?o esquerdo; Teclado: escreverPreenche campo com texto escritoPreencher campo URLRato: Um click bot?o esquerdo; Teclado: escreverPreenche campo com texto escritoEscolher OKRato: Um click bot?o esquerdoDesaparece Form; Adiciona nova feed à lista de feedsEscolher CancelRato: Um click bot?o esquerdoDesaparece FormRemover subscri??oMostrar op??es sobre feedRato: Um click bot?o direitoMostra lista de op??esEscolher Remover subscri??oRato: Um click bot?o esquerdoDesaparece subscri??o da listaAlterar subscri??oEscolher Alterar feedRato: Um click bot?o esquerdoMostra Form com campos Nome e URLe bot?es Cancel e OKListar aplica??esAbrir menu Aplica??esRato: Um click bot?o esquerdoMostra icons das aplica??esPreferências Aplica??esMostrar op??es sobre aplica??oRato: Um click bot?o direitoMostrar lista de op??esMudar aplica??o de contextoEscolher Mudar contextoRato: Um click bot?o esquerdoMostrar lista de contextosEscolher contextoRato: Um click bot?o esquerdoDesaparece lista de contextos, lista de op??es e icon da aplica??oListar contactosAbrir menu ContactosRato: Um click bot?o esquerdoMostra lista contactos, agrupados por grupos, e lista de op??esPreferências do contactoMostrar op??es sobre contactoRato: Um click bot?o direitoMostra lista de op??esAdicionar contactoEscolher Adicionar contactoRato: Um click bot?o esquerdoMostra Form com campos Nome, Tipo de Conta, Conta, Detalhes e bot?es Cancel e OKPreencher campo NomeRato: Um click bot?o esquerdo; Teclado: escreverPreenche campo com texto escritoPreencher campo ContaRato: Um click bot?o esquerdo; Teclado: escreverPreenche campo com texto escritoPreencher campo DetalhesRato: Um click bot?o esquerdo; Teclado: escreverPreenche campo com texto escritoEscolher Tipo de ContaRato: Um click bot?o esquerdoDestaca op??o escolhidaEscolher OKRato: Um click bot?o esquerdoDesaparece Form; Adiciona nova feed à lista de feedsEscolher CancelRato: Um click bot?o esquerdoDesaparece FormEscolher contextoVer informa??o do contextoRato: Hover sobre iconsDestaca icon e mostra informa??o respectivaMudar de contextoRato: Um click bot?o esquerdoAbre contexto escolhidoPreferências contexto ePreferências de um contextoe Modificar contextoEscolher PreferênciasRato: Um click bot?o esquerdoMostra op??o adicionar contexto com form e lista de contextosMostrar op??es sobre contextoRato: Um click bot?o direitoMostra lista de op??esEscolher Modificar contextoRato: Um click bot?o esquerdoMostra form com campo Nome e bot?o de escolha de Icon, Cancel e OKEscolher OKRato: Um click bot?o esquerdoDesaparece Form; Altera nome e icon do contexto na listaEscolher CancelRato: Um click bot?o esquerdoDesaparece FormMenu Aplica??oEscolher Aplica??oRato: Um click bot?o esquerdoApresenta menu da aplica??o (Preferências, Fechar, Ajuda)Preferências da aplica??oEscolher Preferências da Aplica??oRato: Um click bot?o esquerdoApresenta lista (de icons) de op??es de configura??o da aplica??oPreferências liga??es de redeEscolher Liga??es de redeRato: Hover sobre iconDestaca iconRato: Um click bot?o esquerdoMostra janela com lista de liga??es de rede existentes e campo para adicionar liga??o a contexto com menu dropdown com lista de contextos Escolher contexto a adicionarRato: Um click bot?o esquerdo no menu dropdown e outro no contextoDestaca contexto escolhidoEscolher OKRato: Um click bot?o esquerdoDesaparece janela; Adiciona liga??o ao contextoEscolher CancelRato: Um click bot?o esquerdoDesaparece janelaPreferências de seguran?aEscolher Seguran?aRato: Um click bot?o esquerdoMostra janela com lista de contextos e campos Password e Confirma??o de passwordMarcar Adicionar seguran?aRato: Um click bot?o esquerdoColoca visto na op??oPreencher campo PasswordRato: Um click bot?o esquerdo; Teclado: escreverPreenche campo com asteriscosPreencher campo Confirma??o de passwordRato: Um click bot?o esquerdo; Teclado: escreverPreenche campo com asteriscosEscolher OKRato: Um click bot?o esquerdoVerifica se os campos s?o iguais; Desaparece janela; Adiciona protec??o ao contextoEscolher CancelRato: Um click bot?o esquerdoDesaparece janelaLista de Favoritos e Preferências de FavoritosAbrir menu FavoritosRato: Um click bot?o esquerdoMostra lista de favoritos e op??es de adicionar e configurarMostrar op??es sobre item de FavoritosRato: Um ckick bot?o direitoMostra lista de op??es sobre itemListar ficheirosAbrir menu FicheirosRato: Um click bot?o esquerdoApresenta lista de ficheiros e pastas com icons e nomesPreferências de um ficheiroPreferências de um ficheiroRato: Um click bot?o direitoMostra lista de op??esPreferências de ficheiros eAdicionar ficheiro/pastaAbrir menu FicheirosRato: Um click bot?o esquerdoApresenta lista de ficheiros e pastas com icons e nomesEscolher Adicionar ficheiro/pastaRato: Um click bot?o esquerdoMostra popup com inser??o do caminho da ficheira ou pastaTodasDestacar icon ou itemRato: Hover sobre icon ou itemDestaca elemento (real?a em tamanho e com coroa “luminosa”) ................
................

In order to avoid copyright disputes, this page is only a partial summary.

Google Online Preview   Download