Um motor de jogo é uma ferramenta que facilita a criação de jogos eletrônicos garantindo a reutilização de softwares. Por sua origem tecnológica, os motores de jogo atuais, tanto comerciais quanto acadêmicos, tendem a primar pelo número de funcionalidades específicas, em detrimento da usabilidade, o que amplia o período de tempo necessário para seu aprendizado. Com o objetivo de melhor adaptar um motor de jogo didático às necessidades pedagógicas, este trabalho propõe uma interface interativa para motores denominada Game Wrench e criada através de métodos de Interação Humano-Computador. Como se tratam de áreas multidisciplinares, é também apresentado um embasamento teórico sobre os diversos aspectos envolvidos, a começar pela adoção de uma definição precisa para o conceito de jogo. O cenário específico para o qual este ambiente de programação (motor e interface) foi desenvolvido é composto pelos alunos da disciplina Computação Gráfica da Escola Politécnica da USP, que programam sobre um motor de jogo didático chamado enJine. Através de um protótipo em papel, testes de usabilidade foram realizados com parte desses alunos, o que gerou diversas diretrizes para a programação final da interface. Uma versão preliminar dessa interface usando plataforma Java foi desenvolvida, gerando diversos resultados e contribuições ao longo do processo, como artefatos de projeto (personas, cenários), ferramentas de desenvolvimento (estrutura GAML, classes para enJine, widgets especializados) e diretrizes sobre a metodologia utilizada (avaliação heurística, prototipagem em papel, teste de usabilidade). / Game engines are tools to aid the development of computer and video games through software reuse. Once born in a technological environment, present game engines, either commercial or not, are normally worried more about the number of implemented features than usability issues. These characteristics may extend the period of learning-time. To address the goal of better adapting a didactic game engine to pedagogical needs, this study proposes an interactive interface for engines called Game Wrench, following Computer-Human Interface methods. Being multidisciplinary fields, a theoretical base on the related subjects is presented, starting with a precise definition for the concept of gaming. Undergraduate students of Escola Politecnica da USP enrolled in a Computer Graphics course where they develop games using a didactic engine called enJine, compose the specific scenario for which this programming environment was developed. Using paper prototypes, usability tests were conducted with some of these students, generating a list of guidelines for implementing this interface. A preliminary Java version of the interface was made available, generating results and contribution throughout the design process, such as design artifacts (personas, scenarios), programming tools (GAML specification, enJine classes, specialized widgets) and guidelines for the methodology adopted (heuristic evaluation, paper prototypes, usability tests).

