Por muitos anos os designers resignaram-se em utilizar poucas fontes – as chamadas Safe Fonts – para compor os seus layouts para a web. A partir do momento em que as barreiras técnicas e jurídicas para o uso e aplicação de diferentes arquivos tipográficos na web foram rompidas, em 2009 e 2010, iniciou-se uma nova era para a composição com tipos. Fundidoras digitais disponibilizaram suas fontes para comercialização e os designers web ganharam mais opções para efetuar a composição tipográfica de seus trabalhos. Nos últimos anos, os órgãos que regulamentam o uso de técnicas para a construção da aparência das páginas web especificaram uma série de recursos que possibilitam não só o uso de distintos arquivos de tipos digitais como também ferramentas que permitem ajustes tipográficos precisos e semelhantes aos aplicados na indústria da impressão. Nesse contexto, este trabalho busca identificar o que estas atualizações dos recursos que potencializam qualidades visuais na web implicaram às páginas de notícias brasileiras concebidas desde então. Em um primeiro momento, essa dissertação efetua um levantamento histórico sobre as primeiras fontes, formatos e fundições digitais – na intenção de compreender os diferentes aspectos da tipografia da web. A seguir, se observa especificamente a tipografia na web ao apontar os antigos e atuais métodos de inserção de arquivos tipográficos. Por fim, através de uma análise das últimas atualizações dos layouts dos portais UOL e Terra, além dos jornais on-line O Globo, Folha de S.Paulo, Estadão e Zero Hora, o trabalho traça um retrato das composições tipográficas dos principais sites de notícias brasileiros. Essas aferições oferecem subsídios para se discutir as mudanças do aspecto tipográfico ocorridas nos principais sites de notícias brasileiros – suas dinâmicas, que decorrem das novas ferramentas de edição da aparência tipográfica. A investigação identificou que os novos recursos contribuem para oferecer novos ativos financeiros aos designers de tipos, bem como a possibilidade de aumentar a qualidade visual do trabalho dos designers da web. Entretanto, as interfaces analisadas que utilizam WebFonts demonstraram ausência de mecanismos de proteção ao download ilegal dos arquivos tipográficos, isso fragiliza o patrimônio das fundições. Contudo, essa pesquisa reforça o ponto de vista de que se vive uma fase efervescente tanto para o design de tipos como para o design com tipos na web. / For many years designers resigned themselves to use few typefaces – calls Safe Fonts – to make their layouts for the web. From the moment the technical and legal barriers for use and application of different typographic files on web were broken, in 2010, began a new era for the composition with types. Digital foundries published their fonts for the market and the web designers gained more options to make the composition of his works. In recent years, the organizations that regulate the use of techniques for building the appearance of web pages specified a number of features that not only allow the use of different files of typefaces as well tools that allow accurate and precise typographic adjustments similar to those applied in the printing industry. In this context, this work seeks to identify what these updates of features that enhance visual qualities on web implied to Brazilian news pages designed since then. At first, this dissertation performs a historical survey on the primary typefaces, formats and digital foundries – in an attempt to understand the different aspects of web typography. The following are noted specifically the typography on the web to point the former and current input typographical methods. Finally, through an analysis of the latest updates of the layouts of UOL and Terra portals, in addition to the on-line newspapers O Globo, Folha de S. Paulo, Estadão and Zero Hora, the work builds a panorama of the current typographic compositions of the main sites of Brazilian news. These measurements have been offered subsidies to discuss the changes in the typographical aspects occurred in the main Brazilian news websites – its dynamics, related to changing editing tools of the typographical appearance. This study have shown that the new features contribute to offer new financial assets of the typedesigners, as well as the possibility of increasing the visual quality of the work of web designers. Nevertheless, the interfaces analyzed that using WebFonts demonstrated the absence of protective mechanisms to the illegal downloading of typographic files, which weakens the patrimony of foundries. However, this research reinforces the point of view that we live an effervescent phase both for the type design as to the design with type on the web.

