UX Design for Websites in Africa: Best Practices 2026

Why UX decides your website's fate in Africa

At Kolonell, in Dakar, we see the same scene replay every month: a business pays a lot for a "beautiful" website, then wonders why nobody fills in the contact form. The problem is rarely the design in the aesthetic sense. It's the user experience (UX): how a real visitor, on a low-end Android phone, on 3G, in a taxi between Liberte 6 and the Plateau, manages (or fails) to do what they came for.

UX in West Africa has its own laws. Copy-pasting Silicon Valley trends produces slow, heavy, frustrating sites for the local market. This article gathers the best practices we apply in 2026, tested on dozens of Senegalese and regional projects.

Mobile is not an option, it's reality

In Senegal, more than 80% of web traffic comes from phones. For many users, the smartphone is the only computer they own. Designing first for desktop and then "adapting" to mobile is a historic mistake.

Designing mobile-first for real

Mobile-first does not mean "check it fits on a small screen". It means starting the design from the 360-pixel-wide screen, prioritising essential content, and adding elements only when space allows.

• Buttons at least 44x44 pixels, well spaced, for the thumb.
• Body text at 16 pixels minimum, never below.
• One goal per screen: a visitor should never hesitate about the main action.
• Menu reachable with one hand, ideally at the bottom of the screen on long journeys.

The thumb before the mouse

Comfortable touch zones are at the bottom and centre. Placing an "Order" button at the top right, out of thumb reach, drops conversions. We systematically reposition CTAs into the natural thumb zone.

Bandwidth is a design constraint, not a technical detail

A site that takes 9 seconds to display on 3G has already lost half its visitors. Speed is not an engineering topic: it's a design decision.

Page weight budget

We set a budget: a homepage must not exceed 1 MB on first load. This forces choices.

• Images in WebP or AVIF, sized exactly, never a 4000-pixel photo shown in a 400-pixel frame.
• Fonts limited to two families, two weights each.
• No heavy image carousel "because it looks nice".
• Lazy loading of everything below the fold.

Designing for degraded mode

The network drops. 3G becomes EDGE. A good site stays usable: text shows before images, the form works even if an animation hasn't loaded. Designing for the worst network means a good experience for everyone.

Simplicity and hierarchy: less, but clearer

The most common mistake is trying to say everything on the homepage. The result: a wall of text where nobody knows where to click.

The single-action rule

Each page answers one question: "what should I do here?". One main answer. On a service page, it's "Request a quote". On an article, it's "Contact us on WhatsApp". Everything else is secondary, visually quieter.

Visual hierarchy

The visitor scans, they don't read. Short titles, clear subheadings, paragraphs of three lines maximum, bullet lists. The eye must grasp the structure in two seconds, before even reading.

Navigation: never lose the visitor

Clear navigation lowers bounce rate and increases pages per visit, two signals Google reads positively.

Concrete rules

• Main menu of 5 to 7 items maximum, labelled in the customer's words, not internal jargon.
• A breadcrumb on multi-level sites.
• A visible search bar once the site exceeds 20 pages.
• The clickable logo always returns to the homepage.

Forms: where money is won or lost

The form is often the last step before contact or a sale. It's also the most mistreated.

Reducing friction

• Ask for the strict minimum. Name, phone, message. The rest can be asked later.
• Suitable phone field: numeric keypad, local format, +221 prefix pre-filled.
• Clear error messages, in plain language, placed under the relevant field.
• A submit button that says what it does: "Get my quote", not "Submit".
• Always offer WhatsApp as an alternative: many Africans prefer to write rather than fill a form.

The case of mobile payment and contact

Adding a direct WhatsApp link and a phone-call button often doubles the contact rate. In Senegal, trust comes through voice and direct messaging.

Mini case study: a clinic in Dakar

A clinic had entrusted us with an existing site that generated very few appointment requests. The UX audit revealed three problems: an 8-second load time on 3G, a "Book appointment" button hidden at the bottom of the page, and an 11-field form.

We compressed the images (page reduced from 3.4 MB to 780 KB), brought up a fixed WhatsApp button at the bottom of the screen, and cut the form to 3 fields with a WhatsApp alternative. Result over eight weeks: load time divided by five, and appointment requests multiplied by 2.6. No "design" change in the graphic sense: only UX.

Business and SEO impact

Good UX is not comfort, it's revenue. Google now measures experience through Core Web Vitals (speed, visual stability, responsiveness). A fast, clear site ranks better, gets more visits, and is more profitable. The loop is virtuous: UX, SEO and conversion reinforce one another.

Do / Don't

• Do: test on a real mid-range Android phone, on throttled 3G.
• Do: measure with PageSpeed Insights and fix what's red.
• Don't: pop-ups that cover the screen on arrival.
• Don't: video autoplay with sound.
• Don't: light grey text on white, unreadable in sunlight.

Tools we use

• Google PageSpeed Insights and Lighthouse for performance.
• Figma for mobile-first mockups.
• Hotjar or Microsoft Clarity to observe real journeys (free, valuable).
• The browser's throttling mode to simulate 3G.

FAQ

Should you really design mobile-first in Senegal?

Yes, without hesitation. More than 80% of traffic is mobile and for many users the phone is the only connected device. Designing for mobile first guarantees a good experience for the majority.

What load time is acceptable?

Aim for under 3 seconds on 3G. Beyond 5 seconds, most visitors leave. Speed is the first criterion of good UX in Africa.

Is a beautiful site enough to convert?

No. Aesthetics attract but experience converts. A less pretty but fast, clear and simple site generates more contacts than a magnificent but slow and confusing one.

Why offer WhatsApp alongside the form?

Because many Africans trust a direct exchange more than a form. Offering both options clearly increases the contact rate.

How do I know if my UX is bad?

Look at your stats: high bounce rate, few pages viewed, few conversions. Install a tool like Microsoft Clarity to see where visitors hesitate and give up.

Does UX affect SEO?

Yes. Google factors Core Web Vitals and user behaviour into its ranking. Better UX directly improves your visibility.

Let's talk about your project. At Kolonell, we design sites built for the African market: fast, mobile, simple to use. Message us on WhatsApp +221 77 596 93 33.