A filmagem e a verbalização são métodos de teste de usabilidade considerados fundamentais para apoiar a avaliação da usabilidade de software, pois permitem ao avaliador coletar dados reais da capacidade de interação de um sistema e sua influência sobre o usuário. Os testes são, geralmente, realizados com usuário reais do software para que os mesmos possam submeter a interface as mais diversas situações. Embora eficazes, a filmagem e a verbalização são pouco eficientes, pois necessitam de muito trabalho para análise dos dados coletados e identificação de problemas de usabilidade. Pesquisas já realizadas na área apontam para um tempo de análise de duas a dez vezes o tempo do teste. Este trabalho teve como objetivo desenvolver um ambiente computacional que utilizava eventos de pronuncia de palavras chave e reações faciais para apoiar o processo de coleta, análise e identificação de interfaces com possíveis problemas de usabilidade de forma rápida e segura. O ambiente foi composto por um aplicativo que monitorava (em segundo plano) a utilização de um determinado aplicativo registrando palavras chave pronunciadas pelo participante e imagens faciais em determinados intervalos de tempo. Além destes dados, imagens das telas do sistema (snapshots) também eram registrados a fim de indicar quais interfaces eram utilizadas no momento de um determinado evento. Após a coleta, estes dados eram organizados e disponibilizados para avaliador com destaques para eventos que poderiam indicar insatisfação do participante ou possíveis problemas na utilização. Foi possível concluir que os eventos relacionados à verbalização com palavras chave foram eficazes para apoiar a tarefa de análise e identificação de interfaces problemáticas, pois as palavras estavam relacionadas com classificadores que indicavam satisfação ou insatisfação por parte do usuário. A atividade de verbalização se mostrou mais eficiente quando a análise de seus dados foi aplicada em conjunto com as imagens faciais, pois permitiram uma análise mais confiável e abrangente. Nesta análise, o avaliador teve condições de identificar quais interfaces do sistema foram mal classificadas pelo usuário e qual era o foco de visão/utilização do usuário no momento do evento. Para análises efetuadas com utilização de palavras chave com/sem utilização de imagens, o tempo gasto para identificar as interfaces e possíveis problemas foi reduzido para menos de duas vezes o tempo de teste. / Filming and verbalization are considered fundamental usability test methods to support software usability evaluation, due to the reason that allows the evaluator to collect real data about the software interaction capacity and how it influences the user. The tests are, usually, performed by real software users because they can submit the system to several situations that were not presupposed by evaluator in the labs. Although effective, the filming and the verbalization are not efficient due to the reason that require a long time to analyzing the data and identify usability problems. Researches performed in the area present that the time to data analysis is two to ten times the test time. This research aimed to develop an environment that used events as words pronounced and face reactions to support the collect, analysis and identification of interfaces with usability problems easily and safe. The environment is composed by a software to monitoring (background) of the user activities. The software collects key words pronounced by the participant and face images in specific time intervals. Besides these data, snapshots of the interfaces were registered in order to present which interfaces were in used in the event moment. After the collect stage, these data were processed and available to the evaluator with highlights to events that could indicate unsatisfactory events or potential utilization problems. In this research, was possible to conclude that the verbalization events using key words were effective to support the analysis and identification of problematic interfaces because the words were related to specific context that indicated the user opinion. The verbalization activities were more effective in the moments that the data analysis was performed using the face images to support it, allowing more reliable and comprehensive data analysis. In this analysis, the evaluator was able to identify which interfaces were classified negatively by the participant and which was the user focus of view/use in the event moment. In analysis performed using key words and/or not using the face images, the time to identifying the interfaces and potentials usability problems was reduced to less than twice the time of test.

A filmagem e a verbalização são métodos de teste de usabilidade considerados fundamentais para apoiar a avaliação da usabilidade de software, pois permitem ao avaliador coletar dados reais da capacidade de interação de um sistema e sua influência sobre o usuário. Os testes são, geralmente, realizados com usuário reais do software para que os mesmos possam submeter a interface as mais diversas situações. Embora eficazes, a filmagem e a verbalização são pouco eficientes, pois necessitam de muito trabalho para análise dos dados coletados e identificação de problemas de usabilidade. Pesquisas já realizadas na área apontam para um tempo de análise de duas a dez vezes o tempo do teste. Este trabalho teve como objetivo desenvolver um ambiente computacional que utilizava eventos de pronuncia de palavras chave e reações faciais para apoiar o processo de coleta, análise e identificação de interfaces com possíveis problemas de usabilidade de forma rápida e segura. O ambiente foi composto por um aplicativo que monitorava (em segundo plano) a utilização de um determinado aplicativo registrando palavras chave pronunciadas pelo participante e imagens faciais em determinados intervalos de tempo. Além destes dados, imagens das telas do sistema (snapshots) também eram registrados a fim de indicar quais interfaces eram utilizadas no momento de um determinado evento. Após a coleta, estes dados eram organizados e disponibilizados para avaliador com destaques para eventos que poderiam indicar insatisfação do participante ou possíveis problemas na utilização. Foi possível concluir que os eventos relacionados à verbalização com palavras chave foram eficazes para apoiar a tarefa de análise e identificação de interfaces problemáticas, pois as palavras estavam relacionadas com classificadores que indicavam satisfação ou insatisfação por parte do usuário. A atividade de verbalização se mostrou mais eficiente quando a análise de seus dados foi aplicada em conjunto com as imagens faciais, pois permitiram uma análise mais confiável e abrangente. Nesta análise, o avaliador teve condições de identificar quais interfaces do sistema foram mal classificadas pelo usuário e qual era o foco de visão/utilização do usuário no momento do evento. Para análises efetuadas com utilização de palavras chave com/sem utilização de imagens, o tempo gasto para identificar as interfaces e possíveis problemas foi reduzido para menos de duas vezes o tempo de teste. / Filming and verbalization are considered fundamental usability test methods to support software usability evaluation, due to the reason that allows the evaluator to collect real data about the software interaction capacity and how it influences the user. The tests are, usually, performed by real software users because they can submit the system to several situations that were not presupposed by evaluator in the labs. Although effective, the filming and the verbalization are not efficient due to the reason that require a long time to analyzing the data and identify usability problems. Researches performed in the area present that the time to data analysis is two to ten times the test time. This research aimed to develop an environment that used events as words pronounced and face reactions to support the collect, analysis and identification of interfaces with usability problems easily and safe. The environment is composed by a software to monitoring (background) of the user activities. The software collects key words pronounced by the participant and face images in specific time intervals. Besides these data, snapshots of the interfaces were registered in order to present which interfaces were in used in the event moment. After the collect stage, these data were processed and available to the evaluator with highlights to events that could indicate unsatisfactory events or potential utilization problems. In this research, was possible to conclude that the verbalization events using key words were effective to support the analysis and identification of problematic interfaces because the words were related to specific context that indicated the user opinion. The verbalization activities were more effective in the moments that the data analysis was performed using the face images to support it, allowing more reliable and comprehensive data analysis. In this analysis, the evaluator was able to identify which interfaces were classified negatively by the participant and which was the user focus of view/use in the event moment. In analysis performed using key words and/or not using the face images, the time to identifying the interfaces and potentials usability problems was reduced to less than twice the time of test.

