Esta dissertação tem por objetivo pesquisar como o design da experiência pode influenciar e contribuir no desenvolvimento de interfaces de produtos, tendo o seu objetivo de aplicação, o desenvolvimento de uma interface de produto para cegos. Para tanto, inicialmente abordam-se aspectos relacionados a interação de cegos com os produtos e com o ambiente externo, contextualização, suas características e necessidades. Também se apresentam os fatores relacionados ao design da experiência, design de interfaces e métodos para o desenvolvimento de produtos com foco no usuário, contexto de uso e usabilidade. Buscam-se os fatores e diretrizes relacionadas a interação e percepção de usuários referente a produtos, assim como, de que forma o projeto da experiência ocorre no desenvolvimento do projeto de design de produto. Após a fundamentação teórica realiza-se a aplicação de um roteiro de desenvolvimento de interface de produto elaborado com base na metodologia de design thinking e diretrizes relacionadas a partir da pesquisa teórica. O roteiro desenvolvido é aplicado no desenvolvimento de uma interface de produto destinada a usuários cegos, sendo realizado por profissionais de design. Ao final desta pesquisa são apresentados os resultados do produto desenvolvido, bem como, o relatório de observação, a partir do acompanhamento da aplicação do roteiro, servindo de referência para projetos futuros. / This thesis aims to investigate how the experience design can influence and contribute to the development of product interfaces, and their goal of application, developing a user interface for blind product. For this purpose, initially addressing himself interacting aspects of the blind with the products and with the external environment, context, their characteristics and needs. It also presents the factors related to experience design, interface design, and methods for developing products with focus on the user, context of use and usability. Seek the factors and guidelines related to interaction and perception of users regarding products, as well as how the experience design occurs in the project development of product design. After the theoretical foundation is realized applying a development roadmap for the product interface developed based on the methodology of design thinking and related guidelines from the theoretical research. The script developed is applied to develop an interface of produce to blind users, being performed by design professionals. At the end of this research are presented the results of the developed product, as well as the observation report from the monitoring of the implementation of the roadmap, providing a reference for future projects.

