Relatório Final
Contents
1. aquele onde o PrintShirt est preparado para funcionar uma Tarefa como a Personaliza o de uma T Shirt pode demorar algum tempo e ser bastante mon tona e confusa O PrintShirt n o s simplificou esse processo atrav s das suas 4 fases distintas Selec o Personaliza o Pagamento e Finaliza o como tornou este processo uniforme para outras pe as de roupa poss veis de personalizar Quanto metodologia seguida esta esteve sempre muito perto das orienta es sugeridas pelos docentes e pelas respectivas indica es dadas nas aulas de laborat rio frequentadas Podemos assim concluir e os resultados com Utilizadores confirmam no que os objectivos foram cumpridos e a nossa principal meta a satisfa o de quem usa o produto foi efectivamente alcan ada T REFER NCIAS 1 Human Computer Interaction 3rd ed Alan Dix Janet Finlay Gregory D Abowd Russell Beale 2004 Prentice Hall 2 Attp www adobe com devnet flex 3 Attp www customink com 14 PRINTSHIRT2009 Manual do Utilizador PRINTSHIRT 2009 Primeiros Passos Primeiros passos na personaliza o aon pinsin em Nesta etapa pode iniciar a sua experi ncia ST a PrintShirt de duas formas OU da In cio a Bem Vindo ao PrintShirt o seu software de cria o Por favor escolha uma das op es abaixo um novo projecto ou ent o pode optar por retomar um j existente Fa a duplo clique para seleccionar a op o pretendida e passar2. o e depois num bot o no canto inferior direito para dar continua o ao processo Viola H2 7 Severidade 3 Sugest o Retirar o bot o e dar continua o ao processo quando o utilizador carrega na op o pretendida Antes de seleccionarmos o tipo de pe a que queremos editar nos s o apresentadas op es que dependem do tipo de pe a seleccionada Viola H2 5 Severidade 3 Sugest o N o mostrar op es que dependem de outras op es ainda n o seleccionadas Ap s escolher a imagem que quero usar preciso carregar num bot o OK que n o se distingue muito bem do resto da aplica o Viola H2 8 Severidade 2 Sugest o Dar algum destaque ao bot o OK sendo que se lhe poderia dar alguma cor de forma a chamar a aten o para a necessidade de carregar nesse bot o Durante a edi o de t shirts e afins o bot o Pagamento encontra se activo e vis vel ao utilizador o que pode originar erros Viola H2 5 Severidade 2 Sugest o Desactivar o bot o Pagamento durante a edi o Quando pretendemos aumentar ou diminuir a quantidade de artigos a comprar s o nos apresentadas as teclas e quando a ordem deveria ser e Viola H2 4 Severidade 2 Sugest o Alterar a ordem pela qual os bot es acima referidos s o apresentados Quando queremos seleccionar uma cor para usar s o nos apresentados uma s rie de quadrados com diferentes cores por onde escolher No entanto cada um de
3. pr xima etapa Novo Projecto Carregar Projecto Pode igualmente ap s um clique na op o escolhida passar etapa seguinte clicando no bot o selec o PRINTSHIRT 2009 Escolher uma pe a de roupa Pode escolher uma de 4 pe as de roupa dispon veis cada pe a de roupa tem associada um cojunto de caracter sticas pr prias vis veis abaixo A pe a que escolher agora ser personalizada numa etapa seguinte Clique para seleccionar a op o pretendida ap s a selec o m ser o apresentadas as caracter sticas associadas na janela abaixo Fa a duplo clique na caracteristica pretendida para passar etapa de personaliza o seguinte 200 PrintShirt PrintShirt gt Ecr Inicial gt Selec o Anular Repetir Ajuda Por favor escolha a pe a a utilizar o T Shirt Sweat Shirt Roupa Interior Capa para iPod Ug Parronaliza o PRINTSHIRT 2009 Personalizar uma pe a de roupa A personaliza o pode ser efectuada atrav s de 3 modalidades Imagem Texto e Cor As modalidades Imagem e Texto podem ser aplicadas em diversos lados da pe a de roupa a personalizar bastando para isso seleccionar primeiro o lado e de seguida escolher a modalidade pretendida Para seleccionar uma modalidade de personaliza o clique numa das 3 op es dispon veis Escolha um lado da pe a de roupa Selec o Personaliza o Pagamento Personaliza o PrintShirt g
4. Severidade 4 Sugest o Disponibilizar um slider que altere as dimens es da imagem sem que esta perca o seu aspect ratio v N o clara a possibilidade de introduzir mais do que uma imagem na mesma face da t shirt Viola H2 7 Severidade 2 Sugest o Colocar uma T Shirt Exemplo como T Shirt Inicial com log tipos a dizer Exemplo para ser bem expl cito e assim que o utilizador comece a fazer altera es retirar os log tipos de exemplo v Quando se faz um pagamento n o h maneira de se escolher a forma de pagamento Viola H2 7 Severidade 4 Sugest o Pedir ao utilizador que escolha uma forma de pagamento quando este for necess rio Consolida o da avalia o heur stica Heur stica Frequ ncia Severidade Frequ ncia H2 1 1 0 H2 2 0 1 H2 3 1 2 6 H2 4 2 3 5 H2 5 3 4 3 H2 6 2 Total 14 H2 7 3 Tabela 4 Severidades das viola es H2 8 2 s heur sticas H2 9 0 H2 10 0 Total 14 Tabela 3 Heur sticas violadas 4 3 Segundo prot tipo funcional 4 3 1 Esbo os do segundo prot tipo funcional Figura 8 Escolha de pe as a personalizar Figura 9 Escolha de categoria da imagem a Figura 10 Edi o de uma imagem adicionada a adicionar uma t shirt Figura 11 Vista de uma das mangas da t shirt Figura 12 Pagamento a dinheiro Fig Finaliza o da impress o da t shirt 4 3 2 Avalia o heur stica do segun
5. como o principal recurso utilizado pelos utilizadores 2 210 Quais as restri es de tempo impostas No m ximo os nossos inguiridos estariam dispostos a gastar cerca de 10 15 minutos ou mais no processo criativo 2 2 11 Que acontece se algo correr mal Se algo correr mal durante o processo criativo o utilizador poder sempre voltar atr s e corrigir o seu projecto referente pe a de roupa personalizada onde se encontra a trabalhar actualmente Ou ent o recorrer ajuda dispon vel no PrintShirt 3 MODELO CONCEPTUAL 3 1 Met foras Para o modelo conceptual do PrintShirt centr mos a nossa abordagem em torno de tr s funcionalidades baseadas em t s met foras que em muito resumiam os conceitos que pretend amos implementar A funcionalidade de edi o dos modelos objectos a personalizar suportada pela met fora do livro de recortes a organiza o dos mesmos traduzida na met fora do arquivo de ficheiros e por fim o pagamento do objecto j personalizados pela met fora da m quina autom tica de pagamento nos estacionamentos 3 1 1 Livro de recortes Porque criar e editar um dado modelo projecto como cortar e colar imagens e texto de um livro de recortes 3 1 2 Arquivo de ficheiros Organizar e navegar por entre os modelos como gerir um arquivo de ficheiros 3 1 3 M quina de pagamento de estacionamento Pagar a pe a criada como pagar numa m quina de pagamento de estacionamento 3 2 Conceitos A baixo seguem os dif
6. ocasi o especial a vontade de ter uma pe a nica com boa qualidade e com um processo de cria o f cil Das pessoas que ainda n o adquiriram uma pe a de roupa personalizada os motivos foram os seguintes O pre o era elevado as Imagens e Frases n o eram do gosto do utilizador e a qualidade oferecida n o era satisfat ria Apesar de 50 dos inquiridos n o terem conhecimento dos pre os das pe as de roupa personalizadas 25 acha que os pre os s o bastante elevados para o produto que oferecido Apesar de 45 dos inquiridos n o terem conhecimento da qualidade das pe as de roupa personalizadas 25 acha que esta bastante fraca 45 da base de utilizadores n o sabe classificar o processo de cria o de roupa personalizada mas os restantes classificaram na como bastante variada complicada confusa mas com uma ajuda acess vel sem necessidade de um assistente no local com uma interface pouco apelativa ou agrad vel sendo no entanto um processo r pido e induzindo pouco a erros de cria o 70 dos inquiridos n o sabe quanto tempo demorou durante o processo criativo mas os que se lembram afirmam que demoraram entre 5 a 10 minutos No final do processo a maior parte dos utilizadores n o consegue classificar os resultados obtidos mas os 25 que conseguem afirmam que apesar de a pe a n o ter ficado tal e qual o que se desejava acham ter valido a pena Das caracter sticas que os utilizadores mais apreciariam destacam se p
7. Disciplina de Interfaces Pessoa M quina 2008 2009 PrintShirt Grupo 95 http web ist utl pt ist158401 ipm Frederico Gon alves Henrique Delfina Wladimir Tavares 58439 58401 44726 frederico a goncalves Dist utl pt henrique delfina dist utl pt wladimir tavares Dist utl pt Sum rio Este documento descreve o desenvolvimento do PrintShirt um projecto para um sistema de cria o de pe as de vestu rio acess rios de moda e brindes personalizadas pelo utilizador O PrintShirt foi projectado para ser utilizado num quiosque com ecr t ctil tendo em linha de conta a crescente oferta no mercado de ambientes de manipula o directa a penetra o de sistemas onde se privilegia o self service e o uso generalizado de computadores em aplica es similares 1 INTRODU O O PrintShirt vem responder a um importante problema das pequenas lojas de retalho ou seja oferecer ao seus clientes servi os exclusivos que permitam aos comerciantes fazer face perda de clientes para as grandes superf cies Deste modo pretende se dar a possibilidade aos clientes de comprarem pe as de roupas personaliz veis em que os elementos de personaliza o podem inclusivamente ser do pr prio cliente Para reduzir os custos deste servi o para com o comerciante a impress o das pe as de roupa efectuada directamente na m quina onde realizada a personaliza o Na concep o do PrintShirt aliamos apresenta o minimalista uma linha de
8. Editar frente e verso num modelo colar frente e verso de uma folha de um livro de recortes Pagamento gt pagar o estacionamento inserir o cart o primeiro e depois efectua pagamento Carregar modelo de um cart o de mem ria abrir ficheiro de um arquivo KASK IESS 3 4 Rela es entre Conceitos Para as met foras escolhidas para o Projecto PrintShirt decidiu se optar pelas seguintes rela es entre Conceitos Modelo tem imagens log tipos texto pe a de roupa Pe a de roupa tem cor tamanho tipo t shirt camisola etc Pagamento pode ser em dinheiro cart o de cr dito e desconto de pontos Cart o de pontos tem um utilizador e pontos Um utilizador tem nome e e mail VINIS 3 5 Tarefas 3 5 1 Descri o das 3 Tarefas Tarefa 01 Comprar uma t shirt amarela de tamanho L com o log tipo do IST em grande no peito e da associa o de estudantes do lado esquerdo em cima o do IST j estava dispon vel na m quina mas o outro teve que ser levado num SD card Vai pagar com 50 e receber o troco Tarefa 02 Comprar duas capas para iPod de modelo standard de cor branca com uma imagem predefinida dispon vel no sistema Log tipo da Apple com inser o de texto personalizado por baixo da imagem Nome do Utilizador O utilizador vai pagar com cart o multibanco Tarefa 03 Comprar um P lo Preto de Tamanho M e personaliz lo com base num modelo j existente carregando o na m quina e alterando o modif
9. a deste grupo de forma a avaliar a sua reac o a um prot tipo que por norma n o lhes dirigido 5 5 Metodologia As avalia es foram realizadas junto de um dos v rios balc es dispon veis para se conseguir simular o desconforto que um quiosque provoca num utilizador estar de p e quieto que acaba por limitar a toler ncia do mesmo a situa es de stress Optou se por uma abordagem de observa o directa e pediu se aos utilizadores que fornecessem feedback atrav s de pensamento em voz alta No final procedeu se a uma breve entrevista 5 6 Testes e Medidas Segue se uma tabela com os resultados obtidos da Avalia o Formal com Utilizadores ao Prot tipo PrintShirt O Tempo foi contado em Minutos e os Erros por n mero de ocorr ncias O mesmo erro foi contado tantas vezes quantas foi cometido n o tendo sido ignorado nenhum valor 5 7 Discuss o de Resultados Em rela o informa o estat stica podemos verificar que os resultados obtidos v o muito ao encontro dos resultados esperados excepto na Tarefa 2 onde devido a uma j aprendizagem realizada durante a Tarefa 1 tanto o n mero de erros como o tempo dispendido significativamente menor Na Tarefa 3 realizada apenas por 9 indiv duos nota se como era de esperar um elevado Desvio Padr o consequ ncia da complexidade da Tarefa para alguns utilizadores A aprendizagem ocorrido nas Tarefas 1 e 2 tamb m atenua bastante os resultados da Tarefa 3 Em
10. ao pronto a vestir mais moderno da cidade onde vivia Queria um p lo preto de tamanho M parecido com o do seu amigo Bruno que tinha feito durante o ltimo fim de semana um p lo genial com cita es de grandes m sicas dos anos 90 Assim o Miguel carregou no PrintShirt o projecto que o Bruno amavelmente lhe tinha cedido e come ou a aplicar as altera es que cuidadosamente tinha planeado Primeiro mudou a cor da gola do p lo para um branco suave para contrastar com o preto da pe a que tinha escolhido Quanto s cita es do modelo que tanto lhe chamou aten o o Miguel decidiu dar lhe um novo ar mudando para isso o tipo de letra do projecto original para um que se adequava muito mais nostalgia que os anos 90 lhe recordavam Mudou tamb m a cor destes pequenos fragmentos de texto para que se notassem mais no preto do seu novo p lo Quando acabou lembrou se do cart o de fidelidade PShirt do qual era portador e decidiu utilizar 200 dos 350 pontos que tinha acumulado para que esta nova pe a de roupa lhe ficasse mais em conta Confirmou o desconto obtido e pagou o restante com o Dinheiro que tinha na carteira J estava quase a ir se embora quando se lembrou que o seu irm o Paulo tamb m poderia querer uma destas pe as de arte de vestir e por isso decidiu gravar o seu novo projecto na Pen Drive que trazia sempre consigo 4 EVOLU O DOS PROT TIPOS Inspirados no texto do artigo Prototyping for Tiny Finge
11. do prot tipo funcional do projecto Problemas apontados V Bot o Novo Projecto n o responde aos cliques tem de se carregar em Selec o para prosseguir Viola H2 4 H2 7 Severidade 3 Sugest o Carregar em Novo Projecto o programa segue para o pr ximo passo Eventualmente retirar o bot o Seguinte Na selec o de pe as o programa assume a selec o da primeira pe a e apresenta as op es referentes primeira pe a Viola H5 2 Severidade 3 Sugest o N o mostrar submenus que dependem de op es ainda n o seleccionadas Op o seleccionada n o se diferencia das outras Viola H2 1 Severidade 3 Sugest o Real ar a o objecto seleccionado Nome do ecr actual muito gen rico e pouco indicativo Viola H2 6 Severidade 2 Sugest o Mudar os nomes para Selec o de TShirts Selec o de Capas de iPod Quadrados de selec o de cores demasiado pequeno para ser usado correctamente num ecr touch screen Viola H2 5 Severidade 4 Sugest o reduzir o n mero de cores dispon veis e aumentar o tamanho dos quadrados Na edi o de T Shirts os bot es Esquerda e Direita est o colocados por cima da T Shirt Viola H2 8 Severidade 3 Sugest o Colocar os bot es de forma a n o interferirem com a visualiza o da T Shirt cone de Imagens de Arquivo confuso Viola H2 6 Severidade 2 Sugest o Usar uma imagem mais representativa algo semelha
12. e for necess rio Consolida o da avalia o heur stica Heur stica Frequ ncia Severidade Frequ ncia H2 1 l 0 H2 2 0 l H2 3 l 2 6 H2 4 2 3 5 H2 5 3 4 3 H2 6 2 Total 14 H2 7 3 Tabela 6 Severidades das viola es H2 8 2 s heur sticas H2 9 0 H2 10 0 Total 14 Tabela 5 Heur sticas violadas Descri o e ilustra o da evolu o por que passou o vosso trabalho desde o PBF at ao prot tipo final N o se esque am de referir de modo resumido e consolidado os erros identificados nas v rias avalia es heur sticas realizadas e o modo como estas influenciaram o desenvolvimento do prot tipo 5 TESTES COM UTILIZADORES Os testes que foram realizados interface do PrintShirt incidiram sobretudo nas 3 tarefas propostas aquando do desenvolvimento do prot tipo No entanto de salientar que foi dada liberdade ao utilizador para explorar o software desenvolvido e opinar acerca dos aspectos que o constituem No entanto os utilizadores foram un nimes em afirmar que o conceito da aplica o est bastante interessante bem como algumas das solu es apresentadas pelo grupo aquando do desenvolvimento do mesmo e durante as avalia es a que o seu software foi alvo Os erros mais graves a apontar decorrem de o programa ter sido desenvolvido com uma interface bastante simples e minimalista o que para alguns utilizadores vidos de uma
13. efinidas que o PrintShirt oferecia Decidiu por esse log tipo em grande na frente da T Shirt para que todos pudessem ver Como tamb m queria fazer uma devida homenagem maior associa o de estudantes do pa s a do IST decidiu p r um pequeno emblema na manga do lado esquerdo em cima Assim decidiu descarregar o novo log tipo da AEIST do SD card que trazia consigo para o PrintShirt e aplic lo no devido local Como s tinha a nota de 50 que a av lhe tinha oferecido dias antes decidiu us la na sua compra com a certeza que o PrintShirt lhe devolveria o devido troco 3 7 2 Cen rio de actividades da tarefa 02 Foi a ouvir m sica que a Mariana entrou no pronto a vestir l do bairro para fazer as novas capas para os seus iPods Como gosta dos designs originais da Apple e sejamos honestos uma fan tica da marca da ma decidiu optar pelo modelo standard de cor branca j que o seu leitor de m sica tamb m branco e colocou lhe na frente o log tipo da Apple j que esta imagem j estava dispon vel na m quina Por baixo da ma decidiu p r o seu nome em Letras Garrafais para n o correr o risco de perder os seus leitores de m sica coisa que j aconteceu durante o Ver o passado Por fim e como detesta andar com moeditas nos bolsos decidiu pagar com o seu Visa j que a m quina possibilitava essa op o de pagamento 3 7 3 Cen rio de actividades da tarefa 03 O Miguel j sabia o que queria quando chegou
14. erentes conceitos atributos e ac es que se relacionam como as diferentes met foras do modelo conceptual 3 2 1 Objectos Log tipo Texto Reposit rio de imagens log tipos cita es Modelo pe as de roupa Cart o de fideliza o PShirt Dinheiro Cart o de Cr dito Utilizador Suporte de armazenamento SASSIS 3 2 2 Atributos Cor Tamanho imagem letras log tipos Posi o Orienta o Tipo de letra Estilo de letra Pontos do cart o PShirt Nome do modelo N mero do cart o PShirt Pre o Nome e e mail do utilizador Nome do titular do cart o de cr dito OR No NA w N 09 Ac es Criar e apagar modelos Modificar modelos Pagamento Acrescentar descontar pontos Carregar e gravar modelos Carregar imagens e textos Colar apagar imagens do modelo Modificar imagens e texto Listar modelos Carregar imagens e textos do reposit rio KELLS INS 3 3 Mapeamento Para as met foras escolhidas para o Projecto PrintShirt escolhemos o seguinte mapeamento entre as ac es podem ser efectuados no PrintShirt e a correspondente met fora subjacente Apagar criar modelo gt adicionar remover ficheiro ao arquivo Modificar modelo gt escolher ficheiro do arquivo e manipula lo como se fosse num livro de recortes Juntar imagem a um modelo gt colar fotografias num livro de recortes Adicionar texto ao modelo gt escrever texto num livro de recortes
15. icando a cor da gola para Branco e os textos existentes para um novo tipo de letra e cor O utilizador vai pagar com Dinheiro recebendo o respectivo troco usufruindo de um desconto obtido pela utiliza o de pontos de um cart o de fideliza o PrintShirt No final o utilizador ir guardar o novo modelo substituindo o anterior num Pen Drive 3 5 2 Requisitos Funcionais O sistema deve disponibilizar um mecanismo que possibilite a escolha de entre as v rias pe as de roupa a personalizar Todo o processo criativo que se seguir depender desta escolha No processo criativo devem ser disponibilizados m todos que auxiliem a inser o de texto e ou imagens para a personaliza o da pe a em quest o No final do processo devem ser disponibilizados ao utilizador diversos m todos de pagamento O sistema deve permitir a utiliza o de elementos de personaliza o fornecidos pelo utilizador atrav s de v rios meios O sistema deve disponibilizar mecanismos que permitam ao utilizador guardar e carregar projectos de personaliza o espec ficos Ao longo do processo devem ser disponibilizados ao utilizador m todos que o auxiliem e aconselhem sempre que este necessite 3 6 M tricas de Usabilidade 3 6 1 M tricas da Tarefa 01 Tempo esperado Aproximadamente 7 Minutos Erros esperados 3 Erros A Tarefa sugerida por ser de f cil execu o deve ser executada num espa o de tempo reduzido e adequado mesma Os erros esperado
16. m dia os utilizadores demoraram menos 1 17 Minutos a realizar a tarefa e fizeram menos 1 erro isto face aos valores esperados teoricamente De modo geral os utilizadores no final da breve entrevista confirmavam nos o que n s j esper vamos atrav s de observa o directa ou seja que a experi ncia de utiliza o do prot tipo era agrad vel Foi referido diversas vezes que o prot tipo possu a uma interface limpa e f cil de utilizar argumentos de peso tendo em conta a vida atarefada da generalidade dos clientes com quem tivemos a oportunidade de interagir Outra particularidade bastante apreciada a abordagem guiada pelas diversas op es que permite poupar tempo Durante as avalia es tamb m depar mo nos com utilizadores que preferiam mais funcionalidade mas a grande maioria preferiu a abordagem simples com funcionalidade q b e acima de tudo r pida do prot tipo apresentado 13 6 CONCLUS ES Depois de alguns meses de trabalho com muito gosto que podemos dizer que o PrintShirt est conclu do Como conclus es obtidas com este trabalho podemos real ar a import ncia das interfaces na rela o di ria e cada vez mais constante que o homem tem com a m quina Podemos tamb m concluir com este trabalho que uma aproxima o simples e eficaz a um problema potencialmente intrincado e complexo neste caso a melhor maneira de proceder interac o com o utilizador Num ambiente confuso e movimentado como
17. maior capacidade de personaliza o pareceu insuficiente 5 1 Objectivos Os testes realizados serviram principalmente para despistar poss veis problemas na interface do programa e para estes serem rapidamente corrigidos antes da vers o final do prot tipo A avalia o tamb m serviu para conseguir feedback de quem realmente ir utilizar o PrintShirt e com isso poder melhorar esta aplica o de forma a torn la mais funcional e apta s fun es que pretende cumprir 5 2 Descri o do sistema a testar O PrintShirt uma aplica o de personaliza o e venda de pe as de roupa personalizada materializado na forma de um quiosque dispon vel ao p blico num dado local O sistema disponibiliza um mecanismo que possibilita a escolha de entre as v rias pe as de roupa a personalizar Todo o processo criativo que se segue depende desta escolha No processo criativo s o disponibilizados m todos que auxiliam a inser o de texto e ou imagens para a personaliza o da pe a em quest o No final do processo s o disponibilizados ao utilizador diversos m todos de pagamento O sistema permite ainda a utiliza o de elementos de personaliza o fornecidos pelo utilizador atrav s de v rios meios O sistema deve disponibilizar tamb m mecanismos que permitem ao utilizador guardar e carregar projectos 12 de personaliza o espec ficos Ao longo do processo s o sempre disponibilizados ao utilizador m todos que o auxiliam e ac
18. nte ao cone do ClipArt do Word familiar ao utilizador N o percept vel como alterar tamanho da imagem Viola H2 3 Severidade 4 Sugest o Disponibilizar um slider que altere as dimens es da imagem sem que esta perca o seu aspect ratio N o clara a possibilidade de introduzir mais do que uma imagem na mesma face da t shirt Viola H2 7 Severidade 2 Sugest o Criar t shirts pre definidos j com alguma personaliza o Ap s escolher a imagem que quero usar preciso carregar num bot o OK que n o se distingue muito bem do resto da aplica o Viola H2 8 Severidade 2 Sugest o Dar algum destaque ao bot o OK sendo que se lhe poderia dar alguma cor de forma a chamar a aten o para a necessidade de carregar nesse bot o Durante a edi o de t shirts e afins o bot o Pagamento encontra se activo e vis vel ao utilizador o que pode originar erros Viola H2 5 Severidade 2 Sugest o Desactivar o bot o Pagamento durante a edi o Quando pretendemos aumentar ou diminuir a quantidade de artigos a comprar s o nos apresentadas as teclas e quando a ordem deveria ser e Viola H2 4 Severidade 2 Sugest o Alterar a ordem pela qual os bot es acima referidos s o apresentados Quando se faz um pagamento n o h maneira de se escolher a forma de pagamento Viola H2 7 Severidade 4 11 Sugest o Pedir ao utilizador que escolha uma forma de pagamento quando est
19. onselham sempre que este necessite 5 3 Breve descri o do ambiente onde se realizam as tarefas Na nossa avalia o com utilizadores pretendeu se escolher um local que fosse o mais pr ximo poss vel do ambiente de opera o do PrintShirt A nossa escolha recaiu sobre grandes lojas de roupa assim o utilizador p de tirar proveito dos recursos dispon veis tais como visualizar os t xteis cor textura etc experimentar diversos tamanhos de roupa visualizar eventualmente pe as de roupa previamente produzidas entre v rios Este ambiente de avalia o embora n o seja um laborat rio a nosso ver ideal porque nos permitiu observar a interac o dos utilizadores com o prot tipo bem como a interac o entre eles Assim e de certa forma conseguiu se recriar minimamente as condi es que um utilizador poder encontrar ao utilizar o prot tipo numa loja de roupas ru do interrup es reac o a coment rios de amigos e familiares etc que podem eventualmente afectar o estado emocional e em ltima an lise a interac o com o prot tipo 5 4 Caracter sticas dos participantes O nosso p blico alvo situa se na faixa et ria dos 16 35 anos com habilita es ao n vel do Ensino Secund rio e com razo vel familiaridade com sistemas inform ticos Os sujeitos testados fizeram parte obviamente do p blico alvo pretendido No entanto tomou se a liberdade de proceder ao teste junto de uma pequena quantidade de indiv duos for
20. orienta o do estilo wizard guiando o utilizador numa sucess o de v rias janelas relacionadas com a tarefa a desempenhar apresentando lhe apenas a informa o necess ria para esse passo de personaliza o tendo em vista a minimiza o de eventuais erros durante a execu o da tarefa da tornando f cil e agrad vel a experi ncia de utiliza o Assim a solu o PrintShirt n o s permite aumentar o volume de vendas para os comerciantes como permite aos consumidores aceder a uma ferramenta potente e f cil de utilizar adquirindo pe as exclusivas importantes para o tipo de consumidor que pretende diferenciar se na sociedade 2 AN LISE DE TAREFAS 2 1 An lise dos question rios Dos Inqu ritos recolhidos pudemos obter os seguintes resultados a O utilizador comum situa se na faixa et ria dos 16 35 anos cerca de 80 das respostas recolhidas com habilita es ao n vel do Ensino Secund rio e com razo vel familiaridade com sistemas inform ticos b Quando inquiridos sobre a vontade de ter uma pe a de roupa personalizada as respostas s o un nimes apenas 1 pessoa n o gostava de ter uma pe a deste tipo No entanto apenas 60 g h D k D dos inquiridos sabem onde podem fazer uma pe a deste tipo e apenas 20 j comprou uma pe a deste tipo para si num destes estabelecimentos Das pessoas que j adquiriram uma pe a de roupa personalizada os motivos que as atra ram compra foram a compra para uma
21. r de um conjunto de Para guardar o op es necess rio clicar em projecto actual Cofirmar clique em Guardar PRINTSHIRT 2009 Pagamento ODO Print PrintShirt gt Ecr Inicial gt Selec o gt Personaliza o Pagamento eom E Ap s se ter concluido a personaliza o Po REAR desejada pode se avan ar para a etapa de pagamento O bot o de Pagamento est desabilitado sempre que uma modalidade de personaliza o esteja activa Para se avan ar para a etapa de pagamento preciso clicar em Pagamento Para escolher a quantidade de pe as de roupa pretendidas basta clicar nos bot es de e at perfazer a quantidade pretendida O Pre o total da compra apresentado na caixa 7 v lt T e correspondente Ap s ter a quantidade pretendida Para guardar o basta confirmar clicando em projecto actual Confirma o clique em Guardar PRINTSHIRT 2009 nom PrintShirt Finaliza o PrintShirt gt Ecr Inicial gt Selec o gt Personaliza o gt Pagamento Finalizar Antes de concluir o pagamento preciso decidir se se pretende utilizar os pontos do cart o PRINTSHIRT e o m todo de pagamento Ap s estes passos poss vel iniciar a impress o das pe as de roupa necess rio responder pergunta Anular Repetir Ajuda sobre a utiliza o dos pontos do T EE cart o PRINTSHIRT para se avan ar Caso efectue o pagamento em numer rio necess
22. re a o servi o de personaliza o de T Shirts Loja ou Website 2 2 6 Quais as rela es entre utilizadores e informa o A informa o gerada neste caso obtida pela conjun o de diversos factores cuja responsabilidade inteiramente do utilizador envolvido Com imagens texto e diversos designs o utilizador pode criar modelos que podem posteriormente ser transportados para diversas pe as de roupa serem guardados carregados e at partilhados entre diversos utilizadores 2 2 7 Que outros instrumentos tem o utilizador Para executar as tarefas pretendidas actualmente o utilizador poder ter outras m quinas concorrentes ou at software disponibilizado em websites de lojas da especialidade no entanto na maior parte das vezes o utilizador n o interage directamente na produ o da sua pe a ficando esse trabalho designado a terceiros que se ocupar o dessa parte do processo 2 2 8 Como comunicam os utilizadores entre si Os utilizadores podem comunicar atrav s da partilha de modelos de pe as de roupa atrav s de di logos e ou troca de ideias etc 2 2 9 Qual a frequ ncia de desempenho das tarefas A n vel da frequ ncia dos utilizadores estes fazem uma pe a de roupa personalizada muito esporadicamente na maior parte dos casos apenas em ocasi es especiais Quanto frequ ncia das tarefas praticamente todas s o realizadas aquando da cria o de uma dada pe a mas destacamos a integra o de imagens gr ficas
23. re os mais reduzidos melhor qualidade mais tamanhos cores e modelos maior acessibilidade maior rapidez e uso de tecnologia mais avan ada De notar que cerca de 55 dos utilizadores inquiridos afirma que recorre pr visualiza o constantemente e faria o com mais frequ ncia caso isso fosse poss vel Quando inquiridos sobre a personaliza o de pe as de grandes marcas a maior parte dos inquiridos afirma que estaria interessado apenas se os pre os fossem acess veis Quanto personaliza o de pe as que j lhe pertencessem a maior parte afirma que estaria disposto a isso desde que a qualidade e seguran a fossem asseguradas em quaisquer casos durante o processo de personaliza o Quanto capacidade de Importa o e Exporta o dos modelos criados pelos utilizadores cerca de 75 dos inquiridos aprovam a ideia m Respondendo pergunta sobre como gostariam de ser guiados pelo processo criativo os n 2 2 2 21 utilizadores responderam que preferiam mensagens no ecr v deos explicativos tipo tutorial e por ltimo por um assistente no local No m ximo os nossos inquiridos estariam dispostos a gastar cerca de 10 15 minutos ou mais no processo criativo e cerca de 0 25 mais face a uma pe a simples no pre o da sua pe a personalizada De notar ainda que cerca de 55 dos inquiridos gastaria mais 0 25 na sua pe a para esquecer de vez as preocupa es de lavagem e secagem da sua nova pe a de roupa per
24. rio confirmar o valor introduzido caso efectue um pagamento por MB tem que confirmar o c digo introduzido PRINTSHIRT 2009 Impress o Depois de conclu do o pagamento possivel dar in cio impress o da s pe a s de roupa personalizadas Para iniciar a impress o basta carregar sobre o bot o Iniciar Impress o Caso deseje voltar ao menu inicial para personalizar mais pe as de roupa clique no bot o Menu Inicial 00A PrintShirt PrintShirt gt Ecr Inicial gt Selec o gt Personaliza o gt Pagamento gt Finaliza o etir Ajuda 00O PrintShirt gt Ecr Inicial gt Selec o gt Personaliza o gt Pagamento gt Finaliza o
25. rs constru mos o nosso prot tipo de baixa fidelidade a partir de pequenos recortes de impress es de ecr em pequenas folhas de cartolina com as v rias janelas que ilustram os sucessivos passos de execu o das tarefas a serem suportados pela aplica o Apesar de estar numa fase muito rudimentar e de ter uma apar ncia pouco atractiva pudemos confirmar que de facto como foi dito nas aulas te ricas os avaliadores centraram se mais nas tarefas do que o look and feel do prot tipo Na avalia o deram mais import ncia ao que era essencial para se concretizar a tarefa e muitas das sugest es centraram se no que se podia adicionar interface para que ela providenciasse informa o til A medida que o prot tipo era enriquecido e adquiria forma nas subsequentes avalia es notou se claramente uma crescente preocupa o com aspectos visuais e o enfoque no desempenho das tarefas passou a ser secund rio como se poder confirmar no teor das avalia es abaixo 4 1 1 Prot tipo de baixa fidelidade 4 1 2 Esbo os do primeiro prot tipo de baixa fidelidade Barra de Estado 1 TOR pc o Barra de Estado pe k Sa Toim pms BE esa e a RA TOT SRO a TNN ne ZA q sam om nomeo ONNE Tam ARS Barra de Estado Barra de Estado o 42164 3 cor nor CIMA O Fig 1 Quatros Janelas com detalhes da impress o de pagamento 4 1 3 Avalia o heur
26. rsonaliza o Viola H2 3 Severidade 2 Sugest es Colocar a op o cancelar nas v rias fases da realiza o da tarefa Consolida o da avalia o heur stica Heur stica Frequ ncia Severidade Frequ ncia H2 1 1 0 0 H2 2 0 1 0 H2 3 3 2 5 H2 4 0 3 1 H2 5 0 4 0 H2 6 0 Total 6 H2 7 2 Tabela 2 Severidades das viola es H2 8 0 s heur sticas H2 9 0 H2 10 0 Total 6 Tabela 1 Heur sticas violadas Prot tipo funcional Esbo os do primeiro prot tipo funcional Figura 5 Vista de uma das mangas da t shirt Figura 6 Selec o do m todo de pagamento Figura 7 Finaliza o da impress o da t shirt 4 2 2 Avalia o heur stica do primeiro prot tipo funcional do projecto Ambiente de realiza o dos testes Os testes que puderam ser realizados interface do PrintShirt foram bastante superficiais e limitados dado que o estado de desenvolvimento do programa encontrava se numa fase muito prim ria Os erros mais graves a apontados decorrem de o programa ainda estar inacabado havendo assim a incapacidade de alterar a t shirt ou escolher m todos de pagamento No entanto os grupos avaliadores foram un nimes em afirmar que o conceito da aplica o est bastante interessante bem como algumas das solu es apresentadas pelo grupo Problemas apontados V No menu inicial para escolhermos uma op o temos que carregar nessa op
27. s devem na maior parte dos casos provir da manipula o das imagens e do processo de pagamento 3 6 2 M tricas da Tarefa 02 Tempo esperado Aproximadamente 8 Minutos Erros esperados 4 Erros A Tarefa sugerida por ser de f cil execu o deve ser executada num espa o de tempo tamb m reduzido e adequado mesma Os erros esperados devem por exemplo provir da escolha do modelo da capa para o iPod da manipula o do texto em quest o e tamb m do processo de pagamento utilizado 3 6 3 M tricas da Tarefa 03 Tempo esperado Aproximadamente 12 Minutos Erros esperados 7 Erros A Tarefa sugerida por ser de complexa execu o pode eventualmente demorar mais tempo a ser executada O facto de ser uma tarefa com ndices de utiliza o muito baixos tamb m justifica o elevado tempo esperado e o n mero de erros esperados Os erros podem provir de virtualmente qualquer parte do processo Ou seja no carregamento do projecto na altera o do mesmo da forma de pagamento escolhida da utiliza o dos pontos de fideliza o ou at da grava o do novo projecto 3 7 Cen rios de Actividades 3 7 1 Cen rio de actividades da tarefa 01 Certo dia o Jo o decidiu que queria exprimir todo o seu orgulho acad mico numa T Shirt personalizada Por isso dirigiu se sua loja de pronto a vestir de elei o e deixou toda a sua criatividade fluir Escolheu uma T Shirt L de cor amarela e procurou o log tipo do IST nas ofertas pr d
28. sonalizada Al m das usuais T Shirts a nossa base de inquiridos gostaria de personalizar tamb m Capas para Telem vel iPod Roupa Interior Tops ou Camisolas de Al as Cal as ou Cal es e por ltimo Malas Bolsas Carteiras ou at Gravatas Respostas s 11 perguntas Quem vai utilizar o sistema O utilizador comum situa se na faixa et ria dos 16 35 anos cerca de 80 das respostas recolhidas com habilita es ao n vel do Ensino Secund rio e com razo vel familiaridade com sistemas inform ticos 212 2 Que tarefas executam actualmente Personalizam as suas pe as de roupa maioritariamente T Shirts com diversas imagens e ou texto recorrendo para isso a lojas da especialidade ou a locais que ofere am este servi o 2 2 3 Que tarefas s o desej veis A personaliza o de diversas pe as de roupa de forma autom tica e informatizada sem no entanto interferir com a criatividade do utilizador Tarefas como a inser o de uma imagem quaisquer que seja a sua origem ou a inclus o de texto s o altamente apreciadas 2 2 4 Como se aprendem as tarefas Espera se que o utilizador ao dirigir se a um estabelecimento de personaliza o de T Shirts encontre a ajuda de um respons vel deste estabelecimento que o ponha ao corrente das op es e m todos com que o utilizador pode contar para criar a sua T Shirt personalizada 2 2 5 Onde s o desempenhadas as tarefas As tarefas s o desempenhadas num estabelecimento que ofe
29. sses quadrados demasiado pequeno para ser usado correctamente num ecr touch screen Viola H2 5 Severidade 4 Sugest o Escolher um n mero de cores mais reduzido de forma a poder tornar cada um desses quadrados maior Na edi o de T Shirts os bot es Esquerda e Direita est o colocados por cima da T Shirt Viola H2 8 Severidade 3 Sugest o Colocar os bot es de forma a n o interferirem com a visualiza o da T Shirt Bot o Novo Projecto n o responde aos cliques tem de se carregar em Selec o para prosseguir Viola H2 4 Severidade 3 Sugest o Fazer com que quando uma pessoa carregue em Novo Projecto o programa siga para o pr ximo passo N o claro o bot o que se tem seleccionado Viola H2 1 Severidade 3 Sugest o Mudar a cor do bot o que estiver seleccionado Por exemplo para azul em vez de se mudar s a cor do fundo Nome do ecr actual muito gen rico e n o muito indicativo Selecc o Personaliza o Viola H2 6 Severidade 2 Sugest o Mudar para algo do g nero de Selec o de T Shirts Selec o de Capas de iPod cone de Imagens de Arquivo n o muito claro um asterisco gigante Viola H2 6 Severidade 2 Sugest o Colocar uma imagem que represente uma Imagem Por exemplo algo semelhante ao cone do ClipArt do Word familiar ao utilizador Y N o percept vel como alterar tamanho da imagem Viola H2 3
30. stica do prot tipo de baixa fidelidade do projecto Problemas apontados v Barra de estado n o indica a tarefa que est a ser realizada no momento Viola H2 1 Severidade 3 Sugest o Indicar na barra de estados a tarefa que o utilizador est a realizar em cada momento v Falta da op o que permite abortar a tarefa Viola H2 3 Severidade 2 Sugest o Colocar a op o cancelar nas v rias fases da realiza o da tarefa v Falta de uma op o expl cita para finalizar a tarefa de personaliza o Viola H2 3 Severidade 2 Sugest o Colocar a op o de finalizar o processo no menu de escolha de log tipos O que permite finalizar o processo de personaliza o de uma pe a de roupa ap s a escolha das imagens e conduz ao menu de pagamento a op o actual d pouco destaque ao pagamento A possibilidade de alterar o projecto n o expl cita ex trocar uma imagem retirar uma imagem Viola H2 7 Severidade 2 Sugest o Incluir uma op o para alterar uma personaliza o Falta da possibilidade de escolher v rios log tipos de uma s vez o faz com que tenha que repetir as mesmas ac es varias vezes caso queira personalizar uma pe a com v rios log tipos Viola H2 7 Severidade 2 Sugest o Permitir que sejam seleccionadas v rias imagens para posi es diferentes da pe a de roupa de uma s vez o que evita que as mesmas ac es sejam realizadas v rias vezes Falta da op o para cancelar nas v rias fases da pe
31. t Ecr Inicial gt Selec o gt Personaliza o Ajuda NIS O Imagem Texto Cor Guardar Escolhendo uma das Categorias acima poder personalizar a sua T Shirt Lado Esquerdo Lado Direito Costas As op es relacionadas com as Para guardar o modalidades de personaliza o s o projecto actual apresentadas no campo inferior clique em Guardar I PRINTSHIRT 2009 Cor A cor da pe a de roupa escolhida pode ser alterada atrav s da selec o de uma das varias cores disponiveis A presen a de um wM x numa dada cor indica que a mesma se encontra temporariamente indispon vel Para se chegar a esta modalidade foi necess rio realizar um clique no bot o Cor A escolha de uma cor feita atrav s de um clique na cor pretendida Cores Na com x n o s o visualizadas na pe a de roupa Personaliza o Cor gt Ecr Inicial gt Selec o gt Personaliza o Anular Repetir Ajuda Frente Escolha a Cor para a Pe a de Roupa carregando palete de cores abaixo A sua selec o guardada automaticamente A pe a de roupa apresenta a cor Para guardar o seleccionada actualmente projecto actual clique em Guardar PRINTSHIRT 2009 Personaliza o Texto Texto A pe a de roupa pode ser personalizada com a introdu o de texto O texto introduzido poder ser alterado de 3 O Ta formas diferentes para se sair de cada sub E Q
32. uando estiver satisfeito com as suas modifica es 1 I a a pr carregue no bot o Confirmar categoria necess rio seleccionar o bot o Confirmar PrintShirt gt Ecr Inicial gt Selec o gt Personaliza o Ajuda Frente Para se chegar a esta modalidade foi necess rio realizar um clique no bot o Texto Para sair de um certo conjunto de op es fa a clique no bot o confirmar O conjunto de op es que podem ser aplicadas a uma texto seleccion vel atrav s de uma clique O Texto para personliza o vai ser Para guardar o visivel tanto na caixa para o efeito projecto actual bem como na pe a de roupa clique em Guardar PRINTSHIRT 2009 Imagem poss vel acrescentar imagens para tal necess rio primeiro escolher uma categoria e depois escolher uma imagem das v rias dispon veis Para se chegar a esta modalidade foi necess rio realizar um clique no bot o Imagem Para percorrer as diversas categorias e items dispon veis basta clicar sobre um dos bot es de deslocamento poss vel anular as modifica es realizadas sobre uma imagem clicando em Original As op es Apagar e Posi o permitem remover a imagem bem como alterar a posi o da mesma S POSS VEL ALTERARA POSI O FRENTE Personaliza o Imagem Esp rito Profiss es Profiss es Acad mico da Cidade do Campo N o Dispon vel Natureza gt gt gt Para se sai
Download Pdf Manuals
Related Search