Um motor de jogo é uma ferramenta que facilita a criação de jogos eletrônicos garantindo a reutilização de softwares. Por sua origem tecnológica, os motores de jogo atuais, tanto comerciais quanto acadêmicos, tendem a primar pelo número de funcionalidades específicas, em detrimento da usabilidade, o que amplia o período de tempo necessário para seu aprendizado. Com o objetivo de melhor adaptar um motor de jogo didático às necessidades pedagógicas, este trabalho propõe uma interface interativa para motores denominada Game Wrench e criada através de métodos de Interação Humano-Computador. Como se tratam de áreas multidisciplinares, é também apresentado um embasamento teórico sobre os diversos aspectos envolvidos, a começar pela adoção de uma definição precisa para o conceito de jogo. O cenário específico para o qual este ambiente de programação (motor e interface) foi desenvolvido é composto pelos alunos da disciplina Computação Gráfica da Escola Politécnica da USP, que programam sobre um motor de jogo didático chamado enJine. Através de um protótipo em papel, testes de usabilidade foram realizados com parte desses alunos, o que gerou diversas diretrizes para a programação final da interface. Uma versão preliminar dessa interface usando plataforma Java foi desenvolvida, gerando diversos resultados e contribuições ao longo do processo, como artefatos de projeto (personas, cenários), ferramentas de desenvolvimento (estrutura GAML, classes para enJine, widgets especializados) e diretrizes sobre a metodologia utilizada (avaliação heurística, prototipagem em papel, teste de usabilidade). / Game engines are tools to aid the development of computer and video games through software reuse. Once born in a technological environment, present game engines, either commercial or not, are normally worried more about the number of implemented features than usability issues. These characteristics may extend the period of learning-time. To address the goal of better adapting a didactic game engine to pedagogical needs, this study proposes an interactive interface for engines called Game Wrench, following Computer-Human Interface methods. Being multidisciplinary fields, a theoretical base on the related subjects is presented, starting with a precise definition for the concept of gaming. Undergraduate students of Escola Politecnica da USP enrolled in a Computer Graphics course where they develop games using a didactic engine called enJine, compose the specific scenario for which this programming environment was developed. Using paper prototypes, usability tests were conducted with some of these students, generating a list of guidelines for implementing this interface. A preliminary Java version of the interface was made available, generating results and contribution throughout the design process, such as design artifacts (personas, scenarios), programming tools (GAML specification, enJine classes, specialized widgets) and guidelines for the methodology adopted (heuristic evaluation, paper prototypes, usability tests).

