8 Guidelines for Exceptional Web Design, Usability, and User Experience
When it comes to designing or re-designing a website, it can be easy to get hung up on the aesthetics. "That shade of blue just doesn't look right .... Wouldn't it be cool to have the logo on the right side of the screen? .... How about we put a giant animated GIF in the middle of the page?"
Free Workbook: How to Plan a Successful Website Redesign
However, if you're truly trying to accomplish something with your website (e.g., brand awareness, lead generation, etc.), you'll need to focus on more than just how your website looks.
In a world where folks have more than a billion websites they can potentially land on, you need to make sure your website's design is optimized for usability (how easy your website is to use) and user experience (how enjoyable interacting with your website is for actual users).
Now, you could spend years studying the ins and outs of usability and UX, but for the sake of giving you a jumping off point, we've put together the following list of helpful guidelines to apply to your next web design project.
8 Website Design Guidelines for an Exceptional User Experience
1) Simplicity
While the look and feel of your website is important, most visitors aren't coming to your site to evaluate how slick the design is. Instead, they're coming to your site to complete some action, or to find some specific piece of information.
Adding unnecessary design elements (i.e., elements that serve no functional purpose) to your website will only make it harder for visitors to accomplish what they're trying to accomplish.
From a usability and UX perspective, simplicity is your friend. And you can employ simplicity in a variety of different ways. Here are some examples:
- Colors. Don't use too many. The Handbook of Computer-Human Interaction recommends using a maximum of five (plus or minus two) different colors in your website's design.
- Typefaces. The typefaces you choose should be legible at the very least. And when it comes to colors, you shouldn't use too many. A common recommendation is to use a maximum of three different typefaces in a maximum of three different sizes.
- Graphics. Only use them if they'll help a user complete a task or perform a specific function (don't just add graphics willy-nilly).
2) Visual Hierarchy
Closely tied to the principle of simplicity, visual hierarchy entails arranging and organizing website elements so that visitors naturally gravitate toward the most important elements first.
Remember, when it comes to optimizing for usability and UX, the goal is to lead visitors to complete a desired action, but in a way that feels natural and enjoyable. By adjusting the position, color, or size of certain elements, you can structure your site in such a way that visitors will be drawn to those elements first.
In the example below from Spotify, you can see that the "Get Spotify Free" call-to-action sits atop the visual hierarchy. For starters, it's positioned on the left of the page (most visitors scan websites from left to right). What's more, it's the only element above the fold that uses that dark purple color, which naturally draws your attention.
3) Navigability
Having intuitive navigation on your site is crucial for ensuring visitors can find what they're looking for. Ideally, a visitor should be able to arrive on your site and not have to think extensively about where they should click next -- moving from point A to point B should be as pain-free as possible.
Here are a few tips for optimizing your site's navigation:
- Keep the structure of your primary navigation simple (and near the top of your page).
- Include navigation in the footer of your site.
- Use breadcrumbs on every page (except for the homepage) so people are aware of their navigation trail.
- Include a search box near the top of your site so visitors can search by keywords.
- Don't offer too many navigation options on a page.
- Don't dig too deep. In most cases, it�s best to keep your navigation to no more than three levels deep. (Check out this article for more clarity around flat vs. deep navs.)
- Include links within your page copy, and make it clear where those links lead to.
Another pointer: Once you've settled on what your site's main (top) navigation will be, keep it consistent. The labels and location of your navigation should remain the same on each and every page of your site. Here's an example from the InVision website:
4) Consistency
In addition to keeping your site's navigation consistent, the overall look and feel of your site should be consistent across all of your site's pages. Backgrounds, color schemes, typefaces, and even the tone of your writing are all areas where being consistent can have a positive impact on usability and UX.
That's not to say, however, that every page on your site should have the same exact layout. Instead, you should create different layouts for specific types of pages (e.g., a layout for landing pages, a layout for informational pages, etc.), and by using those layouts consistently, you'll make it easier for visitors to understand what type of information they're likely to find on a given page.
In the example below, you can see that Airbnb uses the same layout for all of its "Help" pages (a common practice). Just imagine what it would be like from a visitor's perspective if every "Help" page had its own, unique layout. (It would likely result in a lot of shoulder shrugging.)
5) Accessibility
According to comScore, tablet internet consumption grew 30% between 2013 and 2015. Smartphone internet consumption, meanwhile, grew 78% during the same time period. The takeaway here: In order to provide a truly great user experience, your site needs to be compatible with the different devices (and operating systems, and browsers) that your visitors are using.
At a high-level, this means investing in a website structure that is highly flexible -- like responsive design. With a responsive site, content is automatically resized and reshuffled to fit the dimensions of whichever device a visitor happens to be using. (HubSpot Marketing customers: Using built-in responsive design, HubSpot content built on the COS is automatically optimized for visitors from any device.)
At a lower level, improving accessibility can be as simple as adding alt-text to all of your images (so visitors who can't see images in their browsers can still understand what's on the page).
Ultimately, it's more important that your website provides a great experience across different platforms as opposed to having to it look identical across those platforms. And that can mean adhering to platform-specific design conventions instead of trying to squeeze in unique elements that users of that platform might not be familiar with.
This leads us to our next principle ...
6) Conventionality
There are certain web design conventions which, over the years, internet users have become increasingly familiar with. Such conventions include:
- Having the main navigation be at the top (or left side) of a page
- Having a logo at the top left (or center) of a page
- Having that logo be clickable so it always brings a visitor back to the homepage
- Having links change color/appearance when you hover over them
While it might be tempting to throw all such design conventions out the window for the sake of being completely original or unique, this would (likely) be a mistake. It'd be akin to putting a car's steering wheel in the backseat, which is to say: it would confuse people.
In order to provide the best experience possible for your site's visitors, take advantage of the fact that you already know what types of web experiences they're familiar with. You can use this information to make your site easier for visitors to navigate.
One of the most common examples of conventionality in web design: Using a shopping cart icon on an ecommerce site:
In the image above, you can see (from left to right) shopping cart icons from Amazon, Wayfair, and Best Buy.
7) Credibility
Ultimately, using web design conventions -- design elements and strategies that visitors are already familiar with -- can help give your site more credibility. And if you're striving to build a site that provides the best user experience possible, credibility (a.k.a. the amount of trust your site conveys) can go a long way.
One of the best ways to improve your site's credibility is to be clear and honest about the product/service you're selling on the site. Don't make visitors have to dig through dozens of pages to find out what it is you actually do. Instead, be up front about it, and dedicate some real estate to explaining the value behind what you do.
Another credibility tip: Have a pricing page. While it can be tempting to force people to contact you in order for them to learn more about pricing, having prices listed clearly on your site can definitely make your business seem more trustworthy and legitimate. Here's an example of a great pricing page from the Box website:
8) User-Centricity
At the end of the day, usability and user experience hinge on the preferences of the end users. (After all, if you're not designing for them ... who are you designing for?)
So while the principles detailed in this list are a great starting point, the real key to improving the design of your site is to conduct user testing, gather feedback, and make changes based on what you've learned.
Here are a few user testing tools to get you started:
- Crazy Egg. Use this tool to track multiple domains under one account and uncover insights about your site's performance using four different intelligence tools -- heat map, scroll map, overlay, and confetti.
- Loop11. Use this tool to easily create usability tests -- even if you don't have any HTML experience.
- The User Is Drunk. Pay Richard Littauer to get drunk and review your site. Don't believe me? We tried it. Check it out.
According to Vitamin T, 68% of visitors fail to convert because they don't think you care about their experience. So as a final bit of usability/UX wisdom, start caring more! Put yourself into the shoes of your site's visitors and keep them in mind every step of the way.
What other principles do you think make for exceptional website design and usability?
Everyone has got their own unique piece of advice involving Web Design Perth.
Whether you are a specialist designer or you are an amateur, the style as well as web solutions have the prospective to make a huge difference in your organisation. The choice is your own, as well as the result of the Web Design and Services that you pick will identify the success of your business. You want to make sure that your website design and services depend on the same level with your needs to ensure that your service stands apart from the remainder.
Advantages for your service could be enhanced profits, raising web traffic, as well as exposure to even more customers, so you need to find a company that uses current, quality design. It is very important to the success of your service that the style and also solutions you obtain are current as well as are current to the most recent patterns. If you get stuck with the usual layouts over again, you will not get the positive focus you require to do well.
But there is an additional vital part to think about, which is the importance of the solutions you're obtaining. When you are designing a web site for your company, it's important to consider the benefits you wish to include in your company. It's easy to focus on exactly how you want to draw in consumers, yet you additionally need to think about how you can supply value to the clients that visit your site.
The significant benefit you intend to contribute to your business is to raise sales. With a good layout and also internet services, you can achieve this goal. So when you're trying to find a designer, keep in mind to make sure that your emphasis is not only on the design of the site, but the service is what generates the buyers.
Marketing is just one of the top company approaches for growing your organisation. You wish to know that the clients you provide are getting the ideal details to make them aware of the services or products you supply. Whether your website is online or offline, utilizing a developer that has experience making sites is a big part of building an effective company.
SEO (search engine optimization) has come to be extremely crucial in today's market. If you intend to show up in the internet search engine and get one of the most feasible exposure, it's essential that you have the best design and also web services for your web site. Make certain that you have somebody that understands exactly how to deal with the internet search engine to find your site.
Companies can make use of on the internet tools to help them enhance their rankings, and occasionally this is what the most effective firms use. If you intend to stand out in the search engines, you require to seek a company that has actually done this benefit other firms. The even more they have actually done, the much better.
Companies that are well developed in their market are the ones that know the innovation as well as the devices. If you remain in the market you understand a great deal about it, so go locate a designer that knows what you need. They can help you make your site simpler to make use of as well as discover, as well as what you should be looking for.
Along with enhancing the visibility of your website, the designer can additionally aid you discover new products and services that are far better than anything else on the marketplace. Several of the most effective possibilities for growth come from new technologies and also products that are distinct as well as very easy to use. You intend to make sure that you are getting the absolute best for your site, so seek a company that recognizes exactly how to deal with the innovation.
An important advantage of having a business that can improve your layout as well as solutions is that they are constantly improving, as well as this will give you with the side that you require to make even more money. Similar to the initial company was only proficient at one point, so too will your company be just as excellent if not far better. If the firm click this link can do whatever you need, you have accessibility to lots of new advantages.
Among the major reasons individuals are making use of the internet search engine to find product or services is since they do not recognize what they want. If the company you hire is able to find what you need and also establish it, you will certainly locate on your own improving outcomes and better business. moving forward.
For several small company owners, creating a website is all about just how they are seen by the public, so a style as well as web services company can help you achieve this objective. as long as you have a specialist developer to do the work for you. in mind.
I came across that content about Web Design Perth while doing a search on the internet. Are you aware of somebody else who is sincerely interested in the niche? Please feel free to promote it. We love reading our article about Web Design Perth.