Coleções digitais de mídias, tanto pessoais como online, crescem rapidamente. Para que grandes quantidades de músicas sejam acessíveis à usuários, serviços populares como iTunes, Last.fm e Pandora oferecem recomendações. Essa abordagem livra usuários de lembrarem de músicas, e permite a descoberta de canções novas ou esquecidas. Mas recomendações apresentam problemas com usuários, como credibilidade e falta de controle. A motivação deste trabalho é melhorar a experiência de usuários com recomendações de música através do uso de explicações. Ao usar um sistema de recomendação, a satisfação e aprovação de usuários não depende só da eficácia do algoritmo, mas também de explicações. Pesquisas mostram que estas podem beneficiar sistemas de recomendação, aumentando a credibilidade e satisfação de usuários, ao oferecer mais transparência e formas de correção. O objetivo deste trabalho é projetar e desenvolver uma nova forma de visualização de tags, e testar sua viabilidade para explicar e filtrar recomendações de músicas. Mais precisamente, investigamos se esta visualização pode favorecer as metas de inspeção (scrutability), eficiência, eficácia e satisfação. A partir da pesquisa em necessidades de usuários para recomendações e música, a visualização Tag Strings foi projetada e desenvolvida. Tag Strings inclui tanto a interface da visualização, quanto o processo de coleta e cálculo de relevância de tags e músicas. Para a avaliação da visualização Tag Strings, dois tipos de experimentos foram construídos: a comparação entre uma lista de recomendações com Tag Strings, e a comparação entre o design de referência (baseado nos serviços Last.fm e Pandora) e Tag Strings. A construção desses dois experimentos permitiu a avaliação de Tag Strings como uma forma de explicação para recomendações de música. Os resultados dos experimentos evidenciam que a nova forma de visualização Tag Strings favorece as metas de inspeção (scrutability), eficiência, eficácia e satisfação, melhorando a usabilidade e experiência de usuários com recomendações de música. / Digital media collections, both personal and online, grow rapidly. To make large music collections available to users, popular services such as iTunes, Last.fm and Pandora offer recommendations. This approach frees users from searching for music, and allows for the discovery of new or forgotten items. But recommendations present issues such as user trust and lack of control. The motivation for this project is to improve user experience with music recommendations through explanations. While using a recommendation system, user acceptance and satisfaction depends not only on the algorithm effectiveness, but also on explanations. Research shows that recommendations benefit from explanations, increasing user trust and satisfaction by offering more transparency and scrutability. The goal of this project is to design and develop a new form of tag visualization, and test its feasibility to explain and filter music recommendations. We specifically investigate if the visualization can support the aims of scrutability, efficiency, effectiveness and satisfaction. Based on the user research and needs for music recommendation, the visualization Tag Strings was designed and developed. Tag Strings includes both the visualization interface and the process of collecting and calculation of tag and track relevancy. To evaluate the visualization Tag String, we designed two types of experiments: comparing Tag Strings with a recommendation list, and comparing Tag Strings with a design reference (based on the services Last.fm and Pandora). The design of these two experiments allowed the evaluation of Tag Strings as a form of explanation to music recommendation. The experiment results highlight that the new visualization Tag Strings favors the aims of scrutability, efficiency, effectiveness and satisfaction, improving the user experience with music recommendations.

