Storydesk — my non-existent designing-tool

Alexander Matyukh
5 min readApr 15, 2016

The day before yesterday, in the second week of fuss with tools for the design and animation of prototypes, I boiled: my initial wishes to tools synthesized with what I saw and felt, creating an experimental model of the design-tool, which I hasten to share with you.

***

A key postulate of the model on which it began aerial tool birth, is another approach to the organization of a digital work space: I’m not used to working with the application screens, I work with his canvas in different states.

Screens and canvas in different states

It is not a question of habit, formed by the tool and the time. Since childhood, I enjoyed watching the multiplier on a job with some magic board on which flipping tracing paper with the characters, the cartoon showed various scenes, because such an approach is not only captivated the imagination of children, but also seemed logical to the process itself. Magic board multiplier, as it turns out, is called light (luminal) table.

Light table

Yes, storyboard used in the process to create a cartoon to capture the main course of events, but the main study is conducted on light table.

Storyboard of “Pinocchio”

Thus, there are two approaches to creating a coherent story: linear (a storyboard) and combined. The second approach me later entrenched the term “line of history» (storyline), and «storydesk» becomes the codeword of my non-existent designing-tool.

***

The first thing I noticed is that I’m going implementation periodically used:

Layer Comps

When I disassembled on details of the mechanism of the Layer Comps, I saw in it the germ of the future functional — object has a certain behavior on the screen (the state of the canvas):

The behavior of an object at a certain screen

But I would like not only to endow the object moves more diverse than just the appearance and disappearance in different places of the canvas …

The variation of the appearance-disappearance of the object

… but also to give the object responsive to my actions, gestures:

The object begins to react to my actions

The reaction of the object in the model consists of reasons (my action, gesture) and effect (what needs to happen or where I should hit if the object has the properties of conventional links):

The components of the object reaction: I point out that the object in the (press) and how to respond (switch screen)

Like the movement of the subject, I would like not only to set a variety of reactions, but also to do it more than once, ie, to endow the object multireactions:

The diverse and complex reaction facility

Giving the object behavior in Photoshop software paradigm becomes similar to giving effect to the layer:

Menu add behavior and result in the layer in Photoshop

Thus, in my instrument, I would like to see the enriched functionality Layer Comps, giving the object (actor) not only the emergence of various movements, but also the response to my actions in certain screens (scenes) of my canvas:

Working with objects in the Layer Comps in Storydesk

Notice how the concepts are starting to mutate: the layer becomes the object, the screen — the stage.

***

The whole process starts based on management storyline of my application, which like any line of artwork, is made up of scenes that are similar or different from each other:

With the stage I will be able to perform standard operations of director and editor:

The scenes are played and recorded in the clean copy alternately or at random:

In addition to the scenes list, clickable and canvas with objects itself:

Rehearse and broadcast my story I could not just on the screen of the design-tool, but also on other players:

Gradually picking up the functionality of a broadcast, I saw similarities Storydesk’s macro scenario with released in March Adobe Expirience Design, where in Design mode I work with objects, in the Prototype — a story, on Share — broadcast your history in a variety of formats.

Macro scenario of Adobe XD and Storydesk

The only thing, and a big addition — the presence of the feedback control of my story. Thus, my workflow designer-tool is composed as follows:

Objects and Story can be grouped under one tab, indicating a creative aspect to single out basic operations with any story: to create, distribute, receive feedback.

Ideally, creating a universal product, I would add the ability to review the scenes (screens) standard line (a storyboard), adding this option in the Story tab, so that you can switch between the board and the line, but still decided to leave everything as it is.

And yet no harm in dreaming, in addition to adding objects loaded with real content, I would like to distribute my story in all possible ways: upload and send in different forms and formats, to discuss with the audience, and test on it.

***

Dreams should come true! And if someone foregoing design concept — a dream that can become a reality, I will be glad to hear how and where this can happen ;)

And finally, you can touch a prototype of a general model Storydesk — non-existent designing-tool for stories of your products.

--

--