User Interfaces and Difference Visualizations for Alternatives

Designers often create multiple iterations to evaluate alternatives. Todays computer-based tools do not support such easy exploration of a design space, despite the fact that such support has been advocated. This dissertation is centered on this. I begin by investigating the effectiveness of various forms of difference visualizations and support for merging changes within a system targeted at diagrams with node and edge attributes. I evaluated the benefits of the introduced difference visualization techniques in two user studies. I found that the basic side-by-side juxtaposition visualization was not effective and also not well received. For comparing diagrams with matching node positions, participants preferred the side-by-side option with a difference layer. For diagrams with non-matching positions animation was beneficial, but the combination with a difference layer was preferred. Thus, the difference layer technique was useful and a good complement to animation. I continue by investigating if explicit support for design alternatives better supports exploration and creativity in a generative design system. To investigate the new techniques to better support exploration, I built a new system that supports parallel exploration of alternative designs and generation of new structural combinations. I investigate the usefulness of my prototype in two user studies and interviews. The results and feedback suggest and confirm that supporting design alternatives explicitly enables designers to work more creatively. Generative models are often represented as DAGs (directed acyclic graphs) in a dataflow programming environment. Existing approaches to compare such DAGs do not generalize to multiple alternatives. Informed by and building on the first part of my dissertation, I introduce a novel user interface that enables visual differencing and editing alternative graphsspecifically more than two alternatives simultaneously, something that has not been presented before. I also explore multi-monitor support to demonstrate that the difference visualization technique scales well to up to 18 alternatives. The novel jamming space feature makes organizing alternatives on a 23 monitor system easier. To investigate the usability of the new difference visualization method I conducted an exploratory interview with three expert designers. The received comments confirmed that it meets their design goals

Enabling Audiovisual User Interfaces

“Enabling Audiovisual User Interfaces” was a 2-year project, supported by a Marie Curie EU fellowship, conducted at EAVI, Goldsmiths. During the project, I investigated how human-computer interactions can be audiovisualized in order to improve user experience and usability. To address this issue, a new UI paradigm was proposed – AVUI (AudioVisual User Interface). AVUI links interaction, sound and image, building upon the concept of Graphical User Interface (GUI) by adding interconnected sound and image. The research hypothesis was: the introduction of AVUI, integrating interrelated sonic and visual feedback, reacting to user interactions, would lead to more usable, accessible, playful and engaging UIs, as compared to a traditional GUI – particularly in use cases where accessibility and/or engagement were determinant. I applied AVUIs to case studies, which was the object of user testing. After reaching conclusions from these, I proposed an AVUI framework, including software modules and a set of best practices. Dissemination activities were also implemented

A sketching-oriented design method for information visualization software.

The aim of this research is to describe a useful approach for supporting creativity and problem-solving in the design of Information Visualization software. This type of software is useful for helping people to understand large or complex collections of data by making the data easier to see and use. Because it can be so helpful, many people are motivated to create visualization software to address their own unique problems of understanding data. However, the techniques which visualizations use to enhance cognition of data are not widely known. Also, there are currently few resources which comprehensively describe a method for designing novel visualizations. Consequently, people who seek to build new Information Visualization tools are left to consult design examples, guidelines, and reference models, which do not adequately describe the visualization design process. The key question of the research concerns how Information Visualization methodologies should account for representation of the user, existing visualization design knowledge, and sketching. Given that the current methods of Information Visualization design are incomplete and show evidence of significant shortcomings, how can novice visualization design teams bridge these gaps by using methods from other design disciplines to successfully create effective visualizations To investigate this question, several studies were conducted. Also, a design methodology called So Viz was developed. It incorporates a participatory design approach, using sketching and visualization design patterns to support creativity and problem-solving. A prototype was designed using the SoViz approach. The key contributions of this thesis are results which show that Information Visualization designers can benefit from using this method. The thesis presents the results of using SoViz to create an Information Visualization prototype and describes the theoretical consequences for Information Visualization methodology

Proceedings of the 1st International Conference on Live Coding

Open Access peer reviewed papers on live coding published at the 1st International Conference on Live Coding (ICLC) in Leeds