What makes it even more amazing is that this year, the projected number of smartphone users will be 1.75 billion. This staggering number resulted into 2.6 million apps in app-stores (iOS, Android, Blackberry and Windows phones combined).
If there is one thing certain about these huge statistics, it would be that mobile application development and design is a big and newly-discovered gold mine to plow. There are a lot of opportunities waiting for developers as mobile apps continue on growing as the age of smartphones conquer the market.
Having said so, we go to the topic of the day. You may have raised your eyebrows when I said that app development is still a relatively new and untapped gold mine. You may have thought of going to the app design and development battlefield.
But, before going to the war, let me brief you with some of the things you should avoid doing.
1. Cramming Too Many Items on the Screen
This is a friendly reminder to app designers. You are designing for a smartphone screen, not a 1366 x 768 desktop monitor. It only means that you have limited spaces to put content.
Do not try to put everything in one place. Trying to compress information within a small screen will be tantamount to suicide. You need to understand how to use elements properly to your advantage.
Tips to Keep the Mobile UI Clean:
- When in doubt, page it out. Use swipe-able pages to put all the content you want without cramming the pages full.
- Make sure elements are tappable. Reserve enough spacing for the user to interact with the element. Remember, you are dealing with non-tactile devices most of the times, so using small elements is a no-no.
- Facilitate focus by elevating important content or functions. The most important items should be placed on the upper left half (for left to right cultures) of the screen.
- Apply balance and visual weight to make readers understand the hierarchy of element importance. Larger elements are perceived to be more important than smaller ones. You may also want to enlarge CTAs and buttons so that the users can understand that they are tappable.
- Align elements properly. It makes your app look classy and professional.
- Use relative sizes. Texts shouldn’t be scrolled horizontally and images that are of utmost importance should be large enough so that the user won’t go into the trouble of zooming.
- Be consistent. Preserve one brand of design in your app. You wouldn’t want to confuse the users, right?
2. Using Illegible Fonts In Your Mobile Apps
Legibility of texts supersedes other concerns. If you create an app that nobody can read, it will be worthless. Typography has always been a major concern in any field of digital design. Make sure that fonts and the text can be understood properly.
3. Mobile App Design Readability
When we speak of ‘being understood properly’, we mean that the texts should always be readable.
- Proper use of proper font faces, sizes, colors
- Use of understandable words, good grammar and superb copywriting
A lot of apps sometimes disregard texts, but mind you, they are important because they are the main delivery agents of the messages of your apps.
Tips for Improving Mobile Readability:
- Always prioritize the content when tending to text-size adjustments. Not every text falls into the hierarchy of importance. Normally, when users select a large text size, they to make the content easier to read. However, they don’t want everything in the app to be larger.
- Make sure that all fonts are legible. If you can’t read it, don’t use it.
- Never use a font size lower than 11pt. Always put in mind that users may adjust the accessibility text sizes and app font-size should still be 11pt or higher even if they do.
- Headlines and Body texts can use the same size. You can add some distinction on the font weight.
- Use only two weights, regular or medium. Never use bold or light-font weights.
- Use simple words. Never add fancy and highfalutin words. Follow basic app copywriting guidelines.
- Be sure to be direct in instructions. Users don’t want to read your novel, buddy.
4. Be Careful With Colors When Designing Your Mobile App
Colors play an important role in app design. Some app designers tend to just choose the color they want and then design the app. That is a wrong practice. Colors should always help and enhance interactivity and visual continuity in every app.
When choosing the colors for your app, make sure that they jive together. Here is one article which can help you with color combinations.
Focus on color contrasts in different circumstances. Some inexperienced app designers usually make mistakes by not putting enough contrast in the navigation bar background and the bar button tiles. This makes the buttons difficult to distinguish.
Tips For Picking Good Colors:
- Use colors with at least 50% contrast differences. Then test the results on a device under different lighting conditions such as indoors and outdoors.
- Try looking at the app in grayscale (or desaturated) form. If you have difficulties in differentiating the interactive and the non-interactive elements, then, you need to increase the contrast between them.
- Never use the same color in both tappable and non-tappable elements. You should always keep in mind that UI elements that need interaction should always be different from elements that don’t. Make your users know where to tap.
- Colors should always enhance the flow of information. Never use it as a distraction.
5. Bad Ad Placements In Mobile App Design
Now, let’s talk about ads. As developers and designers, we would love ads. They make our apps earn without sending the burden to the users. But for regular users who have no idea about mobile app design and development, ads can be very irritating bugs in the UI.
Some ads just pop out and shazam!, you’re redirected to the App Store. Now, this is a common mistake for new app creators. So, what do you do?
- Never use pop-out ads. These are the advertisements that just pop over the entire page. This disturbs the proper flow of information and could distract with the user tapping on the interactive CTAs.
- Place ads on creative places. Usually, ads are placed in the least important part of the screen. Normally, a small portion of the lower part of the screen is set for ads. You may want to free up a small space there.
- Some ads, especially in games, give bonuses to the players. I guess this, too, is creative.
6. Making the User Wait On Your App
They are normally annoying because you are accessing the content while someone is waiting for you or the device. If you place a splash screen, make it as short as possible. While you’re at it, make it creative.
7. Too Many Mobile App Notifications
As the designer, you want your app to be noticed and used by people, right? So you might think that you should always remind them that you haven’t used the app in a while? Right? Have you thought of this?
Well, if you are even thinking about doing this, don’t. Notifications, unless they are essential to the users, turn the latter away from your app.
Think of it like this: no matter how nice you try to be, there’s always this one guy who thinks you’re best friends and sends you emails about his life every single hour. Do you even like that random guy? Hell no, right? Then if you don’t like annoying people constantly reminding you, begging for your attention, don’t put them in your apps.
Tips For App Notifications:
- If your app is a game, provide bonuses for users who regularly check out your app.
- Try to design a better app. Improve your errors; make it more exciting.
- Be nice with the ads. Don’t clutter the pages.
- And lastly, follow the guidelines stated in this article.
Or else, you might end up falling prey to this app-blocker setting.
Final Thoughts on Designing a Mobile App
App design is not a walk in the park. Like web design, it has its pitfalls. If you continue to keep on committing these mistakes and not learning from them at all, then your app won’t be any good.
Remember that you should learn from these mistakes and create a better app next time. Happy designing!
This post may contain affiliate links. See our disclosure about affiliate links here.