Table Of Content
- What to do After You’re Done With 404 Page Design?
- Post navigation
- How to Create a YouTube Banner in Minutes: The Simplified Guide
- The best UX for 404 error page [Practices + Examples]
- Gamespot
- How To Make Visually Appealing Projects With Brand Illustrations
- How To Write The Best Sales Resume For Your Dream Job (With Examples)
And thanks to the plain design, this 404 template would work well on a variety of websites. Content manager Thomas Bosc has a thoughtfully designed site with scroll-triggered animations, gorgeous visuals, and past projects that showcase their web design skills. Perhaps that’s why landing on this basic page with a childhood photo of a hopeful wizard made me truly laugh out loud.
What to do After You’re Done With 404 Page Design?
Screaming Frog is a tool for finding and fixing broken links, and very smartly, they have included it in their page copy with a little bit of humor. So, for once, we’ll let the fact slide that there is no search bar on their 404 page. You also get a navigation menu on top to easily reach any page you want to find. If you take a closer look at the navigation menu, you’ll see that it points to their Shop, Parks and Travels, and Movie pages. These are all money makers and every time they get someone to convert from a 404 page, it’s money that they would have otherwise lost. Yes, we just talked about offering different ways to retain a visitor.
Post navigation
When designed thoughtfully, user-friendly 404 pages can redirect users to the right place. And more importantly, an engaging error page can reinforce a positive user experience – which might quell any frustration caused by landing on the wrong page. In our previous blog, we saw some brilliant 404 pages, discussed what 404 pages are and what they should include.
How to Create a YouTube Banner in Minutes: The Simplified Guide
The Most Overlooked Aspect Of UX Design Could Be The Most Important - TechCrunch
The Most Overlooked Aspect Of UX Design Could Be The Most Important.
Posted: Sun, 22 Nov 2015 08:00:00 GMT [source]
In addition, your 404 page shouldn’t be crawled or indexed by Google, so there’s no need to have too many words on this page. With that, you lost a potential user, who instantly felt unsafe on your site. In addition, you should try to avoid losing traffic, even from an error page. If you have a poor 404 page, this page can be the end of the visitor’s journey. So, today we are going to present best practices and examples to make 404 pages more user-friendly, and what 404 pages are exactly.
The best UX for 404 error page [Practices + Examples]
Showing random quotes on your 404 page can be fun and engaging. However, it’s still a good idea to provide links to your site’s most important content, just in case the visitor isn’t interested in the link that you’ve chosen at random. Most people will encounter your 404 page when looking for something else entirely.
One slight criticism is the main action button (Go Back Home) is hard to immediately identify. Arriving at a 404 page rarely means life or death, so Mailchimp does it right here by taking responsiblity for the error while giving the visitor options to proceed. A simple page with copywriting that borders on blaming the user for the error (unlike Adobe, who immediately take responsibility for the error and work to help the user). A headline that if you didn’t read deeper, could be interpreted as “this page exists, but you can’t access it”.
When website visitors tune into a page that doesn’t exist, they’ll see a classic SMPTE color bar test pattern and ‘OOPS NO SIGNAL! ’ blaring across the screen in an homage to CRT television era broadcasts. This more novel approach aims to keep the user engaged by leveraging relevant video content before subtly getting them back on-site to continue their journey.
Good, simple work by the world’s second largest search engine. Make sure your 404 page matches the look and feel of your site. For many users, a 404 page might be the very first interaction they have with a brand.
How To Write The Best Sales Resume For Your Dream Job (With Examples)
This article will discuss what a 404 page is, why customizing a 404 page can benefit website design, and offer ten practical tips on how to design a 404 page. "404 page not found" is one message that website visitors are never supposed to see. Some use interactive animations, other interesting text messages, videos, etc. They use this page to give you some insight into their company culture with pictures of cute puppies.
However, what we really like is the short hover animation that plays every time you move the mouse over one of the blue blocks. If you scroll down the page, then you will find links to some other important areas of the Constant Contact website. The 404 page also highlights all the major areas of the TripAdvisor website, which helps visitors find what they are looking for. When someone lands on your 404 page, they may be frustrated with their experience. TripAdvisor’s 404 page is fun and functional, and opens with a joke that’s specific to the travel industry. Clicking on the ‘Download Now’ button opens a popup where the person can type in their email address and get their free download.
On top of that, call-to-action button links back to your index page, and, chances are, they will take action. Regardless of what part or segment of your website, ensure it is enhanced and customized to the last detail. They will notice your seriousness and not be distracted, even if an OOPS! Simple and bold error page is ready and set for you to use right away.
This is bad news for your WordPress SEO and may affect where your site appears in the search engine rankings. In this article, we will show you how to customize your 404 page template in WordPress. The leading job board for designers, developers, and creative pros. Another page builder you can try is Thrive Theme Builder, which is also easy to use to design a 404 page.
Let’s transform this potentially bad experience into a positive one by directing your users back to your gorgeous website and the appropriate material they were looking for! We think Canva‘s sliding puzzle adds unexpected fun with an interactive puzzle. The page is well-branded with clean typography and plenty of whitespace. However, we think they have missed the opportunity to mirror the fun in the language explaining where the visitor has landed.
Cloud-based WordPress hosting site Kinsta takes a function-over-form approach to its 404 page, prioritizing being useful over flashy visuals or novelty factors. Sometimes, you want to convey to users that the 404 page is definitely the wrong place and get them elsewhere fast. It then doubles down with some fun, light-hearted content that takes website viewers on a short tour of the brand’s previous missteps. As a 404 error is usually quite rare, this feels like a peek behind the curtain at Fern’s unfiltered creativity and tone of voice, picking out elements of fun from an undesirable experience. Fern’s credentials as a design and animation studio mean that people likely expect exceptional experiences on their website, and its 404 page doesn’t fall short.
And to do this while actually reinforcing a brand identity through a memorable, perhaps even shareable, user experience. This reinforces the very clear error message on the screen, with the robot only leaving you alone when you return to the navigation bar to pick another option. For more information, please see our complete guide on how to fix broken links in WordPress. After activating MonsterInsights, you can display your most popular posts by adding a shortcode in WordPress. In SeedProd’s left-hand menu, simply find the ‘Shortcode’ block and drop it onto your layout.
Spotify’s error page helps strengthen their brand identity, with its trendy use of millennial pink and vinyl record imagery. They’ve kept their menu bars on show, both in the header and footer, making navigation simple. Since the 404 page doesn't feature a lot of content, it's possible to use whitespace to let content breathe.
No comments:
Post a Comment