Think you came up with the best idea in the world for an app? Now comes the hard part. You actually have to take that metaphysical, intangible idea and transform it into a fully-functional app. If you find yourself in this intense planning phase then it’s time to start prototyping your app through wireframing.
What’s wireframing? Simple. It’s the illustrated flowchart of how your proposed app will function. It also gives you a rough idea of what your app will look like. This is a very rough stage in your app’s development so it doesn’t have to be a perfect representation. You can even draw it out on a post-it, just so long as you’re starting to nail down the specifics of how your menus and screens will work together. Now, what’s really cool, is that you can use an app called POP (Prototyping on Paper) to take a photo of your drawing and import it into your phone. This will create a mockup that you can edit and improve upon. Add buttons and screen transitions to get a sense of what your app will look like in action. Neat!
If paper and drawing aren’t your strong suits then you should consider using a program called Proto. The goal of Proto is to create a prototype that feels as close to the final product as possible. You can perform tests on the actual device, gather feedback, and even test smart watch apps. If you aren’t familiar with the ways of coding then check out UXPin. It’s an easy-to-use prototyping software that gives you access to pre-existing assets to help you build and visualize your app. If you’re aiming for an XCode-type interface then give the software Protoshare a shot. It’s great for collaborating with other team members.
You might find that you don’t need any apps or additional software, which is great! Use pen and paper to draw everything out. It might even activate a more creative side of your personality if you do it this way. Remember not to get overly complicated during this process. Keep it simple and you’ll have the framework for your app looking great in no time!
Read the full article here: How to Prototype an App with Wireframing Tools