In our previous blog titled ‘Why brands need to pay attention to UI, UX when building their websites and mobile apps?’ we looked at the vital part great UI / UX plays in the success of a brand and we also looked at some examples of websites, platforms with great UI / UX.
In this blog we’re going to explore some tips on how great UI / UX can be implemented by brands.
Understand your target audience
As with any marketing endeavor, the first step is to understand the market you’re serving. Some questions we need to be asking at this stage are
· Who are they?
· What are their needs and expectations?
· What are their pain points?
Answers to these questions will give you a clearer idea on the UI / UX that needs to be designed.
Simplicity is key
This doesn’t mean we have to keep things plain, we can make our websites and mobile apps beautiful, yet keep it neat and free of clutter. If you make your interface complex on the other hand, users will have to unnecessarily spend a lot of time trying to figure out how to use it, which will lead to frustration and abandonment. Poor conversion rates mean loss of revenue.
Language has to be clear and to the point
Your users should clearly understand who your website and mobile apps are for, what they offer and how they will benefit from it at first go. Your copy should not sound like a puzzle which they’ll have to solve! You will have seconds at best to convince your clients that it is for them.
Use consistent design elements
Maintaining brand consistency is important to build trust, recognition and a sense of familiarity with your brand. When designing your UI / UX too this needs to be implemented. This will include maintaining the primary, secondary fonts of the brand as appropriate as well as using colours and buttons that are consistent to your brand’s visual identity.
Should take into account different devices and screen types
It goes without saying that your website can be viewed on multiple device and screen types. Some factors to consider here specifically are
Screen size: For example, a mobile phone screen will have less width and height to display your website to compared to a desktop or a tab.
Screen resolution: A high resolution screen will display images and text more clearly than a low-resolution screen.
Touch screen vs Non-touch screen: Users will be doing a lot of swiping and typing on our website on touch screen devices, where as non-touch devices will be using a mouse or keyboard for navigation – this should be taken into consideration
Orientation: A landscape orientation is better for viewing images, while a portrait orientation is better for reading text.
Button and Icon sizes: The buttons should be larger on mobile devices as users will have to use their fingers to navigate the interface as opposed to the much smaller cursor on the laptop / desktop.
Should be responsive to different screens and orientations
The layout of the website or mobile app should automatically adjust to fit the size of the screen, whether it is a desktop, tablet or smartphone. One way to do this is by using media queries, which are CSS rules that will allow you to specify how the layout of a website or mobile app will displayed on different screen sizes.
Test & Optimize your UI / UX
Before making the website or mobile app live, get feedback from potential users. They could test the platforms and help you identify any problems before hand. This will help you create a better user interace and user experience on your website and mobile app.
If your company requires assistance to incorporate great UI / UX to your website, mobile apps or other digital platforms – book a free consultation to discuss further