Switching from Origami to Form. A Curmudgeon’s Diary.

enter image description here

You may have heard about the Relative Waves product called Form. A visual programming tool largely inspired by Quartz Composer that “lets you build custom native prototypes directly on the device.”

Google acquired the product two weeks ago and made it available for free. So, if the price (~$80) ever made you second guess your actual need for a tool like that (especially when there’s the original Quartz Composer turbo boosted by Facebook’s Origami) that no longer is an issue.

Continue Reading

Magic Wand for Paginated Content

A long, long time ago, I wrote a piece on the mouse coordinates system in Quartz Composer and how to translate it to a device screen in the Origami Phone patch. Soon after that, Facebook introduced a new Phone patch supporting landscape mode and my simple solution became obsolete. With the release of Origami 1.4 and the introduction of new devices, things got even more complicated. For example, the bitmaps representing Apple Watch and iPhone 6+ are not 1:1 in pixel size scale, creating some wacky edge cases you need to take into consideration.

Continue Reading

Chaining animations is easy

A big chunk of our everyday prototyping revolves around figuring out how “things” should appear on and disappear from the screen, based on the user’s input. Often times, designing those interactions will require chaining two or more animations to obtain intuitive and meaningful transitions. Harnessing animation chaining will surely improve your design and make it more attractive and user friendly.

Continue Reading

The Science Behind Snapping Scroll – Part II: Animation & Logic

It’s been ages since my last article, especially in light of the breakneck speed with which prototyping with Quartz Composer is evolving. People contribute so much it’s hard to keep up with everything that’s going on. Nevertheless, I hope the basics I cover in the second part of my Snapping Scroll tutorial will still prove to be helpful to you.

Continue Reading

Welcome to the Age of Fully Realistic App Prototypes

To start right off with something to stir up your curiosity (and make you read the rest of the post), let me show you what I did in less than 5 days just for fun. It’s not a real app, only a prototype of a hypothetical one. The video might interest you no matter whether you’re our potential client or an app designer yourself.

Continue Reading