PINGDOM_CANARY_STRING
ux design best practices

Best practices for rocking UX design

You don’t need to be an expert in UX design to know when it’s bad.

From frustrating scrolling to baffling button placement, UX design determines our feelings about the products with which we interact. Bad UX can negatively impact a brand. On the other hand, brilliant UX design that empathizes with the customer and is intuitive and elegant makes a product enjoyable to use, and that can impact the bottom line.

If you’re a UX designer, it’s important to become familiar with UX design best practices so you can avoid rookie mistakes and elevate the customer’s perception of your brand. Here’s the rundown of important UX design principles every designer should know.

The importance of UX design principles

Why not follow your gut and design any way you’d like? Primarily because good design has nothing to do with you and everything to do with your audience. Your role as a UX designer is to eliminate friction from the user experience, and that friction is a perpetually moving target.

But the good news is that the research of how to eliminate friction has been largely determined already, so you don’t need to reinvent the wheel. When you integrate solid UX design best practices into your site or product or app, you can expect to see the following benefits:

  1. Greater traffic: A site with great UX sets itself apart from the competition and ranks higher in search results.
  2. Higher checkout and more completed journeys: You want your users to gain knowledge, make choices, and complete actions. If your site causes friction, you’ll see higher abandonment rates.
  3. Higher customer satisfaction: When your site or product empathizes with the user and delights them, they’ll be more likely to return again and again.

When all these benefits come together, you can anticipate satisfying the user’s needs and becoming an integral part of their life.

UX design best practices

1. Put yourself in the users’ shoes

This principle may seem basic, but it’s too important not to mention: To create a website or app with the ideal user experience, you have to understand your users deeply and keep them top of mind throughout the process. What do they need from your product or service? How are they feeling at each touchpoint?

A customer journey map is an ideal tool to help you imagine the experience your potential customers may have and present your user research in an accessible way.

customer journey map
Customer journey map example (Click on image to modify online)

2. Make it accessible

Good design can be used by everyone. That includes those who experience sight and hearing disabilities. Consider, for instance, the 8% of men who are colorblind. Though that may seem like a small percentage of the population, it actually equals over 25 million American men.

By conforming to accessibility standards, you’ll increase the number of people who can interact with your product or site. Ultimately, it’s about empathizing with your audience. When you design your site, check its level of accessibility with evaluation tools available online. You’ll be given a list of improvements you can make to improve your accessibility.

3. Keep it consistent

Since your design is part of your brand, it should be consistent from page to page. If you use photography of people for your hero image on your homepage, it’s jarring to suddenly switch to illustrations on other pages. Consistent design makes your product feel cohesive and your brand feel elegant. 

4. Make a sitemap 

Getting lost isn’t fun—just ask the Donner Party. And while poor site navigation may not end in cannibalism, it’s likely to end in a similarly unsavory experience. Creating a sitemap is vital for your site because it helps categorize content and create a cohesive hierarchy. That way, both you and your user can intuit where to go to find the right information and products.

When you want to add to your site, you can clearly understand where a new page should live. Further, when you delete a page, it still lives forever as a 404, so you’ll need to keep track of your redirects. A site map is a vital tool of good UX design.

5. Use clear navigation tools 

Clear, consistent navigation from page to page can make a huge difference in how people experience your site. There should be a sticky header, which is a navigation bar that stays in the same place from page to page, at the top of the screen.

Your users have pre-established behaviors and expectations from over a decade of using internet products. So, among other things, they expect to find a search bar at the top of your page, organized drop-down menus that lead to landing pages, and a log-in button. Similarly, at the bottom of your page, your users expect to find company information, contact info, and links to the career pages. 

6. Keep copy clear 

Your users don’t want to have to guess what you mean. If you label a button “Shop now,” your user will expect to be taken to a product page where they’ll be shown the ability to buy. On the other hand, if a button says, “Join now,” your user likely has questions: What are they joining? Why should they join? Is there a buffet? When writing for users, your copy should be concise, clear, and accessible. 

When we say “accessible,” here, we mean that your writing should be at about an 8th-grade reading level and should not require any specialized knowledge. An error message, for instance, should not go into the details of why a page isn’t loading. It should say “Page cannot load.” 

7. Test and test again 

Usability testing is easier than ever. Before you launch your site, test in a staging environment so you’re not altering a live site. Then, use data to constantly improve your site’s design. Consider A/B testing and heat mapping as well as getting live feedback from users as they interact with your site or product. Then, adjust according to the results and test again. 

Your design is a living piece of art that will continually evolve and improve, so don’t become comfortable allowing it to remain stagnant for too long.

8. Design to context 

Look at your site analytics to determine how your users are engaging with your product. If most of your users are on a mobile device, you’ll need to prioritize design for ease on the go. If most of your users are iPhone users, you’ll need to incorporate Apple Pay. 

9. Keep it simple 

Humans love white space. It helps brains better process information and decreases cognitive load. While it may be tempting to create complex designs with fancy animations, it’s ultimately best to keep design simple, easy to understand, and fast. Avoid colored backgrounds or cluttered text boxes. Keep text minimal and images clear.

In the early stages of design, consider creating low-fidelity mockups to boil your webpages or applications down to the most important design elements.

mobile wireframe template
Mobile wireframe (Click on image to modify online)
website wireframe template
Website wireframe (Click on image to modify online)

10. Understand the role of typography 

The hierarchy of text on a page plays an important role in your user’s understanding. Use H1s sparingly and only for the most critical messages. Use H2s to divide the text into sections, then H3s for subsections. Your users are going to scan text instead of reading it carefully, so dividing your text will help them comprehend messages easier and jump to the sections most relevant to them.

Design trends come and go, but best practices are forever. When you put the user at the forefront of your design, you’ll create a product that people want to use. That means a healthier bottom line, a more loyal user base, and a happier executive team. Further, best practices provide great guidance. If you find your user satisfaction declining, you can go back to these best practices and make sure you’re getting the basics right before you start delving into more advanced techniques.

in text cta image

Learn how customer journey maps result in better UX design and start creating one now.

Read more

Learn how customer journey maps result in better UX design and start creating one now.

Read more

About Lucidspark

Lucidspark is a virtual whiteboard that helps you and your team collaborate to bring the best ideas to light. It comes packed with all of the sticky notes, freehand drawing tools, and infinite canvas space you need to capture that next big idea. And it’s built for collaboration. Think of it like a sandbox where your team can bounce ideas around and innovate together in real time.

Brought to you by the makers of Lucidchart, trusted by 25 million users worldwide, including 99% of the Fortune 500.

English
PrivacyLegal
© 2021 Lucid Software Inc.