[pt] Usabilidade em e-learning: avaliação de métodos de apresentação de conteúdo para ensino de software de computação gráfica. Através da internet o conceito de educação a distância foi ampliado de forma significativa. A facilidade de transmissão de conteúdo via internet vem sendo considerada uma alternativa muito útil para o desenvolvimento e capacitação de alunos ao longo dos últimos anos. Essa pesquisa tem como objeto de estudo a interação entre os alunos de design e os sistemas de ensino disponíveis na plataforma web (e-learning) no aprendizado de softwares de computação gráfica. O Brasil encontra-se em fase de consolidação da educação a distância, mas a falta de experiência na transposição do método de ensino para uma nova plataforma de distribuição de informação acarreta em propostas de ensino por vezes dispendiosa e equivocada. Faz-se necessário um conhecimento sólido sobre o comportamento do usuário antes de definir a interface da plataforma. Através de três protótipos de e-learning pôde-se verificar a eficiência e a completude de tarefas propostas a partir das variações no design da interface e nos componentes que apresentam o conteúdo da disciplina. Os resultados obtidos demonstraram que o design de interface para e-learning que leva em conta a redução da carga cognitiva do usuário, usando componentes de apresentação adequados, favorece a compreensão e aprendizado dos softwares de computação gráfica. A pesquisa também comprova que os componentes de vídeo, texto, ilustrações e disponibilidade de arquivos digitais relacionados à tarefa proposta pela disciplina também favorecem um aprendizado mais imersivo e eficiente. / [en] Usability in e-learning: evaluation of methods of presentation of content for teaching computer graphics software. Through the internet the concept of distance education has been significantly expanded. Its ease of transmission has been considered a very useful alternative for the development and training of students over the last few years. This research has as object of study the interaction between design students and education systems available on the web platform (elearning) in learning computer graphics software. Brazil is in the process of consolidating distance education, but the lack of experience in transposing the teaching method to a new information distribution platform leads to sometimes expensive and misleading teaching proposals. A solid understanding of user behavior is necessary before defining the platform interface. Through three prototypes of e-learning it was possible to verify the efficiency and completeness of tasks proposed from the variations in the design of the interface and in the components that present the content of the discipline. The results showed that the e-learning interface design, which takes into account the reduction of the user s cognitive load, using appropriate presentation components, favors the understanding and learning of computer graphics software. The research also proves that the video components, text, illustrations and availability of digital files related to the task proposed by the discipline also favor a more immersive and efficient learning.

[pt] O ritmo acelerado de inovação tecnológica destaca as questões da relação entre usuários, objetos e ambientes digitais, e, evidencia, no contexto das interfaces gráficas, a existência de uma Alfabetização Visual-Digital. O meio digital, construído pela intersecção de diferentes mídias que misturam gêneros visuais distintos, exige dos usuários um conjunto específico de habilidades, uma vez que a instabilidade das interações digitais define uma dinâmica única entre designers, plataformas e usuários. Por isso, torna-se de extrema importância a investigação quanto às diferentes habilidades e processos de alfabetização desenvolvidos por usuários de tecnologia ao interagir na esfera digital. O objetivo desta pesquisa foi pesquisar o impacto da Alfabetização Visual, por meio da aquisição de repertórios, na experiência de usuários no acesso aos dispositivos móveis. Para tanto, trabalhou-se com a hipótese de que um repertório visual limitado é causa direta da ocorrência de uma Alfabetização Digital insuficiente para determinados usuários. Para uma base teórica, foram levantadas a evolução das tecnologias e das interfaces gráficas do usuário (GUIs); além de formalizados os conceitos de Alfabetização Visual e Digital. A partir desse levantamento, foram definidas duas técnicas de avaliação: um Teste de Compreensão Iconográfica e um Teste de Usabilidade. Os resultados finais de ambas as técnicas aplicadas mostraram que a Alfabetização Visual influencia, de fato, no desempenho dos usuários na interação com dispositivos, comprovando que a Alfabetização Digital se relaciona com os repertórios visuais dos indivíduos. / [en] The rapid pace of technical innovation highlights the issues of the relationship between users, digital objects and environments, and, in the context of graphical interfaces, shows the existence of Visual-Digital Literacy. The digital medium, built by the intersection of different media that mix distinct visual genres, requires people to have a specific set of skills, since the instability of digital interactions defines a unique dynamic between designers, platforms and users. Hence, it becomes of the utmost importance to research on the different skills and processes of literacy developed by technology users when interacting in the digital sphere. This master s research proposes as an overall intention to investigate the impact of Visual Literacy, through the acquisition of repertoires, in users access to mobile devices. To that effect, the research hypothesis is that a limited visual repertoire is a direct cause of users deficiency in Digital Literacy skills. For a theoretical basis, the evolution of technologies and graphical user interfaces (GUIs) were raised; as well as outlined the concepts of Visual and Digital Literacy. Succeeding this review, two evaluation techniques were defined: an Iconographic Comprehension Test and a Usability Test. The final results of both applied techniques showed that Visual Literacy does influence on the performance of users in the interaction with devices, proving that Digital Literacy relates to people visual repertoires.

