You’ve got a beautifully designed logo. Well done. Now, what do you do with it?
Once your high quality logo is designed and ready to go, it should appear on all your branded material, including your WordPress website. Typically, there are three schools of thought as to where logos can go: in the top-left, top-middle, or top-right corners of a page. So this begs the question: which position is right for your logo?
If we’re going strictly based on UX logic, then your logo belongs in the top-left corner of your website. No questions asked. There are two reasons for this:
- For those of us with a native language that reads from left to right, our eyes naturally look to the left first.
- In the earlier years of web design, logos were always on the left, and that’s where most people assume they are located now.
Despite what logic says, there are some websites that have eschewed the norm for logo placements in the center or right corner of a website. Would a unique placement of your logo fit better with your brand identity?
Let’s take a closer look at what the studies show, and see if left really is right for your site.
Experts Weigh In: Where to Place Your Logo?
According to the Nielsen Norman Group, there are three purposes that logos serve on modern websites:
- They remind visitors where they are. In other words, whose website am I on?
- They allow for easy navigation to the home page since most websites no longer include a “Home” button in the navigation.
- They aid in brand recognition as the logo always remains there at the top of the site, and sometimes even follows visitors as they scroll down a page.
The NNGroup performed two studies to find the ideal logo location. Here is what they found:
Left vs. Right
In the left-versus-right study, the NNGroup tested and observed the response of 128 users. Similar to an A/B test, each user was shown only one version of a website: either the original with the logo on the left or the one the NNGroup manipulated in order to place the logo and navigation on the right.
They gave the users a minute’s time to review their version of the website. They were then asked a series of questions and shown photos of 10 hotel websites. This test aimed to establish what sort of effect logo placement had on brand recall.
These were the results:
- Left-aligned logos lead to greater brand recall. Specifically, the average brand recall for left-aligned logos was 39% as opposed to 21% for the right-aligned version.
- Left-aligned logos are more likely to be labeled “unique.” Despite the traditional placement of a left-aligned logo, respondents were still more likely to label a left-aligned logo as “unique” and “stylish” than one that appeared on the right.
Left vs. Center
The Nielsen Norman Group conducted an additional study to discover what happens when users were exposed to a center-aligned logo. They conducted two different tests to determine the viability of a centered logo.
Unlike the A/B test conducted between left- and right-aligned logos, this first survey provided 50 users each with one retail website to interact with. Eight of those websites had a centered logo whereas six had a left-aligned logo. They were then asked to complete different tasks that would test their ease in using the navigation and return to the home page.
This was the result:
- Left-aligned logos are better for navigation. In the study, only 4% of users failed to navigate home in a single click when the logo appeared on the left. When the logo was centered, however, 24% of users failed to get there in one click.
In the second of these tests, the NNGroup presented 128 users with five different hotel websites. Four of the logos showed variations of a logo on either the left or in the center, while the fifth site included a right-aligned logo. Users were then asked a series of questions to determine brand recall.
This was the result:
- Brand recall is unaffected by the difference between left or centered logos. Despite presenting users with variations of the same logo in different spots, brand recall was inconsistent in this comparison between left-aligned and centered logos.
The Winner Is…
After reviewing the results from the logo placement studies, it appears that logic does prevail:
Left is best.
Here’s why:
- Many people don’t think about looking in the right-hand corner of a website for a logo, and so brand recall can be severely compromised as a result.
- Many people are conditioned to look for a navigation in one of the top corners of a site, so placing a logo and/or navigation in the center confuses the process of getting around a website.
In summary, left-aligned logos are ideal as they are located exactly where the eye is naturally drawn.
Just remember that web design’s primary concern should always be with the user experience. While a centered logo may look sleek, it probably isn’t ideal if you have more than one page on your website (and you expect people to visit those other pages). The same goes for a right-aligned logo. It may seem like you’re giving your site a unique edge, but you may hurt your brand’s recall in the process.
It’s also important to keep in mind that it’s not just logo placement that matters. Logos should be exported in a high-quality file format, created using a legible font face, and positioned on top of white space so that background imagery, shadows, and colors can’t distract from it.
Wrapping Up
If you’re trying to get creative with your WordPress site’s design, there are other ways to go about doing it. You could create a killer landing page, add push notifications, or revamp your CTA buttons.
If this study has shown us anything, it’s that you shouldn’t mess around with the placement of your logo. Left is always best.