top of page

Syntax

Role: Developer, Interaction Designer,

Team: Zach, Zhuyuan

Syntax is a poem/story/idea generator that allows multiple participants to collaborate and have fun together. 

 

Main Features: 

  1. Work synchronously or asynchronously.

  2. Develop ideas and chains of text around a central theme.

  3. Experiment with positioning and re-organization of prose.

  4. Use color to further differentiate ideas.

  5. Save the work in the form of an art poster.

Send your friends with the link: https://resedahe.github.io/syntax/
and interact with your friends below: 

Introduction Video

System Diagram

User Flow

Screen Shot 2020-10-09 at 3.58.55 PM.png

Architecture

Asset 1.png

Prototype 1: 

Our first concept concept sketch. At this point, lacking specific rules, semantics, and “boundaries.”

Syntax App Sketch.jpg

Prototype 2: 

Below, designing functionality, and exploring use of color. Still trying to differentiate it from other whiteboard apps, and the color isn’t a great match for the theme.

Prototype 3: 

We tried to lock the position of circles once it gets attached to other circle for testing, but it reduces the organic and fluid feeling we want to give to the creators, so we decided to remove this feature and give the freedom to creators. 

locking.gif

Prototype Final: 

Settled on a “dream” theme for the background, and added functionality to change the color. We felt the lighter theme served the purpose of the project much better.

finaldemo.gif
bottom of page