Do ponto de vista do usuário, a interface é uma das partes mais importantes dos sistemas computacionais, porque por meio dela o usuário vê, ouve e sente. Essa relevância motiva pesquisadores da área de Interação Humano-Computador a estudarem maneiras de se criarem interfaces com design focado em usabilidade. A avaliação da usabilidade de interfaces visa verificar se elas atendem aos requisitos do usuário de forma que as funcionalidades do sistema sejam realizadas de modo efetivo, eficiente e que satisfaça as expectativas do usuário. Tendo em vista que o ciclo de desenvolvimento de software costuma ser longo, avaliações da usabilidade de diferentes versões de interfaces devem ser realizadas no decorrer do processo, como forma de minimizar erros e reduzir custos de produção do sistema. Uma das avaliações de usabilidade mais conhecidas é a avaliação heurística, criada por Jacob Nielsen, que se destaca pelo baixo custo e rapidez de aplicação. Nela, especialistas avaliam as interfaces e os diálogos do sistema com base em um conjunto de regras gerais, as heurísticas, que lhes permitem identificar problemas de usabilidade. Apesar de respeitadas e amplamente usadas, as heurísticas de Nielsen foram criadas sem foco em interfaces de dispositivos móveis, muito difundidos atualmente. Por meio deste trabalho, verificou-se que as heurísticas de Nielsen têm limitações para encontrarem problemas de usabilidade em interfaces de dispositivos móveis. Por conta disso, propôs-se um conjunto de heurísticas para avaliação de interfaces de dispositivos móveis e se definiu um conjunto de diretrizes para o desenvolvimento dessas interfaces. A validação das heurísticas propostas indicou que elas foram mais efetivas que as de Nielsen para encontrarem problemas de usabilidade considerados pelos especialistas como catastróficos ou de baixa gravidade / From the users point of view, the interface is one the most important part of computer systems, because everything he sees, hears and feels are contained therein. This relevance motivates researchers of Human-Computer Interaction to study ways to create interfaces with design focused on usability. The usability evaluation of interfaces aims to determine whether the interfaces meet the requirements of the system so that its functionalities are carried out effectively, efficiently and satisfying the users expectations. Considering that the software development lifecycle is often long, usability evaluations of different versions of interfaces should be made during the process, in order to minimize errors and reduce production costs of the final system. Heuristic evaluation, created by Jacob Nielsen, is one of the most used usability evaluation methods, because of it low cost and ease of implementation. In this evaluation method, experts evaluate interfaces and systems dialogues based on a set of general rules, called heuristics, which enable them to identify usability problems. Although respected and widely used, Nielsens heuristics were not created having mobile devices interfaces in mind. Through this work, it was verified that Nielsens heuristics have limitations in finding usability problems in mobile devices interfaces. Because of this, we proposed a set of heuristics for evaluating interfaces for mobile devices and defined a set of guidelines for the development of these interfaces. The validation of the proposed heuristics indicated that they were more effective than Nielsens to find usability problems considered by experts as catastrophic or of low gravity

Made available in DSpace on 2014-07-29T16:27:56Z (GMT). No. of bitstreams: 1 pre_text_inic.pdf: 140809 bytes, checksum: 0ced9e73c2f65005456f1d41060b67b2 (MD5) Previous issue date: 2009-06-10 / This dissertation takes a look at graphic design for interactive media, specifically online magazines, verifying what media maintains the most aspects relative to print media, and offer solutions to better articulate concepts related to digital support. In a second moment, adopting an editorial model of the magazine Etc/Art as a guide to develop a practical offer to this masters. The purpose of this project is to present coherent solutions with defended concepts and the possibilities raised, to offer the utilization of refined resources of information technology and communication, emphasizing hypertexts structure and media convergence. Beyond this, verifying that many digital magazines still maintain a strong relationship with print media within the elements which compound that and also the final product still resembling the printed version, even though there is an urgency for utilizing better resources, in terms of the relation to interactive support. Finally, point to which aspects of this paper fast forward the discussion, opening a passive structure to technological actualization, refining the graphic project with support of digital media / A dissertação elege como objeto de pesquisa o projeto gráfico para mídias interativas, especificamente para revistas on-line, verifica em que medida as publicações digitais conservam aspectos relativos ao documento impresso, e propõe soluções melhores articuladas com os conceitos relacionados ao suporte digital. Em um segundo momento, adota o modelo editorial da revista Etc/Art como guia para o desenvolvimento de uma proposta prática, a título de produção imagética de mestrado. A proposta de projeto gráfico apresenta soluções coerentes com os conceitos defendidos e as possibilidades levantadas, ao utilizar recursos afinados com as tecnologias da informação e da comunicação, privilegiando a estruturação hipertextual e a convergência de mídias. Além disso, verifica que boa parte das revistas digitais ainda conserva uma forte relação com a mídia impressa em seus elementos constituintes e sua ordenação final, embora haja uma emergência na utilização de recursos melhores assentados em relação ao suporte interativo. Por fim, aponta em quais aspectos a proposta defendida avança na discussão, abrindo-se a uma estrutura passível de atualização tecnológica, afinando o projeto gráfico com seu suporte, o meio digital.

