Wireframing is a more detailed version of storyboarding and acts as a blueprint for your app. It defines the structure, content, and functionality of an app. It’s also simple in how it’s laid out and includes information about each app screen that can later be referenced when designing and developing the app.

Where storyboards and wireframes are more low-fidelity designs and basic layouts, prototyping is a more high-fidelity design model of your app. Prototypes offer more detail and allow you to both demonstrate and validate the various functionality of the app’s design by using animation, adding events and advanced interactions. Prototyping is about getting as close as you can to the final product.

While UX has to do primarily with the experience and interactions users have with the app, user interface (UI) has to do with visual design elements like typography, graphics, colors and more. Once you have the app screens finalized in your wireframes, the next step is to have your designers finalize the UI part of your app.