︎

nTop Outline


The Problem




Research
Visual programming today is good, bad, and ugly. 

Recent advances in text-based programming UX are much better at illustrating and communicating complex data relationships than visual programming languages. How might we extend some of these concepts so that they can augment a visual programming language experience?

Ideation
Wireframes
How might this system scale across the entire application? 

UI Components
Panel Design

The Notebook Outline Panel

Outcome & Opportunities