Thesis (Ph.D.)--Aberdeen University, 2009. / Title from web page (viewed on Feb. 23, 2010). Includes bibliographical references.

Do ponto de vista do usuário, a interface é uma das partes mais importantes dos sistemas computacionais, porque por meio dela o usuário vê, ouve e sente. Essa relevância motiva pesquisadores da área de Interação Humano-Computador a estudarem maneiras de se criarem interfaces com design focado em usabilidade. A avaliação da usabilidade de interfaces visa verificar se elas atendem aos requisitos do usuário de forma que as funcionalidades do sistema sejam realizadas de modo efetivo, eficiente e que satisfaça as expectativas do usuário. Tendo em vista que o ciclo de desenvolvimento de software costuma ser longo, avaliações da usabilidade de diferentes versões de interfaces devem ser realizadas no decorrer do processo, como forma de minimizar erros e reduzir custos de produção do sistema. Uma das avaliações de usabilidade mais conhecidas é a avaliação heurística, criada por Jacob Nielsen, que se destaca pelo baixo custo e rapidez de aplicação. Nela, especialistas avaliam as interfaces e os diálogos do sistema com base em um conjunto de regras gerais, as heurísticas, que lhes permitem identificar problemas de usabilidade. Apesar de respeitadas e amplamente usadas, as heurísticas de Nielsen foram criadas sem foco em interfaces de dispositivos móveis, muito difundidos atualmente. Por meio deste trabalho, verificou-se que as heurísticas de Nielsen têm limitações para encontrarem problemas de usabilidade em interfaces de dispositivos móveis. Por conta disso, propôs-se um conjunto de heurísticas para avaliação de interfaces de dispositivos móveis e se definiu um conjunto de diretrizes para o desenvolvimento dessas interfaces. A validação das heurísticas propostas indicou que elas foram mais efetivas que as de Nielsen para encontrarem problemas de usabilidade considerados pelos especialistas como catastróficos ou de baixa gravidade / From the users point of view, the interface is one the most important part of computer systems, because everything he sees, hears and feels are contained therein. This relevance motivates researchers of Human-Computer Interaction to study ways to create interfaces with design focused on usability. The usability evaluation of interfaces aims to determine whether the interfaces meet the requirements of the system so that its functionalities are carried out effectively, efficiently and satisfying the users expectations. Considering that the software development lifecycle is often long, usability evaluations of different versions of interfaces should be made during the process, in order to minimize errors and reduce production costs of the final system. Heuristic evaluation, created by Jacob Nielsen, is one of the most used usability evaluation methods, because of it low cost and ease of implementation. In this evaluation method, experts evaluate interfaces and systems dialogues based on a set of general rules, called heuristics, which enable them to identify usability problems. Although respected and widely used, Nielsens heuristics were not created having mobile devices interfaces in mind. Through this work, it was verified that Nielsens heuristics have limitations in finding usability problems in mobile devices interfaces. Because of this, we proposed a set of heuristics for evaluating interfaces for mobile devices and defined a set of guidelines for the development of these interfaces. The validation of the proposed heuristics indicated that they were more effective than Nielsens to find usability problems considered by experts as catastrophic or of low gravity