Hos flertalet människor finns en önskan om ett eget sparande, för långsiktiga såväl som kortsiktiga mål. Ser man till dagens bostadsmarknad och i synnerhet Stockholms län, kan det vara svårt för unga vuxna att ta sig in på bostadsmarknaden till följd av att det krävs att man ska ha sparat ihop till en kontantinsats.  Med syftet att motivera och öka individens penningsparande, genomfördes i denna studie en undersökning kring hur man i en applikation kan påverka mänsklig kognition och motivera individen till ett penningsparande. För uppdragsgivarens räkning, IT-konsult bolaget Etimo AB, har en prototyp i form av en sparapplikation utvecklats under denna studie.  Lösningsförslaget är ett resultat som bygger på svar från olika datainsamlingar och teknisk konstruktion. Resultaten från dessa datainsamlingar, där enkätundersökningar samt användbarhetstester utgjorde det viktigaste underlaget, visade att spelifiering är ett koncept som går att använda i en applikation för att påverka mänsklig kognition. Mer specifikt framkom det att element från speldesign såsom troféer samt framstegsmätare i form av poäng och grafer, har en positiv inverkan på användarens motivation. / To establish an own private savings, for both long-term as well as short-term goals, is a wish that most people have. Looking at the current housing market, there can be some difficulties for young adults, especially in the Stockholm county, to become an owner of a household. This due to the fact that an investment of this kind, often requires the individual to save up for a down payment.  This study has been conducted in order to obtain an answer on how to, in an application, affect human cognition and motivate individuals to increase their private savings. As a given assignment from the IT-consulting company Etimo AB, a prototype of a savings-application has been constructed during this study. The solution is a result based on various data collection methods as well as a software development process. The results of the study, in which usability tests and surveys where the most important ones, showed that gamification is a concept which can be used in an application in order to affect human cognition. The results showed more specifically that elements from game design, such as trophies and progress bars, have a positive effect on the users motivation.

Tidigare forskning visar att responstid har stor inverkan på användarens upplevelse online. Trots det saknas tydliga metodiker för hur man ska arbeta med responstid. Med detta i åtanke blev studiens syfte att undersöka hur företag bör arbeta med responstid i webbapplikationer och huruvida man bör ta hjälp av användare i arbetet. Undersökningen skedde med hjälp av en litteraturstudie, följt av sju intervjuer med yrkesverksamma inom IT-branschen. Därefter genomfördes en analys av empirin för att hitta likheter och skillnader i data. Studiens resultat påvisar att man bör definiera krav som är anpassade efter webbapplikationens mål och syfte. Kraven bör definieras för varje funktion i webbapplikationen och vara tydliga samt mätbara. En metod för att uppnå det är att använda SMART-kriterierna. För att säkerställa att kraven uppfylls bör prestandatester genomföras. Dessa bör automatiseras och verktyget som används ska vara anpassat för applikationen. Användare kan med fördel vara involverade i arbetet med responstid. Huruvida användbarhetstest är rätt metod går inte att säkerställa. Monitorering är ett bra komplement i arbetet med krav för responstid, men kan inte återge användarens upplevelse och ersätter inte heller användarmedverkan vid kravframtagning. / Previous research shows that response time has big impact on the user's experience online. Despite this, there are no clear methodologies for how to work with response time. With this in mind, the aim of this study was to investigate how companies should work with response time in web applications and whether one should take help from users. The study was conducted using a literature study, followed by seven interviews with active professionals in the IT industry. An empirical analysis was then performed to find similarities and differences in data. The study's results show that one should define requirements that are adapted to the goals and purpose of the web application. The requirements should be defined for each function in the web application and be clear and measurable. One method of achieving this is to use the SMART criteria. To ensure that the requirements are met, performance tests should be carried out. These should be automated, and the tool used should be adapted for the application. Users can advantageously be involved in the work with response time. Whether usability test is the right method cannot be guaranteed. Monitoring is a good complement in the work with requirements for response time but cannot reproduce the user's experience nor does it replace user involvement in the production of requirements.

