SME Pals is reader-supported. When you buy through links on our site, we may earn an affiliate commission. Learn more.
Improve UX Web design to help users and grow your business

5 top UX Web design tips

User eXperience (UX) plays a vital role in how well your site converts traffic, and we've got some interesting Web design tips that will give your visitors a better experience while maximizing your profits.

By thinking carefully about how traffic flows around a site, and what visitors are after at any given point (i.e. user intent), it's possible to make relatively small design tweaks that have a massive impact.

Remember that great UX has plenty of knock on benefits because a happy visitor is not only someone who converts (i.e. signing up to a newsletter, or making a purchase), but also someone who recommends your site, shares articles, and becomes a loyal fan.

1. Killer "Page not found" pages

It happens. Look in the logs of any site in the world, and there will be a number of 404 page not found entries.

But just because you don't have the exact page someone is after doesn't mean you need to lose that visitor forever. Maybe they mistyped the URL, or someone else accidentally linked to the wrong page.

Wouldn't it be great if you could work out what that person wanted, and deliver it anyway? Well, take a look at a typical 404 page on SME Pals:

UX Web design for 404 pages

What's interesting about this is that the URL has been used as search keywords to find the content a visitor is looking for.

In other words, instead of turning someone away by saying we can't find anything, we've provided them with information they are very likely looking for - turning a potential bounce, into a successful interaction.

2. Tip-top "Log off" pages

Having a client log out of your site doesn't mean it has to be the end of the interaction. Why not convert your log off pages into another call to action.

PayPal do this very well, by offering their clients a list of special deals on their own apps & partner services that are closely related. No doubt, this is beneficial to PayPal, but it is also useful for their users:

UX on logout pages can lead to more conversions

In other words, a log off page is a great chance to obtain another conversion, by offering add-on products and services, encouraging users to share socially, review the service, sign up to a newsletter, and so on.

3. Awesome "Out of stock" pages

Running out of stock is a bittersweet predicament to be in. Yes, you're losing revenue because you can't sell something you don't have, and no because you've probably made a bit of cash selling out in the first place.

But, just because an item is out of stock, doesn't mean you can't make a sale. Is more stock on the way? Why not let people pre-order the item and have it delivered when it arrives?

Alternatively, if your product page is driving traffic from referrals and Google search traffic, it's a waste to turn potential buyers away.

If you have alternative items they may be interested in, offer them. Or, if worst comes to worst, show them somewhere else it can be purchased (at least if it is Amazon you can make a few bucks in affiliate referral commission).

Talking of which, Amazon is pretty good at selling stuff it doesn't have (check the note at the bottom right of the screen):

Out of stock UX can lead to alternative conversions

They make it super easy to purchase something that is not available for 3 weeks still. But, there's no point in sending shoppers somewhere else, right?

4. Updated "Out of date" pages

It amazes me how many high traffic Web pages are years and years out of date. Yet Google dutifully ranks them at the top of search results because of their accumulated links, trust, and authority.

As someone who searches for online information all the time, there is nothing more frustrating than reading the top ranked result page only to find that it no longer applies.

As a blogger, webmaster, or online store owner, it is your responsibility to monitor your pages and update them when appropriate.

Now, I don't expect you have the time to constantly monitor pages and perform continuous updates, but at least check your top pages in Webmaster Tools or Analytics and keep those ones current.

And, what's more, updating content is super easy. It may be nothing more than adding a link to a newer article:

Updating high traffic pages leads to a better user experience

Updating pages (especially ones that drive valuable organic traffic) leads to improved trust and a more positive user experience.

5. No confusing clutter

We recently wrote an article on the top Web design fails that highlighted various ways companies make life difficult for their customers (by not considering them when it comes time to designing their Web platforms).

In most cases, the problem boils down to obscuring the purpose of the site/page, making it difficult for users to get what they're after (generally because they are trying to push ads down your throat).

If your design reflects the fact that the user comes first, then you won't run the risk of losing business when people become impatient or frustrated.

Design each page with a clear focus. If that page is part of a sales funnel, then make it clear what action the user is supposed to take next. Don't hide anything behind slow loading, flashy animations, interstitial ads, and other distractions.

So those are some of the more unusual UX Web design tips I had up my sleeve. What strategies have you used to improve the user experience on your own site?

Share your tips and ideas in the comments.

Create a free website

Learn how to create the perfect website for free with great design and functionality that's super easy to maintain and cheap to operate.

BigCommerce shopping cart software

Learn how BigCommerce makes it quick and easy for anyone to sell (anything) online from their own eCommerce store.

Managing 404 server error response pages

Well managed 404 "file not found" errors can turn potential problems into great opportunities that help you get the most from Web traffic that might otherwise slip between the cracks.

Even if visitors are trying to find content that no longer exists, a good 404 error page can direct them to the information they are after and lead to a conversion - just like any other good landing page.

Makes sense right? Just because a visitor is after a non-existent page (perhaps they have been directed to a mistyped URL from another site) doesn't mean we can't try give them what they're after anyway.

Weebly website builder

Here's a quick step-by-step, beginner's guide to making a free website (start for free, or choose from their low-cost paid plans) using Weebly - one

Top 3 eCommerce site builders, comparison review. Pic by Martin SoulStealer

We've researched and compared each of the three leading eCommerce website builders to highlight which ones are the most popular, offer the best value for mon

Web design mistakes that can be fixed (unlike spilled milk)

Good Web design is important for success online, but big companies implement bad design all the time.

Wix website builder

Wix is one of the world's best online website builders with over 150 million sites created, and you can get setup for free in minutes by foll

Critical features of a Website. Pic by Michael

What features makes a website good can be a really subjective thing. What works for one might be complete poison for another.

Cheap website builders that are free to start

Compare and rank the best website builders (all free to start and cheap to maintain) on everything from responsive design, to SEO, value for money a

comparing two leading site builders

At some point, you're going to need to decide which of the most popular website builders (Wix or Weebly) to use for your own small business website.

Make stunning sites using Google fonts

Regardless of whether you have a blog or an eCommerce store, having a beautiful website will lead to an increase in conversions, because people trust profess

Old HTML tables can be upgraded into a responsive design with CSS3 and media queries

Mobile first, responsive Web design is something that can't be ignored because devices likes tablets and smartphones are quickly becoming the dominant browsi

Back to Top