Author: krushton

Bots and Pans

Bots and Pans was a project for Info 213 – User Interface design. Over the course of the semester, my group took this project through a full design cycle, from initial concept, to contextual inquiry (studying how people interact with their favorite casual games), to paper prototyping and user testing, and finally to an interactive prototype.

View Research Report (PDF)

Key Screens

Bots and Pans - Game Screen
The game screen, where players attempt to prepare the recipe before time runs out.
Bots and Pans - Character Customization
Players could customize their robot character by picking and choosing different body parts.
Bots and Pans - Recipe Book
The Home screen, designed to resemble a recipe book
The tutorial level introduced players to game mechanics
The tutorial level introduced players to game mechanics

Tag Radio

Tag Radio is a music classification visualization that shows the relationships between genres. We used the Last.fm API to pull in the top 50 tags, and then created a python script to measure similarity between a tag and all others based on the number of shared tags. Finally, we used this data to build a visualization with d3.js that arranges these tags in space based on similarity (closer distance = more similar tags).
Tag Radio

Catmonsters

Catmonsters was a webcomic I authored primarily between 2007 and 2009. When I started out, my subpar drawing skills made it tough to create anything resembling a person. As a workaround, I created the Catmonsters, characters who talk and think and behave exactly like people, except with heads shaped like cats and amorphous multicolored bodies.

2008-02-13-coffee

Durian

3VR Web

3VR designs and manufacturers DVRs (digital video recorders) for the security industry. The company’s flagship product is a desktop application, but their customers also require web and mobile access to their security systems. For this project I was tasked with reinvisioning the company’s interface for the web, and produced an interactive prototype to demonstrate some of the design’s concepts.

Key Screens

The main interface is subdivided into three panels - the map view, camera view, and events view
The main interface is subdivided into three panels – the map view, camera view, and events view
The camera view is used for live monitoring of surveillance footage. The user can quickly create and load preconfigured arrangements of cameras
The camera view is used for live monitoring of surveillance footage. The user can quickly create and load preconfigured arrangements of cameras
The map view lets users browse appliances and cameras to monitor by physical location