{"id":10209,"date":"2017-01-18T09:00:35","date_gmt":"2017-01-18T09:00:35","guid":{"rendered":"https:\/\/pingler.com\/blog\/?p=10209"},"modified":"2017-01-17T22:05:45","modified_gmt":"2017-01-17T22:05:45","slug":"the-biggest-web-design-mistakes-of-2016","status":"publish","type":"post","link":"https:\/\/pingler.com\/blog\/the-biggest-web-design-mistakes-of-2016\/","title":{"rendered":"The Biggest Web Design Mistakes of 2016"},"content":{"rendered":"<p><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-medium wp-image-10306\" src=\"https:\/\/pingler.com\/blog\/wp-content\/uploads\/2017\/01\/forecast-595186_960_720-300x200.jpg\" alt=\"\" width=\"300\" height=\"200\" srcset=\"https:\/\/pingler.com\/blog\/wp-content\/uploads\/2017\/01\/forecast-595186_960_720-300x200.jpg 300w, https:\/\/pingler.com\/blog\/wp-content\/uploads\/2017\/01\/forecast-595186_960_720-768x511.jpg 768w, https:\/\/pingler.com\/blog\/wp-content\/uploads\/2017\/01\/forecast-595186_960_720.jpg 960w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/>We\u2019ve come a long way from the days of big bold text and plain backgrounds. Web design technology today provides creators the tools and instruments to create anything from a fast-loading static page to a fully animated slideshow using HTML5 and CSS3. Things will only get better.<\/p>\n<p>Unfortunately, even the most experienced web designers still make some big mistakes. Even worse, some of these mistakes are commonly found on top and popular websites. Now that we\u2019re at the start of a new year, it is time to take a look at the biggest web design mistakes of 2016 &#8211; and how to avoid repeating them.<\/p>\n<h2>Big Popups and Annoying Ads<\/h2>\n<p>I don\u2019t know about you, but I absolutely hate annoying popups. Telling users to subscribe to a newsletter every time they change pages or asking users to see an interstitial page before getting to the actual content (I\u2019m looking at you, Forbes!) are web design practices that should no longer exist today.<\/p>\n<p>The problem gets even worse when you access these sites using a mobile device. A popup asking \u2013 well, forcing \u2013 users to download a mobile app is very common among the best sites today. Fortunately, Google and other search engines started penalizing these big popups almost as soon as they became popular.<\/p>\n<p>While it is understandable that websites want to get users to subscribe or follow a certain call to action, popups are just not the way to do it. There are simpler, subtler ways to achieve the same goals. A background ad that appears in the middle of an article \u2013 and that users can easily scroll through or choose to act on, depending on the content of the ad \u2013 will be a big hit in 2017.<\/p>\n<h2>More Ads on Mobile<\/h2>\n<p>Mobile is going to be bigger than desktop in 2017. Last year, over 60% of the world\u2019s internet traffic came from mobile devices. That number will continue to grow as more mobile devices reach the hands of internet users. Having a mobile-friendly site is a must.<\/p>\n<p>Unfortunately, not all responsive or mobile-friendly sites are created equal. Some failed to realize that migrating the same number of ads to a mobile layout means making the mobile version cluttered.<\/p>\n<p>Content must always be the king of your site, including when the site is viewed from a mobile device. Removing some ads from the desktop version of the site or repositioning them so that the main contents can be more accessible is the way to go this year.<\/p>\n<h2>Lack of Personality<\/h2>\n<p>Users value relationships more than they value good design and fancy animations. In fact, the two most important factors to add to a website today are positive user experience and personality. It is time to stop bombarding users with logos and design elements and start adding faces and people to websites.<\/p>\n<p>Having a website that shows personality is a good way to quickly build a strong audience base. Instead of seeing a brand, visitors can connect with the people behind it. This works for any website from one for a professional to a big corporate website equally well. Paired with social media presence and high quality contents, you will be able to have a website that sets you apart by adding faces to it.<\/p>\n<p>So, did you make any of these mistakes in 2016? What are your plans for this year? Be sure to share your stories and insights in the comments section below.<\/p>\n<p><i><html><br \/>\n\t<head><br \/>\n\t\t<title><\/title><br \/>\n\t<\/head><br \/>\n\t<body><\/p>\n<p style=\"text-align: center;\">\n\t\t\t<a href=\"http:\/\/www.pingler.com\/account\/register\/\" data-wpel-link=\"external\"><img decoding=\"async\" alt=\"\" src=\"http:\/\/www.pingler.com\/affiliates\/banners\/Pingler-468x60-01A.gif\" style=\"width: 468px; height: 60px;\" \/><\/a><\/p>\n<p>\t<\/body><br \/>\n<\/html><\/i><\/p>\n","protected":false},"excerpt":{"rendered":"<p>We\u2019ve come a long way from the days of big bold text and plain backgrounds. Web design technology today provides creators the tools and instruments to create anything from a fast-loading static page to a fully animated slideshow using HTML5 and CSS3. Things will only get better. Unfortunately, even the most experienced web designers still [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":10306,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[172],"tags":[1070],"class_list":["post-10209","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-web-design","tag-web-design"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.1.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>The Biggest Web Design Mistakes of 2016 - Pingler Blog<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/pingler.com\/blog\/the-biggest-web-design-mistakes-of-2016\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"The Biggest Web Design Mistakes of 2016 - Pingler Blog\" \/>\n<meta property=\"og:description\" content=\"We\u2019ve come a long way from the days of big bold text and plain backgrounds. Web design technology today provides creators the tools and instruments to create anything from a fast-loading static page to a fully animated slideshow using HTML5 and CSS3. Things will only get better. Unfortunately, even the most experienced web designers still [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/pingler.com\/blog\/the-biggest-web-design-mistakes-of-2016\/\" \/>\n<meta property=\"og:site_name\" content=\"Pingler Blog\" \/>\n<meta property=\"article:publisher\" content=\"http:\/\/facebook.com\/pinglerdotcom\" \/>\n<meta property=\"article:published_time\" content=\"2017-01-18T09:00:35+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/pingler.com\/blog\/wp-content\/uploads\/2017\/01\/forecast-595186_960_720.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"960\" \/>\n\t<meta property=\"og:image:height\" content=\"639\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Pingler\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Pingler\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/pingler.com\/blog\/the-biggest-web-design-mistakes-of-2016\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/pingler.com\/blog\/the-biggest-web-design-mistakes-of-2016\/\"},\"author\":{\"name\":\"Pingler\",\"@id\":\"https:\/\/pingler.com\/blog\/#\/schema\/person\/4995c81e4dee73f9670af7fd1e1529b9\"},\"headline\":\"The Biggest Web Design Mistakes of 2016\",\"datePublished\":\"2017-01-18T09:00:35+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/pingler.com\/blog\/the-biggest-web-design-mistakes-of-2016\/\"},\"wordCount\":580,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/pingler.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/pingler.com\/blog\/the-biggest-web-design-mistakes-of-2016\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/pingler.com\/blog\/wp-content\/uploads\/2017\/01\/forecast-595186_960_720.jpg\",\"keywords\":[\"Web Design\"],\"articleSection\":[\"Web Design\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/pingler.com\/blog\/the-biggest-web-design-mistakes-of-2016\/\",\"url\":\"https:\/\/pingler.com\/blog\/the-biggest-web-design-mistakes-of-2016\/\",\"name\":\"The Biggest Web Design Mistakes of 2016 - Pingler Blog\",\"isPartOf\":{\"@id\":\"https:\/\/pingler.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/pingler.com\/blog\/the-biggest-web-design-mistakes-of-2016\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/pingler.com\/blog\/the-biggest-web-design-mistakes-of-2016\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/pingler.com\/blog\/wp-content\/uploads\/2017\/01\/forecast-595186_960_720.jpg\",\"datePublished\":\"2017-01-18T09:00:35+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/pingler.com\/blog\/the-biggest-web-design-mistakes-of-2016\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/pingler.com\/blog\/the-biggest-web-design-mistakes-of-2016\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/pingler.com\/blog\/the-biggest-web-design-mistakes-of-2016\/#primaryimage\",\"url\":\"https:\/\/pingler.com\/blog\/wp-content\/uploads\/2017\/01\/forecast-595186_960_720.jpg\",\"contentUrl\":\"https:\/\/pingler.com\/blog\/wp-content\/uploads\/2017\/01\/forecast-595186_960_720.jpg\",\"width\":960,\"height\":639},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/pingler.com\/blog\/the-biggest-web-design-mistakes-of-2016\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/pingler.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"The Biggest Web Design Mistakes of 2016\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/pingler.com\/blog\/#website\",\"url\":\"https:\/\/pingler.com\/blog\/\",\"name\":\"Pingler.com\",\"description\":\"Ping\",\"publisher\":{\"@id\":\"https:\/\/pingler.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/pingler.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/pingler.com\/blog\/#organization\",\"name\":\"Pingler.com\",\"url\":\"https:\/\/pingler.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/pingler.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/pingler.com\/blog\/wp-content\/uploads\/2024\/09\/pingler-logo.jpg\",\"contentUrl\":\"https:\/\/pingler.com\/blog\/wp-content\/uploads\/2024\/09\/pingler-logo.jpg\",\"width\":300,\"height\":160,\"caption\":\"Pingler.com\"},\"image\":{\"@id\":\"https:\/\/pingler.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"http:\/\/facebook.com\/pinglerdotcom\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/pingler.com\/blog\/#\/schema\/person\/4995c81e4dee73f9670af7fd1e1529b9\",\"name\":\"Pingler\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/pingler.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/db71def0321a21d7d90da93e8a25172df87a2673a1d70d32d64cc075558a9597?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/db71def0321a21d7d90da93e8a25172df87a2673a1d70d32d64cc075558a9597?s=96&d=mm&r=g\",\"caption\":\"Pingler\"},\"sameAs\":[\"http:\/\/www.pingler.com\"],\"url\":\"https:\/\/pingler.com\/blog\/author\/pingler\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"The Biggest Web Design Mistakes of 2016 - Pingler Blog","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:\/\/pingler.com\/blog\/the-biggest-web-design-mistakes-of-2016\/","og_locale":"en_US","og_type":"article","og_title":"The Biggest Web Design Mistakes of 2016 - Pingler Blog","og_description":"We\u2019ve come a long way from the days of big bold text and plain backgrounds. Web design technology today provides creators the tools and instruments to create anything from a fast-loading static page to a fully animated slideshow using HTML5 and CSS3. Things will only get better. Unfortunately, even the most experienced web designers still [&hellip;]","og_url":"https:\/\/pingler.com\/blog\/the-biggest-web-design-mistakes-of-2016\/","og_site_name":"Pingler Blog","article_publisher":"http:\/\/facebook.com\/pinglerdotcom","article_published_time":"2017-01-18T09:00:35+00:00","og_image":[{"width":960,"height":639,"url":"https:\/\/pingler.com\/blog\/wp-content\/uploads\/2017\/01\/forecast-595186_960_720.jpg","type":"image\/jpeg"}],"author":"Pingler","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Pingler","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/pingler.com\/blog\/the-biggest-web-design-mistakes-of-2016\/#article","isPartOf":{"@id":"https:\/\/pingler.com\/blog\/the-biggest-web-design-mistakes-of-2016\/"},"author":{"name":"Pingler","@id":"https:\/\/pingler.com\/blog\/#\/schema\/person\/4995c81e4dee73f9670af7fd1e1529b9"},"headline":"The Biggest Web Design Mistakes of 2016","datePublished":"2017-01-18T09:00:35+00:00","mainEntityOfPage":{"@id":"https:\/\/pingler.com\/blog\/the-biggest-web-design-mistakes-of-2016\/"},"wordCount":580,"commentCount":0,"publisher":{"@id":"https:\/\/pingler.com\/blog\/#organization"},"image":{"@id":"https:\/\/pingler.com\/blog\/the-biggest-web-design-mistakes-of-2016\/#primaryimage"},"thumbnailUrl":"https:\/\/pingler.com\/blog\/wp-content\/uploads\/2017\/01\/forecast-595186_960_720.jpg","keywords":["Web Design"],"articleSection":["Web Design"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/pingler.com\/blog\/the-biggest-web-design-mistakes-of-2016\/","url":"https:\/\/pingler.com\/blog\/the-biggest-web-design-mistakes-of-2016\/","name":"The Biggest Web Design Mistakes of 2016 - Pingler Blog","isPartOf":{"@id":"https:\/\/pingler.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/pingler.com\/blog\/the-biggest-web-design-mistakes-of-2016\/#primaryimage"},"image":{"@id":"https:\/\/pingler.com\/blog\/the-biggest-web-design-mistakes-of-2016\/#primaryimage"},"thumbnailUrl":"https:\/\/pingler.com\/blog\/wp-content\/uploads\/2017\/01\/forecast-595186_960_720.jpg","datePublished":"2017-01-18T09:00:35+00:00","breadcrumb":{"@id":"https:\/\/pingler.com\/blog\/the-biggest-web-design-mistakes-of-2016\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/pingler.com\/blog\/the-biggest-web-design-mistakes-of-2016\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/pingler.com\/blog\/the-biggest-web-design-mistakes-of-2016\/#primaryimage","url":"https:\/\/pingler.com\/blog\/wp-content\/uploads\/2017\/01\/forecast-595186_960_720.jpg","contentUrl":"https:\/\/pingler.com\/blog\/wp-content\/uploads\/2017\/01\/forecast-595186_960_720.jpg","width":960,"height":639},{"@type":"BreadcrumbList","@id":"https:\/\/pingler.com\/blog\/the-biggest-web-design-mistakes-of-2016\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/pingler.com\/blog\/"},{"@type":"ListItem","position":2,"name":"The Biggest Web Design Mistakes of 2016"}]},{"@type":"WebSite","@id":"https:\/\/pingler.com\/blog\/#website","url":"https:\/\/pingler.com\/blog\/","name":"Pingler.com","description":"Ping","publisher":{"@id":"https:\/\/pingler.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/pingler.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/pingler.com\/blog\/#organization","name":"Pingler.com","url":"https:\/\/pingler.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/pingler.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/pingler.com\/blog\/wp-content\/uploads\/2024\/09\/pingler-logo.jpg","contentUrl":"https:\/\/pingler.com\/blog\/wp-content\/uploads\/2024\/09\/pingler-logo.jpg","width":300,"height":160,"caption":"Pingler.com"},"image":{"@id":"https:\/\/pingler.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["http:\/\/facebook.com\/pinglerdotcom"]},{"@type":"Person","@id":"https:\/\/pingler.com\/blog\/#\/schema\/person\/4995c81e4dee73f9670af7fd1e1529b9","name":"Pingler","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/pingler.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/db71def0321a21d7d90da93e8a25172df87a2673a1d70d32d64cc075558a9597?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/db71def0321a21d7d90da93e8a25172df87a2673a1d70d32d64cc075558a9597?s=96&d=mm&r=g","caption":"Pingler"},"sameAs":["http:\/\/www.pingler.com"],"url":"https:\/\/pingler.com\/blog\/author\/pingler\/"}]}},"_links":{"self":[{"href":"https:\/\/pingler.com\/blog\/wp-json\/wp\/v2\/posts\/10209","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pingler.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/pingler.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/pingler.com\/blog\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/pingler.com\/blog\/wp-json\/wp\/v2\/comments?post=10209"}],"version-history":[{"count":2,"href":"https:\/\/pingler.com\/blog\/wp-json\/wp\/v2\/posts\/10209\/revisions"}],"predecessor-version":[{"id":10307,"href":"https:\/\/pingler.com\/blog\/wp-json\/wp\/v2\/posts\/10209\/revisions\/10307"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/pingler.com\/blog\/wp-json\/wp\/v2\/media\/10306"}],"wp:attachment":[{"href":"https:\/\/pingler.com\/blog\/wp-json\/wp\/v2\/media?parent=10209"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/pingler.com\/blog\/wp-json\/wp\/v2\/categories?post=10209"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/pingler.com\/blog\/wp-json\/wp\/v2\/tags?post=10209"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}