{"id":6333,"date":"2010-02-05T21:00:37","date_gmt":"2010-02-05T13:00:37","guid":{"rendered":"https:\/\/www.hongkiat.com\/blog\/?p=6333"},"modified":"2021-12-02T21:10:23","modified_gmt":"2021-12-02T13:10:23","slug":"11-common-mistakes-blunders-in-web-design","status":"publish","type":"post","link":"https:\/\/www.hongkiat.com\/blog\/11-common-mistakes-blunders-in-web-design\/","title":{"rendered":"10 Common Web Design Mistakes (Blunders)"},"content":{"rendered":"<p>There are tons of website on the Internet, and hundreds or probably thousands are created by day. Here\u2019s a very interesting thing to ponder \u2013 <strong>What are the elements of a good website?<\/strong><\/p>\n<p>Building a website can be daunting but the real challenge lies in making it usable. The problem is most web designers forget that the website wasn\u2019t created for themselves but to solve the users\u2019 needs. They give creativity priority over practicality and usability.<\/p>\n<p>In this article, we would like to highlight <strong>10 web design blunders that web developers and designers make <\/strong>and some suggestions how these mistakes can be easily avoided.<\/p>\n<h2>Poor Readability & Legibility.<\/h2>\n<p>This is a crucial element of web design. Of course, a good interface design will grab the users\u2019 attention but users have to read text to be able grasp the information they desire. Some websites use the most bizarre font styles and sizes that make reading a pain.<\/p>\n<h3>Suggestions:<\/h3>\n<p>Fortunately, there are simple ways that you can do to improve the users\u2019 reading experience on your website.<\/p>\n<ul>\n<li>Compare color schemes of most major sites and notice how the colors improve readability. A good place to try out different color schemes is <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/color.adobe.com\/create\/color-wheel\"><strong>Adobe Kuler<\/strong><\/a>.<\/li>\n<li>Use a <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/en.wikipedia.org\/wiki\/Sans-serif\"><strong>Sans serif typeface<\/strong><\/a> as it allows for easy reading on the web.<\/li>\n<\/ul>\n<h2>Unorganized Content Layout.<\/h2>\n<p><strong>A website\u2019s content is what drives traffic to it.<\/strong> How the content is structured is what will make it a success or a failure. Users do not read unless absolutely necessary but scan through information and pick out points of interest on a web page. Some designers just put a block of text on the web page and totally neglect headings, sub-headings, bullets, keywords, paragraphs, etc.<\/p>\n<p>Use an appropriate page title for each web page so users know exactly where they are. Some designers even forget to name the web page.<\/p>\n<p>Overall, the worst in this category will be putting inaccurate, inaccessible, insignificant or out-of-date content on your website. The content must coincide with the overall theme of the website and be useful. If a page is under construction, why bother putting it up? If a designer really must, then it is only temporary and 3 weeks will no longer be deemed temporary.<\/p>\n<h3>Suggestions: <\/h3>\n<p>Organize content on your website using HTML and CSS should be used when creating the design of your pages.<\/p>\n<ul>\n<li>Create enough whitespace between your text and images by using margins.<\/li>\n<li><strong>Update and be consistent<\/strong>. The purpose of updating is not just to add new content but to spot and correct past mistakes.<strong> Jakob Nielsen<\/strong> suggests you hire a <em>web \u201cgardener\u201d.<\/em><\/li>\n<\/ul>\n<p><em>Budget to hire a web gardener as part of your team. You need somebody to root out the weeds and replant the flowers as the website changes but most people would rather spend their time creating new content than on maintenance. In practice, maintenance is a cheap way of enhancing the content on your website since many old pages keep their relevance and should be linked into the new pages. Of course, some pages are better off being removed completely from the server after their expiration date <\/em>\u2013<strong> Jakob Nielsen<\/strong><\/p>\n<h2>Bad Navigation.<\/h2>\n<p><strong>Navigation within a website should be seamless.<\/strong> Users should be able to find their way around easily. While there is no standard for navigation within a website, especially now as more new web development technologies emerge, it is imperative to understand that navigation must be intuitive and consistent.<\/p>\n<p>If text is used as navigation, it should be concise. Visual metaphors should not be re-invented. If hyperlinks are used, then they should stand out from the body of the text. Dead links should have no place on any web page whatsoever. This increases user confusion and wastes time. And one that is even just as worse is having a link on the homepage that links to the homepage.<\/p>\n<h3>Suggestions:<\/h3>\n<ul>\n<li>Make navigation smooth by using textual descriptions for all links. Provide alt text for images. Use alternative text description techniques for Flash or Javascript links.<\/li>\n<li>Organize and structure your navigation in tandem with the theme of the website. Personal websites can afford to be more creative yet accessible but a business website requires more efficiency and clarity.<\/li>\n<\/ul>\n<p>Remember, if users can\u2019t find what they want in less than 3 clicks, most will leave immediately.<\/p>\n<h2>Inconsistent Interface Design.<\/h2>\n<p>Excessive creativity can be just that. Excessive! Some designers take it to another level when creating websites by creating different designs for every web page within a website. This is by no means confusing to the user. And utterly annoying. No matter how outstanding and attractive a website is, if the overall look and feel is not consistent, users cannot relate to it and feel less in control. Thus, leaving as soon as they arrived.<\/p>\n<h3>Suggestions:<\/h3>\n<ul>\n<li>Use a standard consistent template for every page with links to the main sections of the site.<\/li>\n<li>The keyword is simple. Create aesthetically simple designs and users will never get confused on your website.<\/li>\n<\/ul>\n<h2>Unfriendly Screen Resolution.<\/h2>\n<p>I\u2019m sure we\u2019ve visited websites where you have to scroll horizontally. This is an absolute no-no in modern web design. A good designer will develop websites that fit on most screen sizes. The current optimized layout for websites currently is 1024 x 768 pixels.<\/p>\n<h3>Suggestions:<\/h3>\n<p>It\u2019s hard and almost impossible to cater the design to fit every resolution especially when visitors are now surfing from mobile phones and netbooks, but we can get a rough idea what are the generally used screen resolutions with these following ways:<\/p>\n<ul>\n<li><strong>Check your stats<\/strong> \u2013 Analyic services like <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/marketingplatform.google.com\/about\/analytics\/\">Google Analytics<\/a> provides you information about what monitor resolution they are using. These are useful information you should know before initiating your next revamp.<\/li>\n<li><strong><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.w3schools.com\/browsers\/default.asp\">W3 Schools Browser Stats<\/a><\/strong> \u2013 W3 Schools gives clear lists of the most popular browser used by netizens and sort them according to popularity. There are other interesting and important statistics too.<\/li>\n<\/ul>\n<h2>Complicated Registration Forms.<\/h2>\n<p><strong>Registration forms are tricky.<\/strong> How much information do you require from the user? Gone are the days where a user had to enter a zillion details to register to your website. Some websites make most registration fields mandatory and validate the fields to the extent where the user is frustrated after a few tries. Remember, users visit a website to acquire information. Not the other way round.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/web-design-mistakes\/simple-registration-form.jpg\" width=\"500\" height=\"350\" alt=\"simple registration form\"><\/figure>\n<p><small>Compare registration forms across communities on the web and understand what basic information is required of the user during the registration process.<\/small><\/p>\n<p><strong>More:<\/strong> <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.smashingmagazine.com\/2009\/02\/9-common-usability-blunders\/\"><strong>9 Common Usability Mistakes In Web Design<\/strong><\/a> \u2013 This post on Smashing Magazine takes an in-depth look at registration forms amongst other usability mistakes.<\/p>\n<h2>Unscrupulous Use of Images\/Animations.<\/h2>\n<p><strong>Too much images on a web page is a huge turn off.<\/strong> Images can be used to capture users\u2019 attention but it can also be a distraction or just plain aggravating. Images should be used to illustrate and guide the user where appropriate.<\/p>\n<p>Animations are awesome and a powerful medium. Especially when used appropriately. When it\u2019s a cycle or just too much on a web page, it gets on the users\u2019 nerves. Users don\u2019t have the patience, time or resources so designers must offer alternatives or better yet, the skip button, if it\u2019s a full page animation.<\/p>\n<p><strong>More:<\/strong> Flash: 99% Bad \u2013 Use Flash appropriately. It\u2019s been almost 10 years since Jakob Nielsen published this article but it\u2019s still relevant in terms of Flash usability especially the <em>Breaks Web Fundamentals<\/em> piece.<\/p>\n<h2>Cluttered Pages, More Whitespace.<\/h2>\n<p>Too many designers forget about <strong>whitespace<\/strong> and its importance. They are so engulfed in their own design creativity that they forget that it\u2019s not about them. Thus, they try to cram as much as they can onto a single page. End result? A busy, cluttered and unreadable page.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/web-design-mistakes\/whitespace-in-design.jpg\" width=\"500\" height=\"400\" alt=\"whitespace in design\"><\/figure>\n<ul>\n<li><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/medium.com\/successivetech\/importance-of-whitespace-in-good-design-de03ea0ab4db#:~:text=Whitespace%20not%20only%20creates%20harmony,readers%20will%20enjoy%20and%20appreciate.\"><strong>The Value Of White Space <\/strong><\/a><\/li>\n<li><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/alistapart.com\/article\/whitespace\/\"><strong>Whitespace<\/strong><\/a><\/li>\n<\/ul>\n<h2>No Background Music, Please!<\/h2>\n<p><strong>Users don\u2019t want cool, they seek efficiency.<\/strong> And yes, 99 percent don\u2019t care about the music on your website. Some designers make it worse by putting different background music on every web page.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/web-design-mistakes\/no-background-music.jpg\" width=\"500\" height=\"120\" alt=\"no background music\"><\/figure>\n<h3>Suggestions:<\/h3>\n<p><strong>Don\u2019t use background music<\/strong>, but if you must, create a frame for the code and user controls. That way, the music loops continuously, instead of changing each time a new page is loaded within the website. And the user can stop or pause whenever.<\/p>\n<h2>11. Test, Test and Test.<\/h2>\n<p>This cannot be overemphasized. How many times have we been to web pages that can only be viewed on a certain browser? Web developers have to have a checklist of sorts when testing websites.<\/p>\n<ul>\n<li>Can the website be viewed in different environments?<\/li>\n<li>Is the design layout consistent in all browsers?<\/li>\n<li>Can the website be viewed in different settings such as Images turned off, JavaScript turned off, etc?<\/li>\n<\/ul>\n<h3>Suggestions:<\/h3>\n<p>W3C offers tools to test for quality assurance. Check out <strong><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/w3c.github.io\/developers\/tools\/\">W3C Quality Assurance Toolbox<\/a><\/strong> and <strong><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/validator.w3.org\/about.html\">Web Page Validation<\/a><\/strong>.<\/p>\n<h2>Conclusion:<\/h2>\n<p><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/en.wikipedia.org\/wiki\/KISS_principle\">Keep it simple, stupid<\/a> (K.I.S.S).That\u2019s bottom line. If it\u2019s simple, it\u2019s usable. All in all, great websites keep it simple and usable. Do your homework and it comes easy and naturally.<\/p>","protected":false},"excerpt":{"rendered":"<p>There are tons of website on the Internet, and hundreds or probably thousands are created by day. Here\u2019s a very interesting thing to ponder \u2013 What are the elements of a good website? Building a website can be daunting but the real challenge lies in making it usable. The problem is most web designers forget&hellip;<\/p>\n","protected":false},"author":536,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[352],"tags":[3380],"topic":[4520],"class_list":["entry-content","is-maxi"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v22.8 (Yoast SEO v27.4) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>10 Common Web Design Mistakes (Blunders) - Hongkiat<\/title>\n<meta name=\"description\" content=\"There are tons of website on the Internet, and hundreds or probably thousands are created by day. Here&#039;s a very interesting thing to ponder - What are the\" \/>\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.hongkiat.com\/blog\/11-common-mistakes-blunders-in-web-design\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"10 Common Web Design Mistakes (Blunders)\" \/>\n<meta property=\"og:description\" content=\"There are tons of website on the Internet, and hundreds or probably thousands are created by day. Here&#039;s a very interesting thing to ponder - What are the\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hongkiat.com\/blog\/11-common-mistakes-blunders-in-web-design\/\" \/>\n<meta property=\"og:site_name\" content=\"Hongkiat\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/hongkiatcom\" \/>\n<meta property=\"article:published_time\" content=\"2010-02-05T13:00:37+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-12-02T13:10:23+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/assets.hongkiat.com\/uploads\/web-design-mistakes\/simple-registration-form.jpg\" \/>\n<meta name=\"author\" content=\"Brujo Owoh\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@hongkiat\" \/>\n<meta name=\"twitter:site\" content=\"@hongkiat\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Brujo Owoh\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/11-common-mistakes-blunders-in-web-design\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/11-common-mistakes-blunders-in-web-design\\\/\"},\"author\":{\"name\":\"Brujo Owoh\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/21acd3ba346504223119d44e5fd8cb24\"},\"headline\":\"10 Common Web Design Mistakes (Blunders)\",\"datePublished\":\"2010-02-05T13:00:37+00:00\",\"dateModified\":\"2021-12-02T13:10:23+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/11-common-mistakes-blunders-in-web-design\\\/\"},\"wordCount\":1499,\"commentCount\":109,\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/11-common-mistakes-blunders-in-web-design\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/web-design-mistakes\\\/simple-registration-form.jpg\",\"keywords\":[\"Design Blunder\"],\"articleSection\":[\"Web Design\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/11-common-mistakes-blunders-in-web-design\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/11-common-mistakes-blunders-in-web-design\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/11-common-mistakes-blunders-in-web-design\\\/\",\"name\":\"10 Common Web Design Mistakes (Blunders) - Hongkiat\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/11-common-mistakes-blunders-in-web-design\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/11-common-mistakes-blunders-in-web-design\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/web-design-mistakes\\\/simple-registration-form.jpg\",\"datePublished\":\"2010-02-05T13:00:37+00:00\",\"dateModified\":\"2021-12-02T13:10:23+00:00\",\"description\":\"There are tons of website on the Internet, and hundreds or probably thousands are created by day. Here's a very interesting thing to ponder - What are the\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/11-common-mistakes-blunders-in-web-design\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/11-common-mistakes-blunders-in-web-design\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/11-common-mistakes-blunders-in-web-design\\\/#primaryimage\",\"url\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/web-design-mistakes\\\/simple-registration-form.jpg\",\"contentUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/web-design-mistakes\\\/simple-registration-form.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/11-common-mistakes-blunders-in-web-design\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"10 Common Web Design Mistakes (Blunders)\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\",\"name\":\"Hongkiat\",\"description\":\"Tech and Design Tips\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\",\"name\":\"Hongkiat.com\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wp-content\\\/uploads\\\/hkdc-logo-rect-yoast.jpg\",\"contentUrl\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wp-content\\\/uploads\\\/hkdc-logo-rect-yoast.jpg\",\"width\":1200,\"height\":799,\"caption\":\"Hongkiat.com\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/hongkiatcom\",\"https:\\\/\\\/x.com\\\/hongkiat\",\"https:\\\/\\\/www.pinterest.com\\\/hongkiat\\\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/21acd3ba346504223119d44e5fd8cb24\",\"name\":\"Brujo Owoh\",\"description\":\"Brujo Owoh is a Multimedia Systems undergrad specializing in Web Design and 2D Animation. He enjoys reading fiction, hanging out with his mates, and keeping up with design trends on Twitter.\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/author\\\/brujoowoh\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"10 Common Web Design Mistakes (Blunders) - Hongkiat","description":"There are tons of website on the Internet, and hundreds or probably thousands are created by day. Here's a very interesting thing to ponder - What are the","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.hongkiat.com\/blog\/11-common-mistakes-blunders-in-web-design\/","og_locale":"en_US","og_type":"article","og_title":"10 Common Web Design Mistakes (Blunders)","og_description":"There are tons of website on the Internet, and hundreds or probably thousands are created by day. Here's a very interesting thing to ponder - What are the","og_url":"https:\/\/www.hongkiat.com\/blog\/11-common-mistakes-blunders-in-web-design\/","og_site_name":"Hongkiat","article_publisher":"https:\/\/www.facebook.com\/hongkiatcom","article_published_time":"2010-02-05T13:00:37+00:00","article_modified_time":"2021-12-02T13:10:23+00:00","og_image":[{"url":"https:\/\/assets.hongkiat.com\/uploads\/web-design-mistakes\/simple-registration-form.jpg","type":"","width":"","height":""}],"author":"Brujo Owoh","twitter_card":"summary_large_image","twitter_creator":"@hongkiat","twitter_site":"@hongkiat","twitter_misc":{"Written by":"Brujo Owoh","Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.hongkiat.com\/blog\/11-common-mistakes-blunders-in-web-design\/#article","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/11-common-mistakes-blunders-in-web-design\/"},"author":{"name":"Brujo Owoh","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/21acd3ba346504223119d44e5fd8cb24"},"headline":"10 Common Web Design Mistakes (Blunders)","datePublished":"2010-02-05T13:00:37+00:00","dateModified":"2021-12-02T13:10:23+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/11-common-mistakes-blunders-in-web-design\/"},"wordCount":1499,"commentCount":109,"publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/11-common-mistakes-blunders-in-web-design\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/web-design-mistakes\/simple-registration-form.jpg","keywords":["Design Blunder"],"articleSection":["Web Design"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.hongkiat.com\/blog\/11-common-mistakes-blunders-in-web-design\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.hongkiat.com\/blog\/11-common-mistakes-blunders-in-web-design\/","url":"https:\/\/www.hongkiat.com\/blog\/11-common-mistakes-blunders-in-web-design\/","name":"10 Common Web Design Mistakes (Blunders) - Hongkiat","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/11-common-mistakes-blunders-in-web-design\/#primaryimage"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/11-common-mistakes-blunders-in-web-design\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/web-design-mistakes\/simple-registration-form.jpg","datePublished":"2010-02-05T13:00:37+00:00","dateModified":"2021-12-02T13:10:23+00:00","description":"There are tons of website on the Internet, and hundreds or probably thousands are created by day. Here's a very interesting thing to ponder - What are the","breadcrumb":{"@id":"https:\/\/www.hongkiat.com\/blog\/11-common-mistakes-blunders-in-web-design\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hongkiat.com\/blog\/11-common-mistakes-blunders-in-web-design\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/11-common-mistakes-blunders-in-web-design\/#primaryimage","url":"https:\/\/assets.hongkiat.com\/uploads\/web-design-mistakes\/simple-registration-form.jpg","contentUrl":"https:\/\/assets.hongkiat.com\/uploads\/web-design-mistakes\/simple-registration-form.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hongkiat.com\/blog\/11-common-mistakes-blunders-in-web-design\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.hongkiat.com\/blog\/"},{"@type":"ListItem","position":2,"name":"10 Common Web Design Mistakes (Blunders)"}]},{"@type":"WebSite","@id":"https:\/\/www.hongkiat.com\/blog\/#website","url":"https:\/\/www.hongkiat.com\/blog\/","name":"Hongkiat","description":"Tech and Design Tips","publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.hongkiat.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.hongkiat.com\/blog\/#organization","name":"Hongkiat.com","url":"https:\/\/www.hongkiat.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.hongkiat.com\/blog\/wp-content\/uploads\/hkdc-logo-rect-yoast.jpg","contentUrl":"https:\/\/www.hongkiat.com\/blog\/wp-content\/uploads\/hkdc-logo-rect-yoast.jpg","width":1200,"height":799,"caption":"Hongkiat.com"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/hongkiatcom","https:\/\/x.com\/hongkiat","https:\/\/www.pinterest.com\/hongkiat\/"]},{"@type":"Person","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/21acd3ba346504223119d44e5fd8cb24","name":"Brujo Owoh","description":"Brujo Owoh is a Multimedia Systems undergrad specializing in Web Design and 2D Animation. He enjoys reading fiction, hanging out with his mates, and keeping up with design trends on Twitter.","url":"https:\/\/www.hongkiat.com\/blog\/author\/brujoowoh\/"}]}},"jetpack_featured_media_url":"https:\/\/","jetpack_shortlink":"https:\/\/wp.me\/p4uxU-1E9","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/6333","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/users\/536"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/comments?post=6333"}],"version-history":[{"count":4,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/6333\/revisions"}],"predecessor-version":[{"id":56970,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/6333\/revisions\/56970"}],"wp:attachment":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/media?parent=6333"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/categories?post=6333"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/tags?post=6333"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/topic?post=6333"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}