The object 'selectable' turns blue when hovered over. 

The object 'selectable' turns blue when hovered over. 

Interstate is a Javascript based programming tool that helps users create graphical-user interfaces. It was created by former HCI PhD student, Stephen Oney. 

I worked on Interstate with PhD student Stephen Oney as an academic researcher in the Carnegie Mellon University Human Computer-Interaction Institute. 

During my time working on Interstate, I created a tutorial to help beginners understand the separate features of Interstate and how to use them. I did this by having frequent discussions with Stephen and his PhD advisor about the goals of the tool and how it works. We chose a task that would help show as many functionalities of Interstate as possible. I then wrote a script going through the steps of how this task can be completed in Interstate. Once the script was created, I tested the usability of the script by conducting think-aloud studies. I did this by sitting down with CMU students and letting them go through the tutorial while using Interstate. I made sure to speak to both skilled programmers and non-programmers. These think-aloud studies helped reveal aspects of using Interstate that the tutorial had not covered. I then wrote out a final version of the tutorial and Stephen implemented it. 
The tutorial can be accessed here.

I also completed multiple cognitive walkthroughs by completing different tasks in Interstate every week. I then gave design recommendations based off of findings.