Why many Ghanaian websites have poor User Interfaces

Published August 09th ,2020 at 9:05am Developer


  Read • 217  Comments made • 2

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:

HTML appears to be very simple when you are introduced to the basic stuff such as tags, attributes, the basic structure, and some few other concepts but what some of us do not know is that these elements may behave differently in different browsers. That means you will sometimes need to come up with another approach and forgo the default. This is where you will be tested to see whether you have grasped the real concepts and techniques of HTML. For instance, we see so many HTML5 video players on the web now and to create something like that, you will need to implement your own slider, additional touch events from JavaScript, make good use of timeouts and intervals, know what to show if the browser does not support the media type and how the player can be made responsive(where you will need to hide certain buttons). Learning these trends gives you more control over the UI as well as helps you to apply your knowledge in subsequent projects with no hustle. Users wouldn't want a situation where they will have to be clicking on elements that are so close together. Also, the study shows that user interfaces with a grey background can help users focus and read more on your website. Overwhelming your users with so many links will cause confusion on the part of visitors.

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.
credit to kbworks.org

ADD A COMMENT
2 comments made below

How to shorten your front-end development learning time

Developer

How to shorten your front-end development learning time

When it comes to front-end development, newbies often anticipate that you need to learn many things to be a pro. Well, that is not true and is easier than you ever thought.

7 months ago

228 0


MORE FOR YOU

How to shorten your front-end development learning time

Developer

How to shorten your front-end development learning time

When it comes to front-end development, newbies often anticipate that you need to learn many things to be a pro. Well, that is not true and is easier than you ever thought.

7 months ago

228 0
Is Ghana Ready for Artificial Intelligence and Robotics Yet?

Artificial Intelligence

Is Ghana Ready for Artificial Intelligence and Robotics Yet?

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.

8 months ago

660 0
What The Coronavirus Has Taught Ghanaians about working online?

General

What The Coronavirus Has Taught Ghanaians about working online?

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.

8 months ago

518 1
Find blog articles