Usabilidad de una biblioteca online con diseño centrado en el usuario

This thesis deals the aspects of usability and design of a web from a user's point of view. The thesis will examine the elements comprised in the development of a web (the human and technological aspects and how the interact). It will explain in depth how to approach these issues correctly or incorrectly, how to avoid dealing with them incorrectly and how to find a happy medium, which is as they say where the virtue lays. The thesis is completed with the practical example of a creation of a web site (the MARK'S SCIENCE on-line library).

Customization, transparency and proximity: a user- centered content strategy applied to the design of a virtual library website

We present a case study of the redesign of the organizational presentation and content of the Virtual Library website at the Universitat Oberta de Catalunya (Open University of Catalonia, UOC), based on a user-centered design strategy. The aim of the redesign was to provide users with more intuitive, usable and understandable content (textual content, resources and services) by implementing criteria of customization, transparency and proximity. The study also presents a selection of best practices for applying these criteria to the design of other library websites.

Customization, transparency and proximity: a user- centered content strategy applied to the design of a virtual library website

We present a case study of the redesign of the organizational presentation and content of the Virtual Library website at the Universitat Oberta de Catalunya (Open University of Catalonia, UOC), based on a user-centered design strategy. The aim of the redesign was to provide users with more intuitive, usable and understandable content (textual content, resources and services) by implementing criteria of customization, transparency and proximity. The study also presents a selection of best practices for applying these criteria to the design of other library websites.

Diseño de los wireframes de una herramienta web dedicada a la búsqueda de empleo, desde el enfoque y metodologías del diseño centrado en el usuario

Este trabajo es un recorrido por el diseño de los wireframes que darán lugar a un sitio web concebido para facilitar la interacción entre personas que buscan empleo y entidades que lo ofrecen. Un diseño basado en las técnicas del diseño centrado en el usuario (DCU) y en el ámbito de la interacción humana con los sistemas informáticos, donde se abarcarán los aspectos básicos necesarios que nos aseguren que el resultado final está en concordancia con los objetivos propuestos en el inicio del proyecto.

Customization, transparency and proximity: a user- centered content strategy applied to the design of a virtual library website

We present a case study of the redesign of the organizational presentation and content of the Virtual Library website at the Universitat Oberta de Catalunya (Open University of Catalonia, UOC), based on a user-centered design strategy. The aim of the redesign was to provide users with more intuitive, usable and understandable content (textual content, resources and services) by implementing criteria of customization, transparency and proximity. The study also presents a selection of best practices for applying these criteria to the design of other library websites.

Estudo das variáveis de rugosidade, dureza e condutividade térmica aplicado à percepção tátil em design de produto

Este trabalho apresenta um estudo sobre a relação existente entre as variáveis de rugosidade, dureza e condutividade térmica de alguns materiais utilizados em design de produto e a percepção tátil. Inicialmente, foram realizadas pesquisas de descritores subjetivos que os usuários relacionavam com o ato de tocar. A partir destes resultados, foram identificadas características superficiais dos materiais que estavam ligadas a estes descritores. Foi possível então, desenvolver amostras em diferentes materiais (cerâmicos, poliméricos, metálicos e naturais), para serem testadas em ensaios diversos. Os primeiros testes realizados, permitiam a visualização das amostras. Posteriormente, foram realizados ensaios de forma que os entrevistados não podiam visualizar as amostras. Desta forma, somente a percepção tátil era testada sem influência dos demais órgãos dos sentidos. Nestes testes, os entrevistados verificavam entre as variáveis abordadas no trabalho (rugosidade, dureza e condutividade térmica), se haviam diferenças entre as amostras e ordenavam de maior à menor conforme o que era percebido. Com base nas respostas obtidas, e também nos valores atribuídos às amostras para as variáveis já relacionadas anteriormente, foi possível verificar limiares de percepção e também, a relação existente entre o que é percebido e os valores atribuídos às respectivas variáveis tecnológicas. Os resultados obtidos indicam que a percepção de diferentes texturas, foi mais facilmente detectada do que diferenças de condutividade térmica e principalmente de dureza. A preferência por texturas menos rugosas foi detectada em grande parte das respostas obtidas Da mesma forma, pode-se dizer que a temperatura ambiente de realização dos testes para condutividade térmica, teve influência direta nas respostas obtidas. Para os ensaios aplicados, não houve diferença grande entre respostas de adultos e de crianças e também entre crianças com deficiência visual e crianças sem deficiência. A investigação da percepção tátil, e posteriormente a relação que se pode fazer desta com algumas das propriedades dos materiais, contribui tanto na seleção de materiais para projeto de produtos, como para seleção de processos de fabricação. Sendo assim, este estudo pode servir como mais uma ferramenta no processo de criação, considerando assim os futuros usuários. Desta maneira, o vínculo entre o usuário e o produto torna-se mais forte, já que este atende às necessidades e também considera a percepção do usuário em relação aos materiais utilizados, podendo, inclusive, evitar um descarte rápido contribuindo para aumentar a sustentabilidade. Além disto, este estudo permite também que a produção nas indústrias de determinados segmentos (têxtil, brinquedos, utensílios, etc.) possa ser orientada de forma que considere limiares de percepção, evitando assim investimentos desnecessários em processos de produção que resultariam em mudanças que podem não ser percebidas pelos usuários. Em suma, os resultados obtidos neste estudo, podem ser utilizados em diversas áreas da Engenharia e do Design, agregando a estas uma ferramenta na orientação de projetos.

