{"id":16530,"date":"2015-10-05T06:22:46","date_gmt":"2015-10-05T06:22:46","guid":{"rendered":"https:\/\/www.zilliondesigns.com\/blog\/?p=16530"},"modified":"2026-04-10T13:43:06","modified_gmt":"2026-04-10T13:43:06","slug":"bringing-4xx-user-experience-errors-to-life","status":"publish","type":"post","link":"https:\/\/www.zilliondesigns.com\/blog\/bringing-4xx-user-experience-errors-to-life\/","title":{"rendered":"Bringing 4xx User Experience Errors to Life"},"content":{"rendered":"<p>Isn\u2019t it quite irritating to search for something and land up on a link with an error? While many thought that 404 error was the only one in existence, actually there are more, in fact an entire series.<\/p>\n<p>We will present all errors faced by a customer that are potential disruptors to online user experience. But first, a little history on where these errors come from.<\/p>\n<h2>What\u2019s the Idea?<\/h2>\n<p>It is when the web server detects that data sent by a web browser is malformed as in it didn\u2019t respect the Hypertext Transfer Protocol. In this case, it becomes impossible for the server to understand and process the request.<\/p>\n<p>By the way, there are other series too such as the 300, 200, and 100. However, the most common is the 400 series and in that 404 is the most popular status code of HTTP.<\/p>\n<p>This series of HTTP error status messages suggest problems at the user\u2019s or client\u2019s end.<\/p>\n<h2>Blast form the Past<\/h2>\n<p>These codes first came into use in 1992 by the \u201cWorld Wide Web Consortium (W3C)\u201d, as part of 0.9 spec of HTTP. Tim Berners-Lee was the one to define these errors. He is the same man who invented the first browser in 1990. 404 Research Lab refers to him as \u201cthe man who made all of this possible\u201d.<\/p>\n<p>His HTTP codes are based on File Transfer Protocol status codes (established earlier in the 1980s).<\/p>\n<h2>Status Codes<\/h2>\n<h3>400 Bad Request<\/h3>\n<p><center><a href=\"https:\/\/www.zilliondesigns.com\/blog\/wp-content\/uploads\/ux-error-400.png\"><img decoding=\"async\" class=\"aligncenter wp-image-7853 size-full lazyload\" data-src=\"https:\/\/www.zilliondesigns.com\/blog\/wp-content\/uploads\/ux-error-400.png\" alt=\"400\" width=\"560\" height=\"600\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" style=\"--smush-placeholder-width: 560px; --smush-placeholder-aspect-ratio: 560\/600;\"><\/a><\/center><\/p>\n<p>The client sent data stream that didn\u2019t follow server rules. It appears as, \u201cHTTP 400 &#8211; Bad Request\u201d. You will see this message also when URL consists of characters like *, %, &amp;.<\/p>\n<h3>401 Unauthorized<\/h3>\n<p><center><a href=\"https:\/\/www.zilliondesigns.com\/blog\/wp-content\/uploads\/ux-error-401.png\"><img decoding=\"async\" class=\"aligncenter wp-image-7837 size-full lazyload\" data-src=\"https:\/\/www.zilliondesigns.com\/blog\/wp-content\/uploads\/ux-error-401.png\" alt=\"401\" width=\"560\" height=\"600\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" style=\"--smush-placeholder-width: 560px; --smush-placeholder-aspect-ratio: 560\/600;\"><\/a><\/center><\/p>\n<p>The message reads, \u201cHTTP Error 401 &#8211; Unauthorized: Access is denied\u2026\u201d You need to log into somewhere, i.e. with a password and username. If failed, you receive this.<\/p>\n<h3>402 Payment Required<\/h3>\n<p><center><a href=\"https:\/\/www.zilliondesigns.com\/blog\/wp-content\/uploads\/ux-error-402.png\"><img decoding=\"async\" class=\"aligncenter wp-image-7838 size-full lazyload\" data-src=\"https:\/\/www.zilliondesigns.com\/blog\/wp-content\/uploads\/ux-error-402.png\" alt=\"402\" width=\"560\" height=\"600\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" style=\"--smush-placeholder-width: 560px; --smush-placeholder-aspect-ratio: 560\/600;\"><\/a><\/center><\/p>\n<p>It reads, \u201cRuntime Error\u201d meaning the request is not in use currently. It\u2019s listed as \u201creserved for future use\u201d. This happens when there are synchronization logic issues.<\/p>\n<h3>403 Forbidden<\/h3>\n<p><center><a href=\"https:\/\/www.zilliondesigns.com\/blog\/wp-content\/uploads\/ux-error-403.png\"><img decoding=\"async\" class=\"aligncenter wp-image-7839 size-full lazyload\" data-src=\"https:\/\/www.zilliondesigns.com\/blog\/wp-content\/uploads\/ux-error-403.png\" alt=\"403\" width=\"560\" height=\"600\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" style=\"--smush-placeholder-width: 560px; --smush-placeholder-aspect-ratio: 560\/600;\"><\/a><\/center><\/p>\n<p>When the server understands request and is reachable, but refuses to take a responsive action. Simply, it translates to \u201caccess denied\u201d.<\/p>\n<h3>404 Not Found<\/h3>\n<p><center><a href=\"https:\/\/www.zilliondesigns.com\/blog\/wp-content\/uploads\/ux-error-404.png\"><img decoding=\"async\" class=\"aligncenter wp-image-7840 size-full lazyload\" data-src=\"https:\/\/www.zilliondesigns.com\/blog\/wp-content\/uploads\/ux-error-404.png\" alt=\"404\" width=\"560\" height=\"600\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" style=\"--smush-placeholder-width: 560px; --smush-placeholder-aspect-ratio: 560\/600;\"><\/a><\/center><\/p>\n<p>The \u201cNot Found\u201d error is very common, and indicates that although the communication between the client and server was indicated, the server couldn\u2019t find the request.<\/p>\n<h3>405 Method Not Allowed<\/h3>\n<p><center><a href=\"https:\/\/www.zilliondesigns.com\/blog\/wp-content\/uploads\/ux-error-405.png\"><img decoding=\"async\" class=\"aligncenter wp-image-7841 size-full lazyload\" data-src=\"https:\/\/www.zilliondesigns.com\/blog\/wp-content\/uploads\/ux-error-405.png\" alt=\"405\" width=\"560\" height=\"600\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" style=\"--smush-placeholder-width: 560px; --smush-placeholder-aspect-ratio: 560\/600;\"><\/a><\/center><\/p>\n<p>This one appears, \u201cMethod Not Found\u201d, and is caused when the name of the file is not specified. It often arises in the POST method \u2014 a form that needs data input.<\/p>\n<h3>406 Not Acceptable<\/h3>\n<p><center><a href=\"https:\/\/www.zilliondesigns.com\/blog\/wp-content\/uploads\/ux-error-406.png\"><img decoding=\"async\" class=\"aligncenter wp-image-7842 size-full lazyload\" data-src=\"https:\/\/www.zilliondesigns.com\/blog\/wp-content\/uploads\/ux-error-406.png\" alt=\"406\" width=\"560\" height=\"600\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" style=\"--smush-placeholder-width: 560px; --smush-placeholder-aspect-ratio: 560\/600;\"><\/a><\/center><\/p>\n<p>The \u201cNot Acceptable\u201d error happens when the data is not sent in the correct format requested by Accept Header.<\/p>\n<h3>407 Proxy Authentication Required<\/h3>\n<p><center><a href=\"https:\/\/www.zilliondesigns.com\/blog\/wp-content\/uploads\/ux-error-407.png\"><img decoding=\"async\" class=\"aligncenter wp-image-7843 size-full lazyload\" data-src=\"https:\/\/www.zilliondesigns.com\/blog\/wp-content\/uploads\/ux-error-407.png\" alt=\"407\" width=\"560\" height=\"600\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" style=\"--smush-placeholder-width: 560px; --smush-placeholder-aspect-ratio: 560\/600;\"><\/a><\/center><\/p>\n<p>Although the data sent to the server from client was spot on, there was no authentication given to the <a href=\"https:\/\/decodo.com\/proxies\" target=\"_blank\" rel=\"noopener\" class=\"broken_link\">proxy server<\/a>. Log in details are essential here.<\/p>\n<h3>408 Request Timeout<\/h3>\n<p><center><a href=\"https:\/\/www.zilliondesigns.com\/blog\/wp-content\/uploads\/ux-error-408.png\"><img decoding=\"async\" class=\"aligncenter wp-image-7844 size-full lazyload\" data-src=\"https:\/\/www.zilliondesigns.com\/blog\/wp-content\/uploads\/ux-error-408.png\" alt=\"408\" width=\"560\" height=\"600\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" style=\"--smush-placeholder-width: 560px; --smush-placeholder-aspect-ratio: 560\/600;\"><\/a><\/center><\/p>\n<p>The \u201cRequest Timeout\u201d error means that the web server thinks that too much time has passed in the establishment of connection between client and Internet Protocol.<\/p>\n<h3>409 Conflict<\/h3>\n<p><center><a href=\"https:\/\/www.zilliondesigns.com\/blog\/wp-content\/uploads\/ux-error-409.png\"><img decoding=\"async\" class=\"aligncenter wp-image-7845 size-full lazyload\" data-src=\"https:\/\/www.zilliondesigns.com\/blog\/wp-content\/uploads\/ux-error-409.png\" alt=\"409\" width=\"560\" height=\"600\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" style=\"--smush-placeholder-width: 560px; --smush-placeholder-aspect-ratio: 560\/600;\"><\/a><\/center><\/p>\n<p>The client request is not adhering to pre-established rules and thus cannot be completed by the web server. E.G. you can\u2019t upload file to the web that\u2019s an older version.<\/p>\n<h3>410 Gone<\/h3>\n<p><center><a href=\"https:\/\/www.zilliondesigns.com\/blog\/wp-content\/uploads\/ux-error-410.png\"><img decoding=\"async\" class=\"aligncenter wp-image-7846 size-full lazyload\" data-src=\"https:\/\/www.zilliondesigns.com\/blog\/wp-content\/uploads\/ux-error-410.png\" alt=\"410\" width=\"560\" height=\"600\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" style=\"--smush-placeholder-width: 560px; --smush-placeholder-aspect-ratio: 560\/600;\"><\/a><\/center><\/p>\n<p>Appears as \u201cGone\u201d, this error indicates that the request of a URL from the client is not available anymore in the system.<\/p>\n<h3>411 Length Required<\/h3>\n<p><center><a href=\"https:\/\/www.zilliondesigns.com\/blog\/wp-content\/uploads\/ux-error-411.png\"><img decoding=\"async\" class=\"aligncenter wp-image-7847 size-full lazyload\" data-src=\"https:\/\/www.zilliondesigns.com\/blog\/wp-content\/uploads\/ux-error-411.png\" alt=\"411\" width=\"560\" height=\"600\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" style=\"--smush-placeholder-width: 560px; --smush-placeholder-aspect-ratio: 560\/600;\"><\/a><\/center><\/p>\n<p>The \u201cLength Required\u201d error is when the web server thinks that client\u2019s data stream should mention the specific length of the content. Required for placement of HTTP data.<\/p>\n<h3>412 Precondition Failed<\/h3>\n<p><center><a href=\"https:\/\/www.zilliondesigns.com\/blog\/wp-content\/uploads\/ux-error-412.png\"><img decoding=\"async\" class=\"aligncenter wp-image-7848 size-full lazyload\" data-src=\"https:\/\/www.zilliondesigns.com\/blog\/wp-content\/uploads\/ux-error-412.png\" alt=\"412\" width=\"560\" height=\"600\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" style=\"--smush-placeholder-width: 560px; --smush-placeholder-aspect-ratio: 560\/600;\"><\/a><\/center><\/p>\n<p>This \u201cPrecondition Failed\u201d error happens when the client sends HTTP data that has a \u201cprecondition specification\u201d which is unrecognizable by the server.<\/p>\n<h3>413 Request Entity Too Large<\/h3>\n<p><center><a href=\"https:\/\/www.zilliondesigns.com\/blog\/wp-content\/uploads\/ux-error-413.png\"><img decoding=\"async\" class=\"aligncenter wp-image-7849 size-full lazyload\" data-src=\"https:\/\/www.zilliondesigns.com\/blog\/wp-content\/uploads\/ux-error-413.png\" alt=\"413\" width=\"560\" height=\"600\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" style=\"--smush-placeholder-width: 560px; --smush-placeholder-aspect-ratio: 560\/600;\"><\/a><\/center><\/p>\n<p>\u201cRequest Entity Too Large\u201d is an error whereby the client\u2019s data stream has too many bytes, i.e. the file is too large.<\/p>\n<h3>414 Request-URI Too Long<\/h3>\n<p><center><a href=\"https:\/\/www.zilliondesigns.com\/blog\/wp-content\/uploads\/ux-error-414.png\"><img decoding=\"async\" class=\"aligncenter wp-image-7850 size-full lazyload\" data-src=\"https:\/\/www.zilliondesigns.com\/blog\/wp-content\/uploads\/ux-error-414.png\" alt=\"414\" width=\"560\" height=\"600\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" style=\"--smush-placeholder-width: 560px; --smush-placeholder-aspect-ratio: 560\/600;\"><\/a><\/center><\/p>\n<p>The \u201cRequest URL too long\u201d is similar to 413 error. It is also based on the size of the file. Data that does not follow the limitation of bytes reflects this error.<\/p>\n<h3>415 Unsupported Media Type<\/h3>\n<p><center><a href=\"https:\/\/www.zilliondesigns.com\/blog\/wp-content\/uploads\/ux-error-415.png\"><img decoding=\"async\" class=\"aligncenter wp-image-7851 size-full lazyload\" data-src=\"https:\/\/www.zilliondesigns.com\/blog\/wp-content\/uploads\/ux-error-415.png\" alt=\"415\" width=\"560\" height=\"600\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" style=\"--smush-placeholder-width: 560px; --smush-placeholder-aspect-ratio: 560\/600;\"><\/a><\/center><\/p>\n<p>\u201cUnsupported Media Type\u201d shows when the client\u2019s media type in the data stream is not compatible with the URL resource.<\/p>\n<h3>416 Requested Range Not Satisfiable<\/h3>\n<p><center><a href=\"https:\/\/www.zilliondesigns.com\/blog\/wp-content\/uploads\/ux-error-416.png\"><img decoding=\"async\" class=\"aligncenter wp-image-7852 size-full lazyload\" data-src=\"https:\/\/www.zilliondesigns.com\/blog\/wp-content\/uploads\/ux-error-416.png\" alt=\"416\" width=\"560\" height=\"600\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" style=\"--smush-placeholder-width: 560px; --smush-placeholder-aspect-ratio: 560\/600;\"><\/a><\/center><\/p>\n<p>When a range of bytes cannot be met with its specifications because the resource doesn\u2019t cover this range.<\/p>\n<h2>Engaging Codes Visually<\/h2>\n<p>Knowing these codes is good, not only for general knowledge but also to know how to tackle them.<\/p>\n<p>Here, we haven\u2019t only listed the different types of errors of this series, but we have also recommended the visual ways in which a user won\u2019t be annoyed by them. Whether its <a href=\"https:\/\/www.zilliondesigns.com\/blog\/infographics\/teachyourself-responsive-web-design\/\">responsive web design<\/a> or any other type of website, these visuals will surely entertain your users.<\/p>\n<p><strong>Look<\/strong> at how you can creatively deliver the HTTP status code messages.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Isn\u2019t it quite irritating to search for something and land up on a link with an error? While many thought that 404 error was the only one in existence, actually there are more, in fact an entire series. We will present all errors faced by a customer that are potential disruptors to online user experience. [&hellip;]<\/p>\n","protected":false},"author":17,"featured_media":21300,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[297],"tags":[],"class_list":["post-16530","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-web-development"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Bringing 4xx User experience errors to life<\/title>\n<meta name=\"description\" content=\"Fun and innovative ways to engage users that land up on a 4xx error page. Creative illustrations that won&#039;t disrupt user experience.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.zilliondesigns.com\/blog\/bringing-4xx-user-experience-errors-to-life\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Bringing 4xx User experience errors to life\" \/>\n<meta property=\"og:description\" content=\"Fun and innovative ways to engage users that land up on a 4xx error page. Creative illustrations that won&#039;t disrupt user experience.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.zilliondesigns.com\/blog\/bringing-4xx-user-experience-errors-to-life\/\" \/>\n<meta property=\"og:site_name\" content=\"ZD Blog\" \/>\n<meta property=\"article:publisher\" content=\"http:\/\/facebook.com\/zilliondesigns\" \/>\n<meta property=\"article:published_time\" content=\"2015-10-05T06:22:46+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-10T13:43:06+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.zilliondesigns.com\/blog\/wp-content\/uploads\/user-experience-errors-to-life.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"800\" \/>\n\t<meta property=\"og:image:height\" content=\"324\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"ZD Team\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@zilliondesigns\" \/>\n<meta name=\"twitter:site\" content=\"@zilliondesigns\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"ZD Team\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"8 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.zilliondesigns.com\/blog\/bringing-4xx-user-experience-errors-to-life\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.zilliondesigns.com\/blog\/bringing-4xx-user-experience-errors-to-life\/\"},\"author\":{\"name\":\"ZD Team\",\"@id\":\"https:\/\/www.zilliondesigns.com\/blog\/#\/schema\/person\/02a0cd9f794e713c21a9b769b71cef95\"},\"headline\":\"Bringing 4xx User Experience Errors to Life\",\"datePublished\":\"2015-10-05T06:22:46+00:00\",\"dateModified\":\"2026-04-10T13:43:06+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.zilliondesigns.com\/blog\/bringing-4xx-user-experience-errors-to-life\/\"},\"wordCount\":802,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.zilliondesigns.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.zilliondesigns.com\/blog\/bringing-4xx-user-experience-errors-to-life\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.zilliondesigns.com\/blog\/wp-content\/uploads\/user-experience-errors-to-life.jpg\",\"articleSection\":[\"Web Development\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.zilliondesigns.com\/blog\/bringing-4xx-user-experience-errors-to-life\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.zilliondesigns.com\/blog\/bringing-4xx-user-experience-errors-to-life\/\",\"url\":\"https:\/\/www.zilliondesigns.com\/blog\/bringing-4xx-user-experience-errors-to-life\/\",\"name\":\"Bringing 4xx User experience errors to life\",\"isPartOf\":{\"@id\":\"https:\/\/www.zilliondesigns.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.zilliondesigns.com\/blog\/bringing-4xx-user-experience-errors-to-life\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.zilliondesigns.com\/blog\/bringing-4xx-user-experience-errors-to-life\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.zilliondesigns.com\/blog\/wp-content\/uploads\/user-experience-errors-to-life.jpg\",\"datePublished\":\"2015-10-05T06:22:46+00:00\",\"dateModified\":\"2026-04-10T13:43:06+00:00\",\"description\":\"Fun and innovative ways to engage users that land up on a 4xx error page. Creative illustrations that won't disrupt user experience.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.zilliondesigns.com\/blog\/bringing-4xx-user-experience-errors-to-life\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.zilliondesigns.com\/blog\/bringing-4xx-user-experience-errors-to-life\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.zilliondesigns.com\/blog\/bringing-4xx-user-experience-errors-to-life\/#primaryimage\",\"url\":\"https:\/\/www.zilliondesigns.com\/blog\/wp-content\/uploads\/user-experience-errors-to-life.jpg\",\"contentUrl\":\"https:\/\/www.zilliondesigns.com\/blog\/wp-content\/uploads\/user-experience-errors-to-life.jpg\",\"width\":800,\"height\":324,\"caption\":\"user-experience-errors-to-life\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.zilliondesigns.com\/blog\/bringing-4xx-user-experience-errors-to-life\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.zilliondesigns.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Bringing 4xx User Experience Errors to Life\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.zilliondesigns.com\/blog\/#website\",\"url\":\"https:\/\/www.zilliondesigns.com\/blog\/\",\"name\":\"ZD Blog\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/www.zilliondesigns.com\/blog\/#organization\"},\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.zilliondesigns.com\/blog\/#organization\",\"name\":\"ZillionDesigns Blog\",\"url\":\"https:\/\/www.zilliondesigns.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.zilliondesigns.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.zilliondesigns.com\/blog\/wp-content\/uploads\/ZD-Blog-Logo.png\",\"contentUrl\":\"https:\/\/www.zilliondesigns.com\/blog\/wp-content\/uploads\/ZD-Blog-Logo.png\",\"width\":570,\"height\":134,\"caption\":\"ZillionDesigns Blog\"},\"image\":{\"@id\":\"https:\/\/www.zilliondesigns.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"http:\/\/facebook.com\/zilliondesigns\",\"https:\/\/x.com\/zilliondesigns\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.zilliondesigns.com\/blog\/#\/schema\/person\/02a0cd9f794e713c21a9b769b71cef95\",\"name\":\"ZD Team\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.zilliondesigns.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/ad9e21922512847a7cd6734a67f13fdfc805007a70364aecd19e5b8d42a7a2a3?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/ad9e21922512847a7cd6734a67f13fdfc805007a70364aecd19e5b8d42a7a2a3?s=96&d=mm&r=g\",\"caption\":\"ZD Team\"},\"description\":\"ZD Team is the in-house editorial team behind the ZillionDesigns Blog. Specializing in design, branding, and logo strategy, our writers share practical insights, creative trends, and expert guidance to help businesses build stronger visual identities. From brand fundamentals to advanced logo design techniques, our team delivers content crafted for designers and growing brands alike.\",\"url\":\"https:\/\/www.zilliondesigns.com\/blog\/author\/zdteam\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Bringing 4xx User experience errors to life","description":"Fun and innovative ways to engage users that land up on a 4xx error page. Creative illustrations that won't disrupt user experience.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.zilliondesigns.com\/blog\/bringing-4xx-user-experience-errors-to-life\/","og_locale":"en_US","og_type":"article","og_title":"Bringing 4xx User experience errors to life","og_description":"Fun and innovative ways to engage users that land up on a 4xx error page. Creative illustrations that won't disrupt user experience.","og_url":"https:\/\/www.zilliondesigns.com\/blog\/bringing-4xx-user-experience-errors-to-life\/","og_site_name":"ZD Blog","article_publisher":"http:\/\/facebook.com\/zilliondesigns","article_published_time":"2015-10-05T06:22:46+00:00","article_modified_time":"2026-04-10T13:43:06+00:00","og_image":[{"width":800,"height":324,"url":"https:\/\/www.zilliondesigns.com\/blog\/wp-content\/uploads\/user-experience-errors-to-life.jpg","type":"image\/jpeg"}],"author":"ZD Team","twitter_card":"summary_large_image","twitter_creator":"@zilliondesigns","twitter_site":"@zilliondesigns","twitter_misc":{"Written by":"ZD Team","Est. reading time":"8 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.zilliondesigns.com\/blog\/bringing-4xx-user-experience-errors-to-life\/#article","isPartOf":{"@id":"https:\/\/www.zilliondesigns.com\/blog\/bringing-4xx-user-experience-errors-to-life\/"},"author":{"name":"ZD Team","@id":"https:\/\/www.zilliondesigns.com\/blog\/#\/schema\/person\/02a0cd9f794e713c21a9b769b71cef95"},"headline":"Bringing 4xx User Experience Errors to Life","datePublished":"2015-10-05T06:22:46+00:00","dateModified":"2026-04-10T13:43:06+00:00","mainEntityOfPage":{"@id":"https:\/\/www.zilliondesigns.com\/blog\/bringing-4xx-user-experience-errors-to-life\/"},"wordCount":802,"commentCount":0,"publisher":{"@id":"https:\/\/www.zilliondesigns.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.zilliondesigns.com\/blog\/bringing-4xx-user-experience-errors-to-life\/#primaryimage"},"thumbnailUrl":"https:\/\/www.zilliondesigns.com\/blog\/wp-content\/uploads\/user-experience-errors-to-life.jpg","articleSection":["Web Development"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.zilliondesigns.com\/blog\/bringing-4xx-user-experience-errors-to-life\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.zilliondesigns.com\/blog\/bringing-4xx-user-experience-errors-to-life\/","url":"https:\/\/www.zilliondesigns.com\/blog\/bringing-4xx-user-experience-errors-to-life\/","name":"Bringing 4xx User experience errors to life","isPartOf":{"@id":"https:\/\/www.zilliondesigns.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.zilliondesigns.com\/blog\/bringing-4xx-user-experience-errors-to-life\/#primaryimage"},"image":{"@id":"https:\/\/www.zilliondesigns.com\/blog\/bringing-4xx-user-experience-errors-to-life\/#primaryimage"},"thumbnailUrl":"https:\/\/www.zilliondesigns.com\/blog\/wp-content\/uploads\/user-experience-errors-to-life.jpg","datePublished":"2015-10-05T06:22:46+00:00","dateModified":"2026-04-10T13:43:06+00:00","description":"Fun and innovative ways to engage users that land up on a 4xx error page. Creative illustrations that won't disrupt user experience.","breadcrumb":{"@id":"https:\/\/www.zilliondesigns.com\/blog\/bringing-4xx-user-experience-errors-to-life\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.zilliondesigns.com\/blog\/bringing-4xx-user-experience-errors-to-life\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.zilliondesigns.com\/blog\/bringing-4xx-user-experience-errors-to-life\/#primaryimage","url":"https:\/\/www.zilliondesigns.com\/blog\/wp-content\/uploads\/user-experience-errors-to-life.jpg","contentUrl":"https:\/\/www.zilliondesigns.com\/blog\/wp-content\/uploads\/user-experience-errors-to-life.jpg","width":800,"height":324,"caption":"user-experience-errors-to-life"},{"@type":"BreadcrumbList","@id":"https:\/\/www.zilliondesigns.com\/blog\/bringing-4xx-user-experience-errors-to-life\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.zilliondesigns.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Bringing 4xx User Experience Errors to Life"}]},{"@type":"WebSite","@id":"https:\/\/www.zilliondesigns.com\/blog\/#website","url":"https:\/\/www.zilliondesigns.com\/blog\/","name":"ZD Blog","description":"","publisher":{"@id":"https:\/\/www.zilliondesigns.com\/blog\/#organization"},"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.zilliondesigns.com\/blog\/#organization","name":"ZillionDesigns Blog","url":"https:\/\/www.zilliondesigns.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.zilliondesigns.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.zilliondesigns.com\/blog\/wp-content\/uploads\/ZD-Blog-Logo.png","contentUrl":"https:\/\/www.zilliondesigns.com\/blog\/wp-content\/uploads\/ZD-Blog-Logo.png","width":570,"height":134,"caption":"ZillionDesigns Blog"},"image":{"@id":"https:\/\/www.zilliondesigns.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["http:\/\/facebook.com\/zilliondesigns","https:\/\/x.com\/zilliondesigns"]},{"@type":"Person","@id":"https:\/\/www.zilliondesigns.com\/blog\/#\/schema\/person\/02a0cd9f794e713c21a9b769b71cef95","name":"ZD Team","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.zilliondesigns.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/ad9e21922512847a7cd6734a67f13fdfc805007a70364aecd19e5b8d42a7a2a3?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/ad9e21922512847a7cd6734a67f13fdfc805007a70364aecd19e5b8d42a7a2a3?s=96&d=mm&r=g","caption":"ZD Team"},"description":"ZD Team is the in-house editorial team behind the ZillionDesigns Blog. Specializing in design, branding, and logo strategy, our writers share practical insights, creative trends, and expert guidance to help businesses build stronger visual identities. From brand fundamentals to advanced logo design techniques, our team delivers content crafted for designers and growing brands alike.","url":"https:\/\/www.zilliondesigns.com\/blog\/author\/zdteam\/"}]}},"_links":{"self":[{"href":"https:\/\/www.zilliondesigns.com\/blog\/wp-json\/wp\/v2\/posts\/16530","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.zilliondesigns.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.zilliondesigns.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.zilliondesigns.com\/blog\/wp-json\/wp\/v2\/users\/17"}],"replies":[{"embeddable":true,"href":"https:\/\/www.zilliondesigns.com\/blog\/wp-json\/wp\/v2\/comments?post=16530"}],"version-history":[{"count":4,"href":"https:\/\/www.zilliondesigns.com\/blog\/wp-json\/wp\/v2\/posts\/16530\/revisions"}],"predecessor-version":[{"id":33748,"href":"https:\/\/www.zilliondesigns.com\/blog\/wp-json\/wp\/v2\/posts\/16530\/revisions\/33748"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.zilliondesigns.com\/blog\/wp-json\/wp\/v2\/media\/21300"}],"wp:attachment":[{"href":"https:\/\/www.zilliondesigns.com\/blog\/wp-json\/wp\/v2\/media?parent=16530"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.zilliondesigns.com\/blog\/wp-json\/wp\/v2\/categories?post=16530"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.zilliondesigns.com\/blog\/wp-json\/wp\/v2\/tags?post=16530"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}