Fujie Design
Visual | UX | Experience
Anna beginning drawing from still life.jpg

Ezl-Pushing Forward the Tradition

Ezl -  Pushing Forward the Tradition

 Interactive Device Design

As a big advantage that Cintiq screen bring to us, the eye-hand coordination has been perfectly aligned so no more looking-away-from-pen-tip is needed. We want other command control to be as intuitive as it could be so it can barely be mistaken.

Video Credit: Johnathan Hayden, Ali Murtaza, Fujie Zong 

Uploaded by Ali Murtaza on 2014-01-24.


Background

As a quick hands-on project inspired by Makey-Makey ( a breadboard-made-easy for amateurs and aspirers who don't know much about coding and programming), my team and I played with it during the first week and soon discovered some of its advantages. Our group had come up with a pretty solid idea about improving the user experience of Adobe Suites, especially Photoshop. The idea came from observations of people drawing directly with Photoshop on a Cintiq screen.  As a big advantage that Cintiq screen bring to us, that the eye-hand coordination  has been perfectly aligned so no more looking-away-from-pen-tip is needed. Users can always focus on the canvas and enjoy the convenience of digital drawing without looking up and down from the pen tip to the screen over and over again.

So we came up with the idea about extracting several mostly used hotkeys and put them aside to make quick and frequent selection easily.  With this in mind, we decided that the layout of the keys should be as intuitive as it could to make selection more like an instinct that can barely be mistaken.

Based of  our own experience of using Adobe Suites software, mostly Photoshop, we picked five hotkeys to be set separately on the controller.

All of them are paired with CTRL key.

Ctrl B for changing brushes

Ctrl X for cutting

Ctrl H for rotating canvas

Ctrl M for moving canvas

initial ideation and brainstorming

initial ideation and brainstorming


Prototyping and Testing

Using kitchen foil and cardboard, we carefully hooked up the Makey Makey board using cables with alligator clips. Program is semi-ready, only needed with a few tweaks of customization. 


Mid-fidelity Prototyping

EZL in-use and in real-sized prototype

EZL in-use and in real-sized prototype


Storyboarding and Video Making

Storyboard illustrated by Johnathan Hayden

Storyboard illustrated by Johnathan Hayden