“How can a visual design be enhanced in mobile UI/UX?”
This question is frequently asked by most mobile app developers, looking to create wonderful iOS and Android apps. The question tends to be curious and exciting for many, blending in a sense of fear.
There are a number of issues surrounding this question, which if addressed can help you improve upon the UI/UX to a great extent.
a. What kind of type hierarchy are you using?
Two-type styles are highly common these days – Uppercase & Title Case. Additionally, you can see Lowercase, Sentence Case, or probably different revisions of the above type sizes. Also have a check regarding what style is being used for metadata, body, buttons, or headers.
b. What layout patterns are being used?
You can opt for either plain buttons, or list based dropdown setup. Differentiate between them by making use of different colors, using different case types, distinguished fonts for both, and more. It is important to keep track of the pattern you are using for respective elements. Herein, you need to see whether
• Toggling is automatics or not in terms of ON/OFF?
• Back and Cancel looks distinguished from one another?
• Apply button can be used in synonymous with Reset?
• Does bottom navigation be highlighted over the fold?
• Does same vertical products should have parallel looking pattern?
c. What margins to decide?
Minimal margins will make everything appear cluttered and clumsy. Better opt for more generous margins so that things look spacious and clear to deal with.
d. Is there a clear set of icons into use?
Icons should have a universal appeal with meanings understood by everybody. Remember, those icons such as a magnifying lens representing Search functionality, a machine representing Settings, and more. Do see to it that every single element has a corresponding icon conveying users what the icon represents. Ask yourself, is the icon best representing the component feature or not?
e. Does your design appear consistent all the way?
Do look whether the distance between menus, buttons, labels, icons, elements, or components is enough for a clean transparent view or not. Use a dropdown box for the filters in place. Is there a same pattern in the form of type, color fill, outline, and corner radius for same buttons or cards?
f. Got only useful content in place eliminating unnecessary stuff?
Do you have only relevant content in place or not, excluding irrelevant one? Is there a proper divider distinguishing rows or columns? Should both text and icons be used in navigational things?
g. What kind of color palette you are using?
Have you ensured that the color palette you are using is not muted from any possible angle? Check whether it has a warmer appearance rather than too cold, not pleasing for eyes. Know where to use which color effectively.
h. Have you checked upon spellings, punctuations, and grammar?
Even one minor mistake in grammar, punctuations, or spellings, can give an opportunity to users think against the app. Are you following a right content strategy, wherein you are cross checking the text, not just once or twice, but thrice? Do see to it that the language used is highly simplistic with no complex or jazzy terms used. Check whether you can remove unnecessary stuff.
Even the flow of content is important making things extremely streamlined for users. Say for example when you are travelling, the filters should be in apt order like distance, seating, availability, WiFi, outlet, food and beverage.
i. Does the app translate well enough into another platform?
If you are making an app say for iOS or Android platform only, does it work equally well with the corresponding other platform or not? An app can only be good if converted well into other mobile OSes, and can even merge easily with varied screen sizes. This means your app needs to be both OS platform compatible, as well as screen size portable.
So, what are your takeaways from this discussion?
Finding out the most relevant answers to the above questions is a good way to start things off. As a competent designer or developer, your intentions should be clear with your app. Be clear on what you want from your app, what things to incorporate to make it work, how well the UI/UX be created so that your app tends to be almost perfect, and finally what you think after placing yourself in user shoes.
Remember, you are always in the learning phase, irrespective of the fact how good your app turns out to be. This can be known when you think from an end user perspective. What you want more from the app? More importantly, how can you inspire from other successes and mistakes, to learn best things out of it?
How can you possibly capitalize on the improvement factor? Let us find out.
• Observing other apps and user responses for that app. Take both good and bad things.
• Learn more about material design as well as guidelines related to UI/UX. Understand how it can work in your case.
• Keep experimenting through multiple iterations, till you have an app that is near perfect.
• Browse Internet and check websites like Dribble, wherein you will find best designs. Do not blindly copy. Instead, modify them and reinvent something new of your own.
• Do take opinions from both industry experts and end users. Show them, and take intellectual insights from them. They might have a lot of questions. If you have them answered then you are going good, and if not work then upon it.
• Have mentors to guide you well with your UI/UX designing process. Their feedback is of utmost importance. Listen to what they have to say, why, and how things could be modified to attain possible results.
• You might consider user feedback and mentor analysis on same platform. However, they tend to be a lot different. Both have their own share of importance. While user feedback can be biased, mentors opinions are almost correct, whether good or bad. On the other hand, users are using your app, and hence their opinions can’t be neglected. While mentors can do guide you on preliminary levels only.