A Framework supporting collaboration on the distributed design of integrated systems

The work described in this thesis aims to support the distributed design of integrated systems and considers specifically the need for collaborative interaction among designers. Particular emphasis was given to issues which were only marginally considered in previous approaches, such as the abstraction of the distribution of design automation resources over the network, the possibility of both synchronous and asynchronous interaction among designers and the support for extensible design data models. Such issues demand a rather complex software infrastructure, as possible solutions must encompass a wide range of software modules: from user interfaces to middleware to databases. To build such structure, several engineering techniques were employed and some original solutions were devised. The core of the proposed solution is based in the joint application of two homonymic technologies: CAD Frameworks and object-oriented frameworks. The former concept was coined in the late 80's within the electronic design automation community and comprehends a layered software environment which aims to support CAD tool developers, CAD administrators/integrators and designers. The latter, developed during the last decade by the software engineering community, is a software architecture model to build extensible and reusable object-oriented software subsystems. In this work, we proposed to create an object-oriented framework which includes extensible sets of design data primitives and design tool building blocks. Such object-oriented framework is included within a CAD Framework, where it plays important roles on typical CAD Framework services such as design data representation and management, versioning, user interfaces, design management and tool integration. The implemented CAD Framework - named Cave2 - followed the classical layered architecture presented by Barnes, Harrison, Newton and Spickelmier, but the possibilities granted by the use of the object-oriented framework foundations allowed a series of improvements which were not available in previous approaches: - object-oriented frameworks are extensible by design, thus this should be also true regarding the implemented sets of design data primitives and design tool building blocks. This means that both the design representation model and the software modules dealing with it can be upgraded or adapted to a particular design methodology, and that such extensions and adaptations will still inherit the architectural and functional aspects implemented in the object-oriented framework foundation; - the design semantics and the design visualization are both part of the object-oriented framework, but in clearly separated models. This allows for different visualization strategies for a given design data set, which gives collaborating parties the flexibility to choose individual visualization settings; - the control of the consistency between semantics and visualization - a particularly important issue in a design environment with multiple views of a single design - is also included in the foundations of the object-oriented framework. Such mechanism is generic enough to be also used by further extensions of the design data model, as it is based on the inversion of control between view and semantics. The view receives the user input and propagates such event to the semantic model, which evaluates if a state change is possible. If positive, it triggers the change of state of both semantics and view. Our approach took advantage of such inversion of control and included an layer between semantics and view to take into account the possibility of multi-view consistency; - to optimize the consistency control mechanism between views and semantics, we propose an event-based approach that captures each discrete interaction of a designer with his/her respective design views. The information about each interaction is encapsulated inside an event object, which may be propagated to the design semantics - and thus to other possible views - according to the consistency policy which is being used. Furthermore, the use of event pools allows for a late synchronization between view and semantics in case of unavailability of a network connection between them; - the use of proxy objects raised significantly the abstraction of the integration of design automation resources, as either remote or local tools and services are accessed through method calls in a local object. The connection to remote tools and services using a look-up protocol also abstracted completely the network location of such resources, allowing for resource addition and removal during runtime; - the implemented CAD Framework is completely based on Java technology, so it relies on the Java Virtual Machine as the layer which grants the independence between the CAD Framework and the operating system. All such improvements contributed to a higher abstraction on the distribution of design automation resources and also introduced a new paradigm for the remote interaction between designers. The resulting CAD Framework is able to support fine-grained collaboration based on events, so every single design update performed by a designer can be propagated to the rest of the design team regardless of their location in the distributed environment. This can increase the group awareness and allow a richer transfer of experiences among them, improving significantly the collaboration potential when compared to previously proposed file-based or record-based approaches. Three different case studies were conducted to validate the proposed approach, each one focusing one a subset of the contributions of this thesis. The first one uses the proxy-based resource distribution architecture to implement a prototyping platform using reconfigurable hardware modules. The second one extends the foundations of the implemented object-oriented framework to support interface-based design. Such extensions - design representation primitives and tool blocks - are used to implement a design entry tool named IBlaDe, which allows the collaborative creation of functional and structural models of integrated systems. The third case study regards the possibility of integration of multimedia metadata to the design data model. Such possibility is explored in the frame of an online educational and training platform.

