This article was originally published on ProtoPie. Thank you for supporting the partners who make SitePoint possible.
As a designer, bridging the gap with stakeholders is utterly important. Properly conveying design and interaction ideas quickly and rapidly with solely static UI designs, mockups, wireframes and even simple click-through prototypes simply doesn’t work.
This is what Tony Kim thought. During his time at Google as an Interaction Designer, he wanted to build highly interactive prototypes easily and quickly in order for him to be able to share his ideas clearly and ultimately bridge the gap between him and his stakeholders.
The tools at his disposal didn’t allow him to do this easily and quickly. Easy tools didn’t provide the high-fidelity Kim was looking for while other tools for more advanced prototyping usually had a steep learning curve and/or required coding, leading to a lengthy prototyping process.
This is how brainchild ProtoPie was born.
This article will give you a brief overview on what ProtoPie is, its philosophy, and why you should adopt ProtoPie as your primary prototyping tool to improve your workflow.
What is ProtoPie?
ProtoPie is a powerful hi-fi prototyping tool on Mac and Windows for mobile apps that empowers designers to build the most advanced, highly interactive prototypes easily and quickly deployable and shareable on any device while utilizing smart device sensors.
The philosophy behind ProtoPie is that high-fidelity prototyping should be done easily and quickly.
Tony Kim, founder of ProtoPie, explains: “I believe in hi-fi prototyping. The prototypes that any designer should make are the ones that resemble the real deal, in regards to the way the user interacts.”
As hi-fi interactions are key in the design process, the golden formula of ProtoPie surrounding interactions is simple, straightforward and runs like a thread through ProtoPie:
interaction = object + trigger + response
This concept model serves as the foundation of ProtoPie’s user interface lowering the threshold to build high-fidelity prototypes while making the learning curve truly gradual. Due to ProtoPie’s ease of use, gradual learning curve and intuitive user interface, ProtoPie won the Red Dot Award 2017 for Interface Design.
What Can ProtoPie Do?
As you might know already by now, the core purpose of ProtoPie is to empower designers to build hi-fi prototypes easily and quickly.
Many designers out there still believe that advanced prototyping without coding is not possible. This is simply not true. By piecing some hi-fi interactions together, you may already have a working interactive prototype within minutes.
See here how ProtoPie shows how easy it is to create interactions according to its golden formula that you can test right away.
ProtoPie distinguishes itself from other tools out there by supporting sensors in smart devices. To make prototypes feel as if they are the real deal when deploying on any smart device, built-in sensors simply need to be taken into consideration. The sensors that are supported by ProtoPie are Tilt, Sound, Compass, 3D Touch and Proximity.
But it doesn’t stop there. You can create interactions across multiple devices using ProtoPie. This provides designers with more freedom on creating high-fidelity prototypes. Using the Send response and Receive trigger in ProtoPie, it’s possible to send and receive present messages upon establishing a link among devices.
Besides being able to create hi-fi prototypes easily and quickly, designers are given various options on how they can deploy and share their creations with stakeholders.
- You can use both ProtoPie Player (available on iOS and Android) and ProtoPie Cloud to share prototypes easily with stakeholders.
- You can run and test prototypes using ProtoPie Player, desktop browser or mobile browser.
- You can save your prototypes locally on your device.
Thus, there are plenty of ways to deploy and share prototypes. It’s up to you how you would like to do this.
Why ProtoPie Will Improve Your Design Workflow?
Most designers work in agile environments and tend to work with short iterations. This means that designers need to be able to adapt to changes and deliver prototypes quickly to stakeholders, arranging from quick validation to fully-fledged usability testing. The ease and quickness of ProtoPie would help you to build quickly and iterate in a way that perfectly fits the agile methodology. Simultaneously, ProtoPie would give you the possibility to develop complex and detailed prototypes showing real and useful user interactions, putting the user at the center of all.
Moreover, ProtoPie aids you in the way you and your design team communicate with developers as advanced, highly interactive prototypes with specifications can be handed off to them. It bridges the gap between designers and developers, leading to a more efficient workflow overall.
By importing your designs from design tools like Sketch and Adobe XD CC seamlessly, you can start piecing interactions together right away. Also, you can make changes to your designs and re-import them hassle-free. You can go easily go back and forth between designing and prototyping, ultimately ensuring a smooth design and prototyping workflow.
High-fidelity prototyping for real-world digital products in this day and age is no longer something extra to have. Instead, it’s a critical part of the design process that you should embrace if you value user centricity.
Designers at renowned companies such as Google, Yahoo! and Starbucks already made ProtoPie a part of their daily toolset and subsequently improved their workflows.
Only until the end of this month (November 30, 2017), you may get 50% OFF on a one-year license. Try ProtoPie for FREE first.
Jump Start Git, 2nd Edition
Visual Studio Code: End-to-End Editing and Debugging Tools for Web Developers
Form Design Patterns