In the new article from Ben Dickson, recently published by AppsZoom, 5 good tips are given to improve your App’s UI Design.
When developing mobile apps, two very important factors that you have to take into consideration are user interface (UI) and user experience (UX). A well-done user interface can help you overcome other design flaws that your app might be suffering from. Meanwhile, even the most brilliant and innovative app idea can fail if it cannot be manifested in a user interface that meets the preferences and needs of its target audience.
The following tips will help you avoid the common pitfalls that are associated with mobile app UI.
Start with the basics
Before getting into specific tips, there are basic patterns and guidelines that you must follow in order to make good UIs for your apps. The following principles will help you assess your work at the design and implementation stage:
- Clarity: The user interface must leave no doubt as to what each element is intended for. Users should never have to guess their way through your app.
- Consistency: There must be a uniformity to the layout, shapes, colors and sizes of widgets across your app’s views. This will make sure the user has a seamless experience while using your app.
- Feedback: Whether it’s a view change, a dialog or something as simple as changing the color of an element on the screen, every button or UI element must provide some sort of feedback to the user. Not doing so will leave users confused. They’ll end up repeatedly tapping buttons or even abandoning your app altogether.
Design for different levels of expertise
When designing the UI of your app, always take into consideration that your users have different intentions and expertise in using your app.
Novice users tend to be slower in learning the flow of the app and will quickly get confused if the UI is cluttered with too many, badly placed elements. They will expect your app to have an intuitive and simple interface. They are prone to making touch errors and can have difficulty in memorizing the steps to complete processes within the app.
Veterans, however, will quickly learn every nook and cranny of your app and will move quickly through the app. They might be more inclined to complete more on each view and be less confused by screens that contain more elements and features.
You have to find the right balance between the two. Better yet, offer simple and advanced views or multistep wizards in order to allow members of each audience to customize the interface based on their needs.
Choose convenient button sizes
This might sound trivial, but you’d be surprised to find out how many developers get it wrong. Button sizes are limited by the size of the user’s finger. If they’re too small, users can’t tap them correctly, and they’ll have to struggle to use your app correctly.
As a general rule, never use buttons that are less than 1 cm in width – they’re very hard to tap. Keep in mind that some of your users might have fatter fingers. It would be a shame if they couldn’t benefit from your app simply because they’re frustrated by tapping two buttons at the same time.
You can also use non-uniform button sizes to give an indication of the importance of buttons on your screen. For instance, in an mCommerce app, a “Purchase” button should be larger than other buttons on a screen, because it – obviously – contains the most important functionality of the page.
Also – and this is something I always remind developers – never forget that while you might be developing your app from the comfort of your desk, the end user will want to be able to use it in different settings. This includes while walking, while sitting on the train, or while holding a mug of coffee in their left hand. If users can’t tap the buttons of your app with ease while being in a relatively uncomfortable situation, they’ll be limited to using your app in solely stable settings. That’s way too limited for a mobile app.