10 Dos and Don’ts of Web Design in 2022

Paddi Macdonnell.
June 10, 2022
10 Dos and Don’ts of Web Design in 2022.

Navigating the world of web design can be difficult. There is so much conflicting and outdated advice.

How many times have you been advised to obey the 3-Click Rule? It states that users must reach the content they want in three clicks. But, according to the Nielsen Norman Group, no research supports the 3-Click Rule. It’s just a guess, the web’s equivalent of an urban myth.

There are dos and don’ts of effective web design in 2022. In this post, we’ll present the most important so that you can design websites with confidence.

Do: Make Use of Design Patterns

Design Patterns sound like a complex technique. All it means is copying standard, well-known approaches. Jakob’s Law says that most people spend most of their time on other sites, so they will understand your site better if it is like those other sites.

You can’t make your site like every other, so your job is to pick and choose which design patterns will be most helpful to your target demographic.

Some of the most recognized design patterns include placing the logo in the top left of the viewport, underlining links, and placing essentials like shipping information in the footer.

Do: Make It Inclusive

Inclusive design holds the opinion that the web is for everybody. It hasn’t always been that way. Just a few years ago, it was common to see sites excluding some demographics to reduce development costs.

Excluding anyone from your website is wrong. In many jurisdictions, it’s so wrong it’s illegal. But, perhaps more importantly, excluding 5% of users deducts 5% from your profits.

It’s never been easier to be inclusive. The first step is to make your website responsive so that it caters to every device. Then, follow accessibility guidelines to ensure that you welcome everyone. Finally, be ready to listen to your users, and adapt to their needs.

Do: Keep It Simple

As a website designer, you’ve undoubtedly looked in envy at some of the more original sites out there. It’s important to remember that many of the most experimental sites are usually targeting other designers. Something that works well on a portfolio site won’t translate well to a local convenience store.

99 times out of 100, the simple choice is the right choice. Most people aren’t interested in an original design. They’re interested in accomplishing a task. The less effort expended to complete the task, the better the experience.

Complexity most often creeps into navigation. Start with a logical structure, and use simple, hierarchical navigation.

Do: Stay Focussed

Every website has goals. It might be promotion, profit, utility, or a combination. Each part of that website, every single page, should have one goal.

Hick’s Law says that the time it takes to make a decision increases when there are more choices. And the Goal-Gradient Effect says that a customer is more likely to complete a process the closer they are to the completion. Combine the two, and it means that giving users one CTA (call to action) on a page increases the chances of them taking it.

It’s OK to still have navigation, links, and secondary goals provided each page has a single clear purpose.

Do: Keep Your UI Consistent

Consistency is often referred to as the hallmark of quality. It means that you’ve paid attention to details. But consistency isn’t just about giving a good impression. Consistency is also essential for good UX (user experience).

Users learn to navigate your website as they go. They learn your website’s ‘rules’ or the logic as they interact with it. If your UI (user interface) is consistent, they’ll learn the rules faster and feel more confident.

Areas that often fail the consistency test are the corner radius of boxes, the style of links, and the tone of writing.

Don’t: Ignore Aesthetics

Design isn’t all about usability studies and reliance on design patterns. Design should also be beautiful.

Beauty is often seen as shallow and unimportant. However, the Aesthetic-Usability Effect states that a beautiful website is more likely to be seen as usable by customers.

A pretty design is a high-converting design.

To ensure your design is pretty, pay attention to your typography hierarchy, color scheme, and the symmetry of your layout.

Don’t: Make Users Wait

The worst thing you can do is make users wait. The more technology advances, the faster connections get the higher user expectations.

Your site needs to load in under a second and be interactive in under two seconds. Otherwise, you’ll lose customers who bounce back to their search engine and try one of your competitors instead.

Delays don’t only apply to the speed of your site. You need to ensure that the information or product a customer wants is easy to access. Don’t bury it multiple levels deep in your site. If users are delayed by complicated navigation or unpredictable structure, they will exit your site as surely as if it took 10 seconds to load.

Users have zero amounts of patience.

Don’t: Block the Screen

Browsing through the web, the number of designers that block users from seeing the content on a website is astounding.

The most common culprits are newsletter subscription offers. How can a customer know whether they want to sign up for your newsletter when they haven’t yet seen your products?! Let the user browse your site, and then offer them a newsletter subscription.

Another common culprit is cookie notices. Most sites require a modest cookie notice to stay on the right side of the Law. And yet they display a huge, site-blocking modal as if the cookie notice were the most critical content on the site.

Don’t: Leave Content Until Last

Content is frequently left until last. That’s because it’s hard. Just because we learned to read and write as kids doesn’t mean we can write persuasive, engaging sales copy.

Content is vitally important for SEO (search engine optimization), but more importantly, it’s essential for CX (customer experience).

Most websites make three big mistakes with their content.

Mistake one is unbalanced copy. That means writing 25 words about your flagship product and 5,000 words about the company’s history.

Mistake two is writing for the company, not for the customer. That means organizing content around the company structure rather than customer tasks.

Mistake three is too much content at once. Walls of text are a turn-off. Instead, write short, scannable snippets that will keep customers engaged.

“Don’t try to be original…

…Just try to be good.”

That quote is from the titan of twentieth-century design, Paul Rand.

It boils down to this: originality is about you, and quality is about the website. Great designers care more about their output than their reputation.

Featured image via Pexels.

Paddi MacDonnell

Paddi MacDonnell is a designer and entrepreneur from Northern Ireland, follow her on Twitter.

Read Next

LimeWire Developer APIs Herald a New Era of AI Integration

Generative AI is a fascinating technology. Far from the design killer some people feared, it is an empowering and…

20 Best New Websites, March 2024

Welcome to our pick of sites for March. This month’s collection tends towards the simple and clean, which goes to show…

Exciting New Tools for Designers, March 2024

The fast-paced world of design never stops turning, and staying ahead of the curve is essential for creatives. As…

Web Tech Trends to Watch in 2024 and Beyond

It hardly seems possible given the radical transformations we’ve seen over the last few decades, but the web design…

6 Best AI Productivity Apps in 2024

There’s no escaping it: if you want to be successful, you need to be productive. The more you work, the more you…

3 Essential Design Trends, February 2024

From atypical typefaces to neutral colors to unusual user patterns, there are plenty of new website design trends to…

Surviving the Leap from College to Real-World Design

So, you’ve finished college and are ready to showcase your design skills to the world. This is a pivotal moment that…

20 Mind-Bending Illusions That Will Make You Question Reality

Mind-bending videos. Divisive Images. Eye-straining visuals. This list of optical illusions has it all. Join us as we…

15 Best New Fonts, February 2024

Welcome to February’s roundup of the best new fonts for designers. This month’s compilation includes some innovative…

The 10 Best WordPress Quiz Plugins in 2024

Whether it’s boosting your organic search visibility or collecting data for targeted email marketing campaigns, a great…

20 Best New Websites, February 2024

It’s almost Valentine’s Day, so this latest collection is a billet-doux celebrating the best of the web this month.

Everything You Need to Know About Image Formats In 2024

Always trying to walk the tightrope between image quality and file size? Looking to branch out from JPGs and PNGs this…