Submitted by Johnny Rodrigues (johnnyrodrigues@ufcg.edu.br) on 2018-06-10T18:11:13Z No. of bitstreams: 1 DANIEL LEITE COSTA - DISSERTAÇÃO PPGDsign 2017..pdf: 8286965 bytes, checksum: 3d5d2c433df754acf30ecf88a2748f57 (MD5) / Made available in DSpace on 2018-06-10T18:11:13Z (GMT). No. of bitstreams: 1 DANIEL LEITE COSTA - DISSERTAÇÃO PPGDsign 2017..pdf: 8286965 bytes, checksum: 3d5d2c433df754acf30ecf88a2748f57 (MD5) Previous issue date: 2017-06-30 / O propósito da presente pesquisa foi conceber e parametrizar uma abordagem de avaliação semântica de aspectos visuais e de design de interfaces humano-computador de jogos digitais, incorporando-a à abordagem metodológica multimétodos concebida por Queiroz (2001). A proposição da instância da referida abordagem a jogos digitais justifica-se a partir das particularidades contextuais desta categoria de aplicações de software, em relação a outras categorias, principalmente no que concerne à motivação de uso, sendo necessários processos de avaliação da usabilidade que considerem suas especificidades. A pesquisa também se justifica por expandir o escopo da abordagem original, considerando, além dos aspectos sintáticos, os aspectos de significado e de compreensão. A abordagem foi validada a partir de um estudo de caso, envolvendo o jogo digital Hearthstone: Heroes of Warcraft, no qual se investigou o impacto da inclusão da componente semântica ao processo de avaliação. Assim sendo, foram realizados dois experimentos, com 30 usuários cada. No primeiro grupo, considerou-se unicamente a componente sintática de avaliação, composta por: (i) avaliação heurística, (ii) mensuração do desempenho de uso e (iii) satisfação subjetiva do usuário. No segundo grupo, a componente semântica de avaliação foi incorporada à abordagem multimetodológica. O método de pesquisa foi misto, visando à coleta de dados de natureza qualitativa e quantitativa, sob uma premissa teóricopragmática. O confronto dos resultados obtidos a partir dos quatro diferentes enfoques considerados permitiu inferir impactos e contribuições positivas da integração da componente semântica à abordagem original, o que possibilita tornar mais abrangente e robusto o processo de avaliação da usabilidade da interface considerada / The purpose of this research was double fold: (i) conceiving and parameterizing a semantic approach for evaluating visual and design aspects of human-computer interfaces of digital games; (ii) integrating it into the multi-method approach conceived by Queiroz (2001). Such a research effort can be justified by the contextual particularities of this software application category with regard to other ones, mainly in what concerns use motivation and, the consequent need for a specific usability evaluation approach. The research is also justified by expanding the scope of the original approach, considering, in addition to the syntactic aspects, the aspects of meaning and understanding. The approach was validated from a case study, involving the digital game Hearthstone: Heroes of Warcraft, in which the impact of the inclusion of the semantic component on the evaluation process was investigated. Thus, two experiments were performed, with 30 users each. In the first group, only the syntactic component of evaluation was considered, consisting of: (i) heuristic evaluation, (ii) measurement of performance of use and (iii) subjective satisfaction of the user. In the second group, the semantic component of evaluation was incorporated into the multi-method approach. The research method was mixed, aiming at the collection of data of a qualitative and quantitative nature, under a theoretical-pragmatic premise. The comparison of the results obtained by the considered evaluation strategies revealed positive impacts and contributions of and including semantic aspects to the original approach. This makes it possible to enrich the usability evaluation process of a game interface, by producing complementary and more robust results.

