![]() Viewed from this perspective, using Protopie has made it exceptionally easy to iterate and rapidly transform our prototypes in a way that matches client demands. ![]() Our team works in an agile and fast-paced environment, so it is very important for us to be able to adapt to changes on the go and deliver prototypes quickly and efficiently. Range and card animation (range is more like a conditional trigger, it carries out actions within an area based on if-statements).Detect using formula (can help with matching key points on a graph to values gotten from a formula).Chain and 3D Drag (more like CSS 3D perspective property).These are some of the interesting triggers we have worked with so far:īelow are some cool things that could be done with Protopie: Objects can either be created within Protopie using the basic shape tools or by importing them into Protopie from other design tools. The basic motif here is – interactivity.Īn object changes in state or provides some sort of feedback only if there’s a force acting on it (internally or externally) and this feeds back to “Object + Trigger + Feedback/Response” principle. Trigger is one of the most powerful tools on Protopie because it allows for incredible animation of digital elements/components, whilst keeping them responsive to touch, sound and motion. One of the most useful tools in Protopie is the Trigger. ![]() The process flow is simple, we begin the design in Adobe XD, which allows for some micro-interactions, but is limited to just basics and subsequently export to Protopie to do something a little more advanced and realistic. As you can imagine, this does wonders for project management and teamwork. We found that this model serves as the core foundation of ProtoPie’s user interface making it easy to build high-fidelity prototypes while making the learning curve truly interesting and simple and in all this, our designers do not need to learn how to code and developers can focus on actually building the product. Objects are the assets that will be moved or otherwise affected, Triggers are those that will move or change the Objects, and Responses are the changes that the Triggers create” ProtoPie allows users to generate Interactions with Objects, Triggers, and Responses. The prototypes that any designer should make are the ones that resemble the real deal, in regards to the way the user interacts.”Īs high fidelity interactions are key in the design process for modeling user interactions, the golden formula of ProtoPie surrounding interactions is simple:Īccording to the Protopie website “ProtoPie’s concept model is based on how objects move in the world instead of programming. The logic that drives ProtoPie is that high-fidelity prototyping should be done easily and quickly as seen in this quote by Tony Kim, founder of ProtoPie: “I believe in hi-fi prototyping. But First – An introductionĪsides the fact that we love the name Protopie, ProtoPie is a powerful high Fidelity prototyping tool 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. What prototypes do, is help make sure there’s no disparity between your expectation and reality for your product, this especially helps in projects where the endgame is to build a minimum viable product, you want to make sure that you’re making the right design decisions before going headfirst into development. This is where prototyping your products come in, highly interactive prototypes help you share your ideas clearly with your stakeholders to agree on what the end goals should be. You want to be reasonably sure you can bridge the gap of understanding with your stakeholders to make sure everybody involved in the product development is on the same page as to what value is being delivered. ![]() Translating these requirements and constraints into actionable and meaningful “proof of product” aka Minimum Viable Product that your clients and stakeholders can play around with, before deciding they want to invest fully in building the product.Yes, your design looks good as a two-dimensional interface but how will the core users of the application interact with it? Laying out the vision you want the Product to achieve from a user experience angle.As a Designer, Developer or User Experience enthusiast, you quickly realize after some time in the space that when you take on certain Minimum Viable product design briefs, mockups and wireframes do not adequately do the job of:
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |