The Role of #Wireframing in Mobile App Design
A wireframe is a blueprint or skeletal guide that represents the functionality and navigation of an app.
Some people use professional tools like balsamiq to create wireframes, others create detailed walkthroughs with photoshop, I’ve even seen Top Charts apps drawn up on a cocktail napkin (works best after drinking a sazerac).
Take everything you have learned in the research process and create a wireframe of how your app will work. Some items to focus on when creating a wireframe:
- Making an incredible User Experience (UX)
- Outlining the navigation of the app
- Menus
- Buttons (don’t forget navigational buttons)
- Images
- Text boxes
- In-App Purchases Ads
- Actions like ‘swipes’ and ‘scrolling'
It is important to walk through each section of your wireframe with your developer. One strategy is to hand your wireframe to a friend (or even perfect stranger), and see if they understand your app without you having to say a single word.
FINAL THOUGHT:
Don’t forget to include and properly detail your app’s monetization strategy! Chances are if you don’t include an item in the wireframe, your developer won’t include it in the app. Don’t assume anything.