Table Of Content
But that inevitability doesn’t mean you shouldn’t work your hardest to reduce the number of people who see your 404 page. Make sure you’re not directly users to broken links internally by staying on top of site maintenance. Use tools such as 404 Checker and Screaming Frog to find and fix broken links and direct them to more appropriate or fresher content. Best practice is to design a 404 page with a handful of key links, including a link to the Home page as an easy get-out for users who’re not sure what they’re looking for yet. Other options to include might be to a blog, product features or About Us.
How Is A 404 Page A Brand Opportunity?
As one of the most creative household brands, Lego keeps it light with its 404 page, which plays with the mild shock of ending up somewhere unknown on its website. This light-hearted approach to a 404 page puts a more human spin on hitting a dead end, softening the frustration and laying out the accountability. While this would be a usual feature for most websites, this suits Lambert’s brand of experimental art and helps to build his personal brand further. Bringing in popular cultural references can be another way to make your 404 “Page Not Found” message more interesting, as this survival site has done with an iconic scene from The Matrix.
Best WordPress 404 Error Page Design Examples
Besides, there are guidelines and buttons that help visitors easily find what they are looking for. I hope these tips can help you design incredible 404 pages that work. The last thing a visitor wants to feel is confused or lost, so by handling these error pages appropriately you can mitigate confusion and improve user experience.
Bitly
The Southwest 404 page is a great example of how much information you can pack into a page without overwhelming the visitor. For detailed instructions, please see our guide on how to easily embed videos in WordPress. You should also never upload videos directly to WordPress, as this can have a big impact on your site’s performance.
A creative way for 404 page templates is to use funny animations, designs and funny images to make its visitors not leave the website. In this course, it is also important to give users directly the possibility to go to another subpage on your website. Hence, it’s clear that the colorful home button is the best option to pick. When it comes to well-designed error messages that redirect users, Mailchimp is a good example. Hulu, a revival to previously-discussed Netflix, takes a different approach. Their 404 page exhibits a minimalistic design – one void of colors, graphics, or stills from popular shows.
"Inspiration UI" that gathers UIs that stimulate inspiration when designing a website - GIGAZINE（ギガジン）
"Inspiration UI" that gathers UIs that stimulate inspiration when designing a website.
Posted: Mon, 20 Jun 2016 07:00:00 GMT [source]
Another website to use humour on its 404 error page is Atlanta-based data strategy consulting firm BluePath. The 404 page shows a map of Atlanta, with a dot on the other side of the page indicating the visitor is 'Wayyyy off the map'. In an extremely tenuous link, the map also includes data-driven info showing reported crimes in the area. "Why? Because it’s a crime you haven’t hired us for yet!" Ah, these whacky data analysts.
This 404 page from Airbnb features a simple-but-delightful animation of an unlucky girl dropping her ice-cream on the floor. Airbnb has built its reputation on being personable and friendly, and this 404 page suits its brand image perfectly. Cloud Sigma is a cloud server and cloud hosting service operating in the US, Europe and Asia-Pacific region. We wonder how long it'll be before this helpful-looking junior developer gets poached by the competition. The candy company M&Ms utilises its characters for its 404 page.
If you want to add a hero image to your design, then SeedProd has lots of ready-made hero sections. These are collections of images, calls to action, and even simple lead collection forms that you can add to your 404 design with a click of a button. When designing your own 404 page, it’s a good idea to use the same header and footer as the rest of your website. This will reinforce your branding and stop visitors from wondering whether they are in the right place.
Once you have the visuals down and have added a witty error message for your visitors, it is time to consider where you want to lead them. Most believe that adding a search bar to the websites main page is good enough. They often overlook the importence and value of making a search bar available on a websites 404 page. Having customers leave your website is not just bad for the user experience, but it also negatively impacts how you organically rank on Google’s search results page. Without a good 404 page, your customers may leave, not knowing what’s wrong or how to get back to functioning pages. We all know that feeling of frustration when we bump into a broken link.
So, for Wendy’s 404 page, the company has whipped up a branded version of the old-school burger-stacking game “BurgerTime” featuring Wendy herself. When you end up on Magnt’s 404 page, you’re treated to a little visual humor within some clean design. The hand-drawn artwork is what really sets the tone, though, with a confused cartoon donkey peering into a void – as if searching for the missing page – to support the page’s messaging.
Notice how Mailchimp, the email automation service, maintains visual consistency on its 404 page. A call to action button that says “Mailchimp Home” has the same styling properties as “Sign Up Free” in the top right corner. When they search for a topic you do not have on your website or the original page is no more, do not just let them land on a blank page. If this happens, they will probably run away from your page as quickly as possible. To solve the issue, add a cool-looking error page to your webspace and keep them around for longer. For instance, this free 404 error page rock a search function and can go back to your home in just a click.
Visitors can click on links that don’t exist anymore, which are deleted or removed, and then they will see a 404 error page. Every page has a natural usability component which plays a huge factor in visitor retention. The way in which a page is perceived will play a huge role in how a user behaves. Keep this in mind when designing your 404 page, especially from the user’s point of view. However, you can’t always assume that users will understand what this means.
” in a funky way, and they will continue their browsing experience by heading over to the right section of your page. An error page could be some text, or you can keep them engaged with an additional feature. One of such things could be a search function that helps them find the exact page they are looking for. After all, if they ended on an error page, the page is missing, and that could be because they entered the wrong keyword to your search bar. They can now try again with this cool free 404 error page template without going back. No one aims to drive traffic to missing pages, but site visitors are bound to encounter a 404 error eventually.
If you break these basic guidelines, your favorite search engine will make you pay for it. Spotify‘s 404 page is a direct reflection of their brand with a simple illustration that would appeal to their target market. It includes a fun illustration as well as a quirky take on why you are here and gives a brief explanation of how they couldn’t find the page the user was looking for. Try to turn an average user experience into something they remember – in a good way!
No comments:
Post a Comment