<p>Provbanken är en del i ett nationellt provsystem som är tänkt att vara ett bedömningskomplement till existerande prov i gymnasieutbildningen. Växjö universitet har varit delaktig i utvecklingen av prov för de yrkesinriktade ämnena sedan 1997. Eftersom innehållet i dessa numera webbanpassade prov är det väsentliga, måste utformningen av provet göras lättförståelig. Användbarheten måste m a o vara självklar och inte ställa till problem för användaren. Som en av utvecklarna av dessa interaktiva prov, ville jag finna ett sätt att minimera problemen och öka användbarheten. I de bakgrundsstudier som gjordes, fann jag att en iterativ designprocess föreslogs vara den bästa metoden för att åstadkomma mitt mål. Med hjälp av användartest kopplade till teoretiska referensramar, utvärderades ett av proven som skapats vid Växjö universitet. Eftersom ett omvårdnadsprov valdes, blev målgruppen sex omvårdnadselever. Tre av dem deltog i det första användartestet. Datainsamlingen utfördes med hjälp av en kvalitativ metod, där både observationer och intervjuer användes som empiriska insamlingstekniker. I analysen som följdes upptäcktes sex höga eller medelhöga problem, varav tre av de mest akuta valdes att förändras. Dessa problem utvärderades och implementerades med hjälp av teoretiska riktlinjer i en prototyp som användartestades med de tre kvarvarande omvårdnadseleverna. I den analys som gjordes kunde de jämförda resultaten peka på en förbättring av användbarheten i det specifika prov som undersökts. Det kunde dock även konstateras att ett flertal problem återstod för att helt uppnå målet med en minimering av problem.</p><p>Denna uppsats visar på betydelsen av att göra iterativa designprocesser i interaktiva system för att öka dess användbarhet. Studien pekar tydligt på vikten av att göra användartest samt hur teori kan vara ett komplement till utformning av interaktiva gränssnitt.</p> / <p>Provbanken is part of a national examination system, which is meant to be a mark-setting complement to existing tests in the upper secondary school. Växjö University has been part of the development of tests regarding the vocational subjects since 1997. Because the content of these web-adapted tests is essential, the design of the tests must be made easy to understand. In other words, the usability has to be obvious and must not create trouble for the user. As one of the developers of these interactive tests, I wanted to find a way to minimize the problems and increase the usability. In the conducted background studies, I found that the iterative design process was suggested as the best method to achieve my goal. With the help of usability tests applied to theoretical frame of reference, one of the tests created at Växjö University was evaluated. Since a test regarding homecare was chosen, the target group became six homecare students. Three of them took part in the first usability test. The gathering of data was conducted with the help of a qualitative method, where observations and interviews were used as empirical techniques. In the following analysis six high or medium high problems were discovered, out of which three of the most urgent problems were solved. These problems were evaluated and implemented with help of theoretical guidelines into a prototype, which later became usability tested with the three remaining homecare students. In the analysis made, the compared results showed an improvement of the usability in the specific, investigated test. However, it could clearly be stated that several issues persisted until the goal of minimizing the problems could be achieved.</p><p>This thesis shows the importance of performing iterative design processes in interactive systems in order to increase the usability. The study clearly points out the importance of usability tests and how theory can be a complement in the design of interactive interfaces.</p>

This report, in which we have put an emphasis on the word communication, is based on a student software development project conducted during spring 2002. We describe how the use of design tools plays a key role in supporting communication in group activities and to what extent communication can be supported and enhanced by tools such as mock-ups and metaphors in a group project. We also describe a design progress from initial sketches to a final mock-up of a GUI for a postcard demo application. / I denna rapport, som baserar sig på ett studentprojekt utfört under våren 2002, har vi fokuserat på ordet kommunikation. Vi beskriver hur användande av designverktyg kan spela en nyckelroll när det gäller att stöda kommunikation i gruppaktiviteter och i vilken utsträckning kommunikation kan stödas och förstärkas av verktyg som mockuper och metaforer. Vi beskriver också en designprogress från initiala skisser till färdig mockup av ett grafiskt användargränssnitt för en demoapplikation av en vykortstjänst.