Many Ghanaian websites have poor UI and not even responsive to mobile devices. In this article, I will be pointing out some of the reasons why most Ghanaian websites have such poor user interfaces.
Front-end developers are responsible for creating user interfaces. If anything goes wrong on the user interface, front-end developers are held responsible. A poor user interface can easily turn people away from your website or mobile application. Stats show that you have about 5 seconds to impress your first time visitor. The psychology behind user interfaces is a bit complex and therefore one needs a higher level of understanding to come up with something useful that has the edge to impress visitors on a website. So why do some Ghanaian websites have poor interfaces?
1. Most front-end developers do not plan before building a webpage:
As developers, when it comes to creating user interfaces, most of us do not take the right time to plan well about the color scheme, CSS units to use, basic CSS properties, the box model, and some few others. Once, you fail to take these things into consideration, you are doomed to come up with a very poor-looking interface. For instance, when one is building a website theme, the developer should consider the mobile-first approach. As you go on with the outlines and the styling, you need to imagine how the elements are going to look on other mobile devices. You shouldn't be placing elements anywhere just because they can be placed anywhere. Some of us do not even know of the vh(viewport height) and vw(viewport width) units which are a great way to set definite dimensions on elements along with max and min for both width and height. Some even go to the extent of not knowing what box-sizing: border-box; represents. Creating a modern webpage without enough containers is suicide because anything can happen on different web browsers provided you are looking forward to supporting older browsers as well. If you create a div container, make sure you have one other div within it with a max-width and margin for both left and right sides emerging as auto else your page will stretch and fill the entire screen which is not what users want.
2. Not learning and keeping up with the trends:
3. Not understanding media queries:
Media queries make it much easier to create responsive websites. With media queries, you can easily specify what happens to elements as the page changes its orientation and dimensions. If you are always relying on bootstrap for a responsive website, you will definitely not have enough control over your user interface and that you will find it a bit difficult to debug if a design goes wrong. Understanding media queries will give you total control over your interface and help you implement your own standards as to how you expect your website to behave and respond to changes on all devices. Imagine a visitor who comes to your site and has to read an article whose container's width is 1800px. It is considered a bad practice. The best approach will be to limit the width of the readable area by 700px to 800px so that the user will not have to be turning his/her head all the time.
To develop excellent user interfaces, one has to learn how to use colors, outlining on HTML webpage, block-level, and inline-level elements, how CSS units work, media queries, notable CSS properties, and their respective values, flex, and some other techniques that are useful but gained only through practice and experience.
Surely, we are now more certain than ever that Robotics and Artificial Intelligence are the future but are some economies ready for this higher level of technology yet? Many Africa countries have started implementing them including Ghana.
The Coronavirus pandemic has affected a whole lot of industries, businesses, institutions and countries.
Ghana has learnt a lot in this time of the pandemic especially on how to commence business using digital means.