In the cloud.

I want to tell you a story of my friend. Let's call her Alice. Alice was a university student and she had a lovely laptop with all of her work (and life!) on it. As most of the students, Alice loved drinking coffee, because it helped her stay awake (and meet deadlines!).

One day night, when one of her most important assignments was due and she was in the fifth stage of procrastination, a disaster has happened! She spilled her sweet coffee on her laptop...

Twitter Bootstrap - Introduction

Bootstrap [Lab 1]

Bootstrap can be used to build website quickly and easily. Bootstrap is a front-end framework developed at Twitter to streamline building websites. Front-end refers to a client side of the website and is displayed at the browser window. Framework is a bunch of code that has been written for you already, which you can use to build your website.

Node-level Design


As a part of the Computational Design Research group at Simon Fraser University, I have worked on a node design for GeneretiveComponents new dataflow graph representation, called Graph. The final design presented to Bentley Inc. was a result of a collaborative effort of our group. The prototypes and sketches presented are designed and developed by me, unless otherwise stated.

My MSc Thesis

Enhancing Change Detection and Model Comprehension in Parametric Design Systems

My thesis

Change detection, control and comprehension are important tasks in parametric design for agile analysis and informed decision-making. Increasing complexity of parametric systems interfaces and design models, combined with human visual perception limitations can negatively influence designers' performance.

In this thesis, I investigate change detection and human visual perceptual mechanisms in the context of parametric design. I propose a set of debugging-like interaction techniques on dataflow graph interfaces to assist with change detection and model comprehension by enabling designers to identify data flow effects, parametric dependencies, and changes.

The work presents a series of sketches, interactive demonstrations, as well as a high-fidelity interactive prototype to evaluate the effectiveness of the techniques. The results of the tasks-based talk-aloud user studies support the proposed design and reveal valuable recommendations for further improvements.

The thesis provides generalizable knowledge for change detection and control that can be used in other systems showing similarities to parametric system interfaces.