90% of startups without prototypes fail. With prototypes, only 89% do.
Jokes aside, I used to create prototypes for the last 18 years. My personal path was from Photoshop to Axure to Principle. Axure gave me a hard time; in this article, I’ll explain how Principle turned my life into cream and peaches.
My Personal Preferences
For complex interactions: Axure RP (Mac and Windows)
Sketch + Principle
It lets make demos like this:
A prototype in Sketch + Principle (of an app we have developed for a Hackathon).
When it comes to design, this prototype is far from winning prizes. However, by adding these micro animations it gains a lot of versatility.
Why Not Just Sketch?
Everybody likes Sketch, but using it alone raises two problems:
- Animations. I’ve noticed front-end developers don’t pay close attention to transitions, behavior of elements, etc. Dialogs fly from the wrong sides, some animations are completely absent, and some are even misleading.
- Behavior. I used to use Axure for explaining behavior, but it requires some extra work to guide my teammates through the prototype to make it clear which part is interactive and which part is not.
How Difficult is It?
It’s a little more difficult than making just a design. Imagine you’ve made this in Sketch:
As a bonus, you can run prototypes on iPhone or Mac just like a regular app.
- Axure prototypes are quite ugly (or maybe it’s just me). Whatever I do in Axure, looks quite rough. Here are couple more of our creations:
- You should guide users or put actions on everything; both are exhausting. The magic dust feature is a great help, but still.
Other Prototyping Tools
About the Author
Ivan Boyko is a founder of Icons8. He got his first job after drawing a banner with CTR of 43%. After years of creating icons, he specializes in rapid prototyping and backlog grooming.