Candeo is the bachelor project I developed with my co-worker Christian Siegrist. It’s documentation is available on a seperate website. Please note that all of the content is written in german. If you need the content translated in english or an other language, feel free to get in touch with me.

The Artillery Lab is the predecessor of Artillery.ch. It serves now as a playground and field for experiences with all kind of web related technology.

For the work on my bachelor’s thesis I’ve set up a simple research / documentation / presentation blog for my mentors, involved experts and my co-worker Christian Siegrist and me where we store our thinking. It emerged that this workflow was very good to stay up to date with our research for external people and helped us communicating less directly and therefore beeing more productive.

The Website is now publicly available. Please note that all of the content is written in german.

Brief

Sorry, I didn’t had the chance to put it here but it will follow, promised!

Solution

I focused on the part of receiving search results and then interact with them to intuitively find the best match for a search query. Finding the balance between useful information for a search result and the ability to display a fair amount of different results was my first objective. Sophisticated filter mechanisms based on meta information of every search result allow the user to in- or exclude unrelated result from the list of results. The GUI is clean and free from distractions that do not hold information. Every text-based information is written within rethoric context to create a user-friendly and compelling experience while using the interface.

Brief

Sorry, I didn’t had the chance to put it here but it will follow, promised!

Solution

I developed an interactive map that will be included in the official website of the Cumulus08 website. The map is built in flash and allows the user to easily navigate and explore the city of Zürich. We integrated several sights for people visiting Zürich for the first time as well as for visitors that know all the most known builings. The spots are marked on the map and can be explored by user-interactions. The builidings are lovely illustrated by students from the scientific visualization course.

Bei Refine geht es darum, bestehende Interfaces zu analysieren und durch kleine Anpassungen oder eben “refinements” Verbesserungen in der Benutzbarkeit zu erreichen. Wichtig hierbei ist die Erkenntnis, dass oft durch kleine und kleinste Anpassungen grosse Verbesserungen möglich sind.

Brief

Software Visualization 2 is based on the work from the Software Visualization Project. We had 3 weeks to refine our prototype in partnership with students from the University for IT in Zurich. The working relationship was very useful to check the usability and the value delivered by my visualization.

View the full documentation at iad.projects.hgkz.ch/infovis07

In this second iteration of the En- and Decoding Space project I analized reading structures based on the written word. I experimented with the possiblities of non-linear reading and interactive storytelling. View the results of the first Iteration here

View the full documentation at Project Blog

Brief

Sorry, I didn’t had the chance to put it here but it will follow, promised!

Solution

My solution is based on a radial-organized Structure of the data. A circle representing a package is divided in the subpackages or classes it contains. The methods are attached to the classes they belong to at the periphery of the circle. The angle of a method is generated by the number of lines of code relative to the number of lines of code of the class. It’s cyclomatic complexity is represented by it’s radius and when the cc is reaching a critical level the color turns to red. Calls from one method to another are represented by the lines inside the element. Caller and callee can be identified by the color gradient from green to blue. Appart from the direct interaction with the visualization the interface provides several mechanisms to filter the visualization and receive more detailed information.

View the second iteration of this project here

Brief

Sorry, I didn’t had the chance to put it here but it will follow, promised!

Solution

I took the departure timetable as my data source and wanted to create a live visualization of all the trains leaving Zürich mainstation. The clock with it’s clockwise rotation was the inspiration for the visualization and resulted in the spiral structure the traces of the trains. Everytime a train reaches a station it’s name appears on the screen. Interactions provide the possibilities to rotate and zoom the visualization.