Uma linguagem de modelagem da interação para auxiliar a comunicação designer-usuário

The development of interactive systems involves several professionals and the integration between them normally uses common artifacts, such as models, that drive the development process. In the model-driven development approach, the interaction model is an artifact that includes the most of the aspects related to what and how the user can do while he/she interacting with the system. Furthermore, the interactive model may be used to identify usability problems at design time. Therefore, the central problematic addressed by this thesis is twofold. In the first place, the interaction modeling, in a perspective that helps the designer to explicit to developer, who will implement the interface, the aspcts related to the interaction process. In the second place, the anticipated identification of usability problems, that aims to reduce the application final costs. To achieve these goals, this work presents (i) the ALaDIM language, that aims to help the designer on the conception, representation and validation of his interactive message models; (ii) the ALaDIM editor, which was built using the EMF (Eclipse Modeling Framework) and its standardized technologies by OMG (Object Management Group); and (iii) the ALaDIM inspection method, which allows the anticipated identification of usability problems using ALaDIM models. ALaDIM language and editor were respectively specified and implemented using the OMG standards and they can be used in MDA (Model Driven Architecture) activities. Beyond that, we evaluated both ALaDIM language and editor using a CDN (Cognitive Dimensions of Notations) analysis. Finally, this work reports an experiment that validated the ALaDIM inspection method

Geração de interfaces de usuário de sistemas Web para múltiplos dispositivos com o uso de componentes de IU

This work presents an User Interface (UI) prototypes generation process to the softwares that has a Web browser as a plataform. This process uses UI components more complex than HTML elements. To described this components more complex this work suggest to use the XICL (eXtensinble User Interface Components Language). XICL is a language, based on XML syntax, to describe UI Components and IUs. XICL promotes extensibility and reusability in the User Interface development process. We have developed two compiler. The first one compiles IMML (Interactive Message Modeling Language) code and generates XICL code. The second one compiles XICL code and generates DHTML code

Técnicas baseadas em etnografia e prototipagem no Design de interface de aplicativo mobile para gerenciamento acadêmico

Baseado na metodologia de design participativo, este artigo relata o processo de pesquisa e desenvolvimento de uma versão mobile de um sistema já existente para desktop e amplamente utilizado para o compartilhamento de informações acadêmicas em uma universidade federal do Brasil. A pesquisa foi realizada em duas etapas. Na ‘Etapa I’ foram realizados estudos baseados em etnografia envolvendo docentes e discentes: Grupo de Foco, Análise Contextual, Avaliação Heurística Participativa e Avaliação Cooperativa. Por meio dos resultados foi possível identificar funcionalidades e requisitos desejáveis, problemas de usabilidade de uma versão mobile já em processo inicial de desenvolvimento, bem como e elaboração de uma nova interface gráfica. Na ‘Etapa II’ foram avaliados modelos de interação por meio de protótipos especificamente projetados para testes no mecanismo de lançamento de frequência do sistema mobile que, em seguida, foram avaliados através de testes de usabilidade e questionário de satisfação do usuário.

Projeto, processo e produto: cartografia do design de conexões na televisão digital

Pós-graduação em Televisão Digital: Informação e Conhecimento - FAAC