[pt] Um dos requisitos para a usabilidade de um sistema interativo é que os usuários adquiram o conhecimento, denominado de modelo de usabilidade, sobre como aplicar as soluções-em-potencial concebidas pelo designer às tarefas do seu domínio. A abordagem da Engenharia Semiótica apresenta uma perspectiva na qual um sistema interativo é um artefato de metacomunicação através do qual o designer envia uma mensagem que comunica o modelo de usabilidade para o usuário. Partindo desta perspectiva e baseado nos conceitos de semiótica das teorias de Charles S. Peirce e de Umberto Eco desenvolvemos modelos teóricos que descrevem o modelo de usabilidade como sendo o conteúdo da mensagem do designer, a interface de usuário como a sua expressão e o design como sendo uma atividade de produção de signos apoiada por um sistema semiótico, composto por uma linguagem de especificação e por regras que correlacionam as mensagens especificadas aos widgets dos principais padrões e ferramentas de interfaces de usuário. / [en] Interactive systems usability could be enhanced if users learn all the knowledge - the usabilty model - that capability them in applying designer`s potential solutions to domain tasks. The Semiotic Engineering approach perceives interactive systems as metacommunication artifacts that send a message from designer to users whose expression is the lower-level messages exchanged between user and system and whose content is the usability model. Starting from this perspective and based on semiotic theory concepts from Charles S. Peirce and Umberto Eco we present conceptual models to the interface as the expression and to the usability model as the content of designer`s message. We also develop a semiotic system to support user interface design. The system is composed by a specification language and rules that maps specified messagens to user interface widgets. Our emphasis here is not in aesthetics aspects of user interfaces, but in the interactive and performing nature of the interface message as it is carried throughout the computational medium. / [es] Uno de los requisitos para el uso de un sistema interactivo es que los usuarios adquieran conocimiento (denominado de modelo de usabilidad) sobre como aplicar las soluciones-en-potencial concebidas por el diseñador a las tareas de su dominio. El abordaje de la Ingeniería Semiótica presenta define un sistema interactivo como un artefacto de metacomunicación a través del cual el diseñador envía un mensaje que comunica el modelo de usabilidad para el usuario. Partiendo de esta perspectiva y considerando los conceptos de semiótica de las teorías de Charles S. Peirce y de Umberto Eco, desarrollamos modelos teóricos que describen el modelo de usabilidad como el contenido del mensaje del diseñador; la interfaz de usuario como su expresión y el diseño como una actividad de producción de signos apoyada por un sistema semiótico, compuesto por un lenguaje de especificación y por reglas que correlacionan los mensajes especificados a los widgets de los principales padrones y herramientas de interfaces de usuario.

[pt] Veículos autônomos ou Higly Automated Vehicles (HAVs) vêm trazendo novos paradigmas para o campo da ergonomia automotiva. A partir do momento em que motoristas se encontram fora de um loop contínuo de tomada de decisão, suas capacidades de retomada de controle manual do veículo durante situações de emergência são comprometidas. Para mitigar este problema, muitos autores acreditam que um maior entendimento dos padrões de aquisição de informação durante retomadas de controle em automação veicular pode fornecer insumos para a concepção de ferramentas designadas a auxiliar o motorista nesta tarefa, ao fornecer informações relevantes em momentos de necessidade. Baseado nestas questões, esta pesquisa visou categorizar o acesso de motoristas a diferentes informações oferecidas em interfaces de veículos autônomos durante a retomada de controle em diferentes níveis de automação. A pesquisa abordou o problema por meio de experimentos em simuladores de condução, onde motoristas foram expostos a diferentes cenários de retomada de controle, e seu seus padrões de olhar foram avaliados, para se testar a hipótese de que eles geralmente acessam a informação presente na interface apenas durante a retomada de controle em si, para checar o estado do sistema. Os resultados sugerem que o olhar do motorista está sujeito a influência de dois fatores: nível de automação e tarefa desempenhada. Foi observado que uma maior a quantidade de informação oferecida na interface aumenta concentração de olhares do motorista nesta região. Informações ativas sobre o ambiente melhoraram o desempenho do motorista durante as retomadas, porém tal benefício não se refletiu em uma maior usabilidade percebida. / [en] Highly automated vehicles (HAVs) are bringing new perspectives for the field of automotive ergonomics. By the time the driver is not constantly on the decision-making loop of the task, his/her performance for resuming control of the automation in safety-critical situations seems to be diminished. To mitigate this problem, many authors believe that by understanding drivers information scanning patterns and decision-making process during transitions of control in vehicle automation it is possible to design tools better adapted to support them in this activity, by providing relevant information in appropriate times. Based on this issue, this research aimed to categorize driver s reliance on the different information provided by the system s HMI during transitions of control in different levels of automation. The research followed a driving simulator experimental approach, where drivers were exposed to different take-over scenarios and their gaze behaviour was measured to test the hypothesis that they generally rely on information on the road to gain situation awareness, and only access the information on the HMI in cases of transitions of control, to check the system status. The results suggest that driver s gaze behaviour patterns are susceptible to influence of two main factors: the level of automation and the task in hand. It was observed that the more information presented on the HMI, the more drivers will look at it. Active information about the road environment have enhanced drivers performance during transitions of control, but it was not reflected in terms of perceived usability of the systems.