Hoje a tecnologia digital se aplica de forma maior e mais variada em diversos aspectos do cotidiano. Com esteio nisso objetiva-se identificar aspectos projetuais relevantes no sentido da mediação de conteúdo e potencialização do aprendizado de visitantes em museus por meio da interação com artefatos tecnológicos digitais interativos. Busca-se tal entendimento mediante um estudo de ações projetuais nesta natureza associado a observação do usuário em atividade. Contribuições e influxos para o visitante foram estudados partindo, primeiramente, de uma reunião de padrões e classificações realizadas por alguns autores sobre o tema, para, com amparo nisso, realizar as análises, as quais foram divididas em duas fases. A primeira estruturou-se num estudo de reconhecimento de estratégias projetuais relevantes aplicadas em exemplos notáveis de artefatos estudados, pelo qual foi obtida uma visão geral do estado da arte de aplicações, nacionais e internacionais de designs desta natureza, ensejando a identificação de estratégias projetuais de cunho estrutural e conceitual. Tais análises foram articuladas a um aprofundamento na observação do usuário em interação, por meio de dois estudos de caso selecionados dentre os projetos anteriormente elencados. O primeiro foi o projeto A Voz da Arte, fruto da parceria entre Pinacoteca do Estado de São Paulo e a IBM. Já o segundo se concentra na instalação Relevos da Terra em 3D, situada no Museu Catavento Cultural. A coleta de dados se deu por levantamento de áudio e vídeo da interação de 15 visitantes no primeiro, e 12 no segundo artefato, seguida por entrevistas semiestruturadas com cada usuário, tratando de questões relativas a suas experiências individuais na atividade de interação com interface e conteúdo propostos. Por fim realizou-se uma categorização dos pontos relevantes observados, produzindo um diagrama que sintetiza as estratégias projetuais elencadas em três dimensões de estímulos da interação, divididas em aspectos: materiais; racionais e emocionais. / Today digital technology is applied in a larger and more varied way in different aspects of daily life. Based on this, this research aims to identify relevant design aspects in the sense of content mediation and enhancement of the visitor`s learning in museums through interaction with interactive digital technological artifacts. Such understanding is sought through a study of this nature of designs associated with observation of the user in activity. theoretical contributions and impacts for the visitor were studied, starting from a meeting of standards and classifications carried out by some authors on the subject, in order to carry out the analyzes, which were divided into two phases. The first one was structured in a recognition study of relevant design strategies applied in notable examples of artifacts selected, for which an overview of the state of the art of national and international applications of designs of this nature was obtained, leading to the identification of structural and conceptual design strategies. Such analyzes were articulated to a deepening in the observation of the user in interaction, through two case studies selected among the projects previously listed. The first is the A Voz da Arte project, the result of the partnership between Pinacoteca do Estado de São Paulo and IBM. The second one focuses on the Relevos da Terra em 3D installation, located in the Catavento Cultural Science Museum. The data collection was done by audio and video survey of the interaction of 15 visitors in the first, and 12 in the second artifact, followed by semi-structured interviews with each user, dealing with questions related to their individual experiences in interaction activity with interface and content proposed. Finally, a categorization of the relevant points was carried out, producing a diagram that synthesizes the projected strategies in three dimensions of stimuli, divided into: material; rational and emotional aspects.

Na medida em que surgem novas tecnologias de criação de ambientes tridimensionais virtuais, como o WebGL, ampliam-se as possibilidades de uso destes e possibilita-se um aprimoramento da qualidade gráfica e das formas de interação com os mesmos. A presente pesquisa objetiva aproximar designers e a promissora tecnologia WebGL, ainda muito ligada a conhecedores da programação computacional escrita e distante de grande parte dos designers. Com isso, visa-se melhorar a qualidade de criação e distribuição dos trabalhos de Design Virtual. Para tal, propõe-se uma sistemática de criação de conteúdos interativos tridimensionais utilizando o padrão WebGL, balizada por requisitos estipulados com base na revisão bibliográfica do assunto. Dentre os principais requisitos estão a utilização de softwares e recursos que não exijam conhecimentos prévios de linguagem escrita de programação, a compreensão dos três principais pilares dos ambientes virtuais 3D (modelagem, animação e interação) e a exportação facilitada do conteúdo criado em um arquivo (HTML) executável nos principais navegadores web, empregando o padrão WebGL, sem o uso de qualquer complemento (plug-in). Após a análise de 34 ferramentas, escolheu-se o conjunto de programas Blender + Blend4Web para ser utilizado na sistemática. Como resultado, obteve-se uma sistemática de criação de ambientes virtuais tridimensionais com recursos bastante diversificados, que se mostrou útil na atualização dos conhecimentos de estudantes e profissionais de Design Virtual. / As new technologies for the creation of three-dimensional virtual environments, such as WebGL, the possibilities of their use are expanded and it is possible to improve the graphic quality and the ways of interacting with them. The present research aims to approach designers and the promising WebGL technology, still very much related to the knowledge of the written and distant programming of most of the designers. With this, it aims to improve the quality of creation and distribution of the Virtual Design works. For this, a systematic creation of three-dimensional interactive contents using the WebGL standard is proposed, based on requirements stipulated based on the bibliographic review of the subject. Among the main requirements are the use of software and resources that do not require prior knowledge of written programming language, understanding the three main pillars of 3D virtual environments (modeling, animation and interaction) and facilitating the export of content created in a file (HTML) executable in major web browsers, employing the WebGL standard, without the use of any plug-in. After the analysis of 34 tools, the set of Blender + Blend4Web programs was chosen to be used in the systematics. As a result, a systematic creation of threedimensional virtual environments with very diversified resources was obtained, which proved useful in updating the knowledge of students and professionals of Virtual Design.

A presente pesquisa objetiva propor uma metodologia que oriente o design de interface de ambiente virtual centrado no usuário que seja sistematizada como processo de desenvolvimento de produto, com princípios de design de interação e considerando aspectos de usabilidade e ergonomia, de modo a favorecer o trabalho do usuário, permitindo a apropriação do conteúdo e a execução das tarefas através das funcionalidades do sistema. Para consecução do trabalho foram investigados: os Elementos da Experiência do Usuário; as ferramentas de processo de desenvolvimento de produto; as técnicas da Engenharia de Software e os conceitos do Design de Interação. A combinação desses estudos deu origem à metodologia proposta nesta pesquisa. Destaca-se que essa metodologia integra a técnica do desdobramento da função qualidade (quality function deployment) a estudos usualmente adotados para o design de interface gráfica. Dessa forma, garantiu-se que as heurísticas de usabilidade encontrassem forte embasamento científico e que os requisitos técnicos refletissem as reais necessidades do usuário. O uso dessa ferramentas de projeto de produto garante, ainda, que a qualidade seja mantida em todas as etapas de design da interface. A aplicabilidade da metodologia foi verificada mediante o projeto de interface do módulo do desenvolvedor (professor/instrutor) do HyperCAL online. / This research aims to propose a methodology to guide the user-centered interface design of virtual environment that is systematized as product development process, with interaction design principles and considering aspects of usability and ergonomics, in order to promote the user's work, allowing the appropriation of content and execution of the tasks through system functionality. To achieve the study were investigated: the Elements of User Experience; the tools of product development process, the techniques of Software Engineering, and the concepts of Interaction Design. The combination of these studies gave rise to the methodology proposed in this research. It is noteworthy that this approach integrates the technique of quality function deployment for studies usually adopted for the interface graphical design. Thus, it was ensured that the usability heuristics had strong scientific basis and that the technical requirements reflect the real needs of the user. Using these tools of product design also guarantees that the quality is maintained at all stages of interface design. The applicability of the methodology was verified through the interface design of the developer's module (professor/instructor) of HyperCAL online.

Este trabalho tem por objetivo estabelecer requisitos para o desenvolvimento de projeto de interfaces para Objetos de Aprendizagem para Educação a Distância (EaD) fundamentados nos princípios do Design de Interação e na Motivação. Para isto, foram investigados: conceitos que envolvem EaD, Objetos de Aprendizagem, Design Instrucional, bem como as metodologias que compreendem o seu desenvolvimento; princípios de Design de Interação que devem ser levados em consideração no desenvolvimento da Interface Gráfica do Usuário; motivação aplicada no Design de Interação de Objetos de Aprendizagem para EaD. Baseados nesta investigação, foram estabelecidos critérios de avaliação de Objetos de Aprendizagem utilizados em EaD, de acordo com os princípios do Design de Interação e Motivação. A partir da relação estabelecida entre as análises de metodologias, trabalho dos projetistas e princípios do Design de Interação e Motivação, formularam-se os requisitos para o desenvolvimento de projeto de interfaces para Objetos de Aprendizagem para EaD fundamentados nos princípios do Design de Interação e na Motivação. / This study aims to establish requirements for the development of interface design for Learning Objects for distance education based on the principles of Interaction Design and Motivation. For this were investigated: concepts that involve distance education, Learning Objects, Instructional Design and the methodologies involving its development, principles of interaction design that must be taken into consideration in the development of Graphical User Interface; motivation applied in Design Interaction of Learning Objects for distance education. Based on that research were established evaluation criteria of learning objects used in distance education in accordance with the principles of Interaction Design and Motivation. From the relationship established between the analysis of methodologies, work of designers and principles of Interaction Design and Motivation are settled the requirements for the development of interface design for Learning Objects for distance education based on the principles of Interaction Design and Motivation.

A Geometria Descritiva (GD) tem por objetivo o estudo e a compreensão de objetos no espaço tridimensional (3D) a partir de suas representações bidimensionais (2D) em um ou mais planos, e vice-versa. No ensino tradicional da GD, os alunos têm dificuldade em transpor a barreira de ordem cognitiva criada no processo de abstração necessário para a compreensão da relação entre as representações bidimensionais e sua correspondência com o objeto tridimensional. A Computação Gráfica e o Design de Interação têm o potencial tecnológico de auxiliar na transposição desta barreira e contribuir para o estudo da Geometria Descritiva melhorando a compreensão espacial. Através do Design de Interação com foco na usabilidade, é possível projetar uma interface para um software de ensino de Geometria Descritiva que relacione as operações nos ambientes 2D e 3D de maneira biunívoca e interativa(em tempo real), compatível com o modo de trabalho gráfico da Geometria Descritiva e suas operações realizadas pelos alunos com o auxílio de instrumentos convencionais do desenho, utilizando para isto a Computação Gráfica. O Objetivo deste trabalho é desenvolver a interface bidimensional do software para o ensino da Geometria Descritiva HyperCAL3D de maneira a permitir a interatividade, mostrando em tempo real as operações descritivas que podem ser feitas tanto no modelo 3D como nas suas representações 2D, sendo visualizadas em ambos ambientes (3D e 2D) simultaneamente para contribuir para o estudo da Geometria Descritiva. Para o desenvolvimento da interface foram investigados os conceitos utilizados na disciplina e os requisitos dos usuários. Foram analisadas as operações realizadas no software, os softwares similares e os modelos conceituais utilizados nas interfaces. Após as intervenções feitas na estrutura de classes e a mudança nas funcionalidades existentes o software foi avaliado por especialistas e pelos usuários (experientes e novatos) em termos de usabilidade. Em uma das avaliações feitas, foi utilizada uma escala S.U.S., onde os usuários classificaram a nova interface como excelente, alcançando 85,41 pontos, bem acima dos 68 pontos de média da escala. / Descriptive Geometry (GD) aims to study and understand objects in three-dimensional space (3D) from their two-dimensional representations (2D) in one or more planes, and vice versa. In traditional GD teaching, students have difficulty transposing the cognitive barrier created in the process of abstraction necessary for understanding the relationship between two-dimensional representations and their correspondence with the three-dimensional object. Computer Graphics and Interaction Design have the technological potential to help transpose this barrier and contribute to the study of Descriptive Geometry in order to improving spatial comprehension. Through Interaction Design with a focus on usability, it is possible to design an interface for Descriptive Geometry teaching software that relates operations in 2D and 3D environments in a biunivocal and interactive (real-time) way, compatible with the graphical work mode of Descriptive Geometry and its operations performed by the students with the aid of conventional instruments of drawing, using for this the Computer Graphics. The objective of this work is to develop the two-dimensional interface of the software HyperCAL3D for the teaching of Descriptive Geometry in order to allow interactivity, showing in real time the descriptive operations that can be done both in the 3D model and in its 2D representations, being visualized in both Environments (3D and 2D) simultaneously to contribute to the study of Descriptive Geometry. For the development of the interface we investigated the concepts used in the discipline and the requirements of the users. The operations performed in the software, the similar software and the conceptual models used in the interfaces were analyzed. After the interventions made in the class structure and the change in the existing functionalities the software was evaluated by experts and users (experienced and novice) in terms of usability. In one of the evaluations made, the S.U.S. scale was used, where users rated the new interface as excellent, reaching 85.41 points, well above the 68 average points of the scale.

Esta dissertação tem por objetivo pesquisar como o design da experiência pode influenciar e contribuir no desenvolvimento de interfaces de produtos, tendo o seu objetivo de aplicação, o desenvolvimento de uma interface de produto para cegos. Para tanto, inicialmente abordam-se aspectos relacionados a interação de cegos com os produtos e com o ambiente externo, contextualização, suas características e necessidades. Também se apresentam os fatores relacionados ao design da experiência, design de interfaces e métodos para o desenvolvimento de produtos com foco no usuário, contexto de uso e usabilidade. Buscam-se os fatores e diretrizes relacionadas a interação e percepção de usuários referente a produtos, assim como, de que forma o projeto da experiência ocorre no desenvolvimento do projeto de design de produto. Após a fundamentação teórica realiza-se a aplicação de um roteiro de desenvolvimento de interface de produto elaborado com base na metodologia de design thinking e diretrizes relacionadas a partir da pesquisa teórica. O roteiro desenvolvido é aplicado no desenvolvimento de uma interface de produto destinada a usuários cegos, sendo realizado por profissionais de design. Ao final desta pesquisa são apresentados os resultados do produto desenvolvido, bem como, o relatório de observação, a partir do acompanhamento da aplicação do roteiro, servindo de referência para projetos futuros. / This thesis aims to investigate how the experience design can influence and contribute to the development of product interfaces, and their goal of application, developing a user interface for blind product. For this purpose, initially addressing himself interacting aspects of the blind with the products and with the external environment, context, their characteristics and needs. It also presents the factors related to experience design, interface design, and methods for developing products with focus on the user, context of use and usability. Seek the factors and guidelines related to interaction and perception of users regarding products, as well as how the experience design occurs in the project development of product design. After the theoretical foundation is realized applying a development roadmap for the product interface developed based on the methodology of design thinking and related guidelines from the theoretical research. The script developed is applied to develop an interface of produce to blind users, being performed by design professionals. At the end of this research are presented the results of the developed product, as well as the observation report from the monitoring of the implementation of the roadmap, providing a reference for future projects.

Esta pesquisa traz um panorama do mercado jornalístico para tablet. Classifica as variações de publicações digitais. Mostra os hábitos de leitura em dispositivos móveis e as formas de negócios. Apresenta como o designer se posiciona nesse fluxo de trabalho. Analisa o caso do jornal O Globo, que, com produtos impressos e digitais, proporcionou entrevistas com designers de diversas mídias. Ainda há a análise de O Globo a Mais, revista exclusivamente digital.

Submitted by DANILO LEME BRESSAN null (estufadodanilo@gmail.com) on 2016-03-28T19:37:06Z No. of bitstreams: 1 1-dissertacão_formatada_depois_defesa.pdf: 8532433 bytes, checksum: e0d94a5a0faa1c8b8ee63f71f6d7fa44 (MD5) / Approved for entry into archive by Ana Paula Grisoto (grisotoana@reitoria.unesp.br) on 2016-03-29T18:08:13Z (GMT) No. of bitstreams: 1 bressan_dl_me_bauru.pdf: 8532433 bytes, checksum: e0d94a5a0faa1c8b8ee63f71f6d7fa44 (MD5) / Made available in DSpace on 2016-03-29T18:08:13Z (GMT). No. of bitstreams: 1 bressan_dl_me_bauru.pdf: 8532433 bytes, checksum: e0d94a5a0faa1c8b8ee63f71f6d7fa44 (MD5) Previous issue date: 2016-02-29 / O trabalho apresenta estudos sobre os elementos audiovisuais e de design em revistas digitais hipermidiáticas. O objetivo é revisar conceitos relacionados ao tema, caracterizar os diferentes tipos de revistas digitais, explorar os recursos envolvidos em seu processo de desenvolvimento e, ao final, apresentar um protótipo de revista digital hipermidiática elaborado a partir de uma edição da revista “UNESP Ciência”. O embasamento metodológico do trabalho inclui uma pesquisa exploratória com revisão de bibliografia sobre design editorial, design de interação e usabilidade em interfaces digitais interativas e, também, uma análise de revistas digitais selecionadas disponíveis no mercado. Para o desenvolvimento de uma edição original da revista, foram empregadas técnicas de modelagem de produtos editoriais para mídias digitais e de prototipagem de publicações com uso do software Adobe® InDesign e do plugin nativo Adobe® Digital Publishing. Desta forma, o trabalho pretende apresentar um exemplar original de revista digital hipermidiática e contribuir, assim, para a compreensão e o exame dos processos de desenvolvimento de produtos editoriais para dispositivos móveis. / This work studies and explores audiovisual aspects and other elements in the design of hypermedia digital magazines. The aim is to review concepts related to the topic, characterize different types of digital magazines, explore the resources involved in their development process and, ultimately, present a hypermedia digital magazine prototype made from an edition of the “UNESP Ciência” magazine. The methodological basis of this work includes literature review on editorial design, interaction design and usability in interactive digital interfaces, as well as an analysis of selected digital magazines available on the market. For the development of an original issue of the magazine, were applied modeling techniques for digital publishing and media prototyping with the use of Adobe® InDesign software and its native plugin Adobe® Digital Publishing. As a result, is presented an edition of an hypermedia digital magazine, with a contribution for the understanding and examination of the development processes of such editorial products adapted to mobile devices.

A presente pesquisa objetiva propor uma metodologia que oriente o design de interface de ambiente virtual centrado no usuário que seja sistematizada como processo de desenvolvimento de produto, com princípios de design de interação e considerando aspectos de usabilidade e ergonomia, de modo a favorecer o trabalho do usuário, permitindo a apropriação do conteúdo e a execução das tarefas através das funcionalidades do sistema. Para consecução do trabalho foram investigados: os Elementos da Experiência do Usuário; as ferramentas de processo de desenvolvimento de produto; as técnicas da Engenharia de Software e os conceitos do Design de Interação. A combinação desses estudos deu origem à metodologia proposta nesta pesquisa. Destaca-se que essa metodologia integra a técnica do desdobramento da função qualidade (quality function deployment) a estudos usualmente adotados para o design de interface gráfica. Dessa forma, garantiu-se que as heurísticas de usabilidade encontrassem forte embasamento científico e que os requisitos técnicos refletissem as reais necessidades do usuário. O uso dessa ferramentas de projeto de produto garante, ainda, que a qualidade seja mantida em todas as etapas de design da interface. A aplicabilidade da metodologia foi verificada mediante o projeto de interface do módulo do desenvolvedor (professor/instrutor) do HyperCAL online. / This research aims to propose a methodology to guide the user-centered interface design of virtual environment that is systematized as product development process, with interaction design principles and considering aspects of usability and ergonomics, in order to promote the user's work, allowing the appropriation of content and execution of the tasks through system functionality. To achieve the study were investigated: the Elements of User Experience; the tools of product development process, the techniques of Software Engineering, and the concepts of Interaction Design. The combination of these studies gave rise to the methodology proposed in this research. It is noteworthy that this approach integrates the technique of quality function deployment for studies usually adopted for the interface graphical design. Thus, it was ensured that the usability heuristics had strong scientific basis and that the technical requirements reflect the real needs of the user. Using these tools of product design also guarantees that the quality is maintained at all stages of interface design. The applicability of the methodology was verified through the interface design of the developer's module (professor/instructor) of HyperCAL online.