App Builder

4 Best Practices of App Building You Can’t Afford to Ignore

Our users surprise us with all the amazing things they do when we put unlimited customisation at their fingertips. We thought we’d share some of such cool stuff so that you can incorporate them in your own app. Putting these nifty tricks to work will perk up your app, grab your visitor’s attention and make you look like an expert right from the start!


1. What’s Your Type?




You feel so good about your copy – It seems to be hanging on Ogilvian fringes. But you put it in a 10 point AR Carter font. The result – The copy’s not that seductive anymore. Get it? Type is that important.



Except for the designing ones, most of us think typography is just about choosing a font. It’s not. The fine nuances of typography go well beyond its name, encompassing:


(a) Leading (Vertical spacing between text in lines)
(b) Kerning (Distance between two letters. To be set neither too closely nor too far apart)
(c) Tracking (Spacing between groups of letters rather than individual letters)


Sounds boggling? Don’t worry, we’ve got it all covered for you. At Instappy, we’ve handpicked a curated set of high-quality typographic choices.


But before you take your pick, here are a few things you should keep in mind – (a). Your app should not be a motley of typefaces. Keep it limited to not more than three typefaces. (b). Make sure that the font compliments the rest of the app elements and goes well along with other fonts – as a family. (c). Titles, sub-titles and CTA buttons can be a little more creative – but avoid going overboard with the cursives. Such novelty typefaces might not show up well on brightly-lit small screens. (d). Also, if a font looks great but takes too long to load, better drop it! Your audience might not be as patient as you are.


2. Show Your True Colours


90% of snap judgments made about products can be based on colour alone (Source: emeraldinsights). Choosing the right colours is crucial – and it’s more than just pleasing the eye. It’s about giving a hierarchical meaning to app elements and positively impacting the purchasing intent.


Blue is well-known as a strong corporate color; red arguably stimulates appetite and used extensively by food chains. It is also known for its casual boldness. Black reflects sophistication and is apparently used by world’s most prominent luxury brands including Chanel, Dior and Prada. Yellow is bright, joyful and optimistic. Orange’s the energizing one and works best in CTA buttons.


Given the unlimited colour customisation at Instappy, you might get torn between choices. No need to feel fuzzy. Just remember – Mobile app is an extension of your brand. So while pairing colours for your app, make sure it matches your industry and brand design. Done right, colour pairing reverberates your brand’s philosophy and defines your app in a crowded market.


3. Icons in the Navigation Menu


Navigation Icons


Small gestures can go a long way making your users tap their way to your app. One such nifty trick is to add icons in the navigation menu.


Your users are in a hurry. They expect to reach where they want to, in minimum number of taps or swipes. Make ‘em think too hard about the whereabouts and chances are, you’ve already lost them.


You might have noted the navigation menu tucked away in the top left hand corner (three bars stacked horizontally) that slides down (or right) enabling users to look at different content categories in an app. A well thought-out navigation menu acts as a road map to your app, guiding your users to where they are and where they need to go. Adding visual icons to the textual items in your menu makes it 10X more effective. It not only makes the app more fun and interesting to look at but also enable users to navigate with ease and find content fast and easy.


At Instappy, you get a host of free icons and symbols to perk up your menu. While choosing icons for different tabs in your navigation menu, pick up clear and meaningful icons and make sure they aren’t way off from the rest of your design.


4. Embed Text on Images


In the last blog, our app experts gave out tricks to add some pizzazz to your images. Now it’s time to take the game a notch up by adding compelling text to your images. Cleverly collaborating text with images lets you show off your products and services in the best light and make an instant and lasting impression.


You don’t need to bug a designer to add text to images. Neither do you need to get into the intricacies of coding. Adding overlay text to images is easy on Instappy. All you need to do is click the image and add customisable text to the description field.


We already touched upon the do’s and don’ts of choosing the right typeface in point one. Adding to that, it’s important to bring out contrast between text and image – It lets your users to focus on your content. A non-contrasting background may impair the visibility of your text. You would not want to read green type on a blue background, would you?

Test, test, test

Today’s users access content on multiple devices, so you better consider the responsiveness of different elements – navigation bars, typography, icons, graphic elements and images – before getting your app live. Testing out your native app becomes all the more important as the mobile screen size is brightly-lit and relatively smaller.


Instappy Wizard is an advanced tool that offers much more than an app simulator ever can! It gives you a live preview of your app while you are creating it. Every time you update your app, Wizard lets you see the change in real time. So log in and have fun experimenting with a multitude of options – see what works best for you!


Talk to Us




Don't miss a single post! Subscribe to our RSS feed

Leave a Reply

Your email address will not be published. Required fields are marked *