{"id":4620,"date":"2012-03-09T23:32:27","date_gmt":"2012-03-10T05:32:27","guid":{"rendered":"http:\/\/www.evolutionarydesigns.net\/blog\/?p=4620"},"modified":"2015-01-10T02:31:58","modified_gmt":"2015-01-10T08:31:58","slug":"10-of-my-favorite-web-design-infographics","status":"publish","type":"post","link":"http:\/\/www.evolutionarydesigns.net\/blog\/2012\/03\/09\/10-of-my-favorite-web-design-infographics\/","title":{"rendered":"10 of My Favorite Web Design Infographics"},"content":{"rendered":"<p>What can I say I love <a href=\"http:\/\/www.evolutionarydesigns.net\/blog\/2010\/09\/22\/10-of-my-favorite-infographics\/\" target=\"_blank\">infographics<\/a> and its been a while since I last posted a collection of my favorite infographics. So today I thought I would share with everyone, some of my favorite web design related infographics. I found ten great infographics on <a href=\"http:\/\/visual.ly\/\" target=\"_blank\">visual.ly<\/a>.<\/p>\n<p>For those that are visual learners, infographics are great way to see the data visually. A great infographic will not only have great data, the creator will make it look good.<\/p>\n<p>All images in the collection are only a clipping of the infographic. Please click on the link to see the whole infographic. If you are the owner of these images and do not want these images posted here. Please <a href=\"http:\/\/www.evolutionarydesigns.net\/blog\/contact-us\/\" target=\"_blank\">contact us<\/a> so we can remove your image from the collection.<\/p>\n<h2>Web Design Infographics<\/h2>\n<h3>The Anatomy of a Horrible Web Design Client<\/h3>\n<p><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" style=\"background-image: none; margin: 10px auto; padding-left: 0px; padding-right: 0px; display: block; float: none; padding-top: 0px; border: 0px;\" title=\"TheAnatomyofaHorribleWebDesignClient_4f334ce075ed7\" src=\"https:\/\/i0.wp.com\/www.evolutionarydesigns.net\/blog\/wp-content\/uploads\/2012\/03\/TheAnatomyofaHorribleWebDesignClient_4f334ce075ed7.jpg?resize=600%2C356\" alt=\"10 of My Favorite Web Design Infographics\" width=\"600\" height=\"356\" border=\"0\" \/><\/p>\n<p><em>\u201cWe&#8217;ve all dealt with the typical web design client. We thought it would be fun to take a tongue-in-cheek look at the people who pay the bills: <a href=\"http:\/\/visual.ly\/anatomy-horrible-web-design-client\" target=\"_blank\">the customers who drive us crazy<\/a>.<\/em> \u201c Original Source:\u00a0<a href=\"http:\/\/www.topwebdesignschools.org\/design-clients\/\">The Anatomy of a Horrible Web Design Client<\/a><\/p>\n<h3>Bigfork Norwich | DIY Website Review<img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" style=\"background-image: none; margin: 10px auto; padding-left: 0px; padding-right: 0px; display: block; float: none; padding-top: 0px; border: 0px;\" title=\"BigforkNorwichDIYWebsiteReview_4f4faceb1eb3e\" src=\"https:\/\/i0.wp.com\/www.evolutionarydesigns.net\/blog\/wp-content\/uploads\/2012\/03\/BigforkNorwichDIYWebsiteReview_4f4faceb1eb3e.png?resize=600%2C380\" alt=\"10 of My Favorite Web Design Infographics\" width=\"600\" height=\"380\" border=\"0\" \/><\/h3>\n<p><em>\u201cDoes your website need a facelift? Check out <a href=\"http:\/\/visual.ly\/bigfork-norwich-diy-website-review\" target=\"_blank\">Bigfork&#8217;s solution to your web design issues<\/a>.\u201d<\/em><\/p>\n<h3>Mixed Feelings<img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" style=\"background-image: none; margin: 10px auto; padding-left: 0px; padding-right: 0px; display: block; float: none; padding-top: 0px; border: 0px;\" title=\"surfthewebdesigns_4f2676ca4cd00\" src=\"https:\/\/i0.wp.com\/www.evolutionarydesigns.net\/blog\/wp-content\/uploads\/2012\/03\/surfthewebdesigns_4f2676ca4cd00.png?resize=600%2C351\" alt=\"10 of My Favorite Web Design Infographics\" width=\"600\" height=\"351\" border=\"0\" \/><\/h3>\n<p><em>\u201cWeb design can be an important tool to engage your audience and build a customer network. This <a href=\"http:\/\/visual.ly\/mixed-feelings\" target=\"_blank\">infographic<\/a> shows techniques on how to cultivate emotion through web design through words, fonts and colors.\u201d<\/em><\/p>\n<h3>Usability Testing<img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" style=\"background-image: none; margin: 10px auto; padding-left: 0px; padding-right: 0px; display: block; float: none; padding-top: 0px; border: 0px;\" title=\"UsabilityTesting_4f3d4febdb78f\" src=\"https:\/\/i0.wp.com\/www.evolutionarydesigns.net\/blog\/wp-content\/uploads\/2012\/03\/UsabilityTesting_4f3d4febdb78f.jpg?resize=600%2C357\" alt=\"10 of My Favorite Web Design Infographics\" width=\"600\" height=\"357\" border=\"0\" \/><\/h3>\n<p>\u201cHow to ensure your website and visitors <a href=\"http:\/\/visual.ly\/usability-testing\" target=\"_blank\">achieve their goals<\/a>. \u201c<\/p>\n<h3>The Anatomy of a Perfect Website<a href=\"https:\/\/i0.wp.com\/www.evolutionarydesigns.net\/blog\/wp-content\/uploads\/2012\/03\/theanatomyofaperfectwebsiteinfographicsendblasterblog_4f29dd81a1578_w587.jpg\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" style=\"background-image: none; margin: 10px auto; padding-left: 0px; padding-right: 0px; display: block; float: none; padding-top: 0px; border: 0px;\" title=\"theanatomyofaperfectwebsiteinfographicsendblasterblog_4f29dd81a1578_w587\" src=\"https:\/\/i0.wp.com\/www.evolutionarydesigns.net\/blog\/wp-content\/uploads\/2012\/03\/theanatomyofaperfectwebsiteinfographicsendblasterblog_4f29dd81a1578_w587_thumb.jpg?resize=600%2C359\" alt=\"10 of My Favorite Web Design Infographics\" width=\"600\" height=\"359\" border=\"0\" \/><\/a><\/h3>\n<p><em>\u201cDesigning a website combines the best parts of art and science. Sure, you need to have some incredibly artistic and elegant designs but without a simple framework, the site will suffer some serious flaws. Following a blueprint will ensure great flow and usability. It will allow users to understand where they are while navigating and give them an easy way to get to the next page. In this brilliant <\/em><a href=\"http:\/\/visual.ly\/anatomy-perfect-website-0\" target=\"_blank\"><em>infographic<\/em><\/a><em> you&#8217;ll find lots of hints and tips on how a perfect website should be designed.\u201d<\/em><\/p>\n<h3>What is CSS?<img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" style=\"background-image: none; margin: 10px auto; padding-left: 0px; padding-right: 0px; display: block; float: none; padding-top: 0px; border: 0px;\" title=\"cssinfographicinterestingfactsandhistorybijjaladesign_4f2822540ca12\" src=\"https:\/\/i0.wp.com\/www.evolutionarydesigns.net\/blog\/wp-content\/uploads\/2012\/03\/cssinfographicinterestingfactsandhistorybijjaladesign_4f2822540ca12.jpg?resize=600%2C384\" alt=\"10 of My Favorite Web Design Infographics\" width=\"600\" height=\"384\" border=\"0\" \/><\/h3>\n<p><em>\u201cThis <a href=\"http:\/\/visual.ly\/what-css\" target=\"_blank\">infographic<\/a> will also be interesting and useful for CSS beginners and will help them learn the very basics of this technology. And now please go ahead and see the CSS infographic itself. We will also be happy to know your thoughts about it in the comments.\u201c<\/em><\/p>\n<h3>The whole web is confused by mobile<img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" style=\"background-image: none; margin: 10px auto; padding-left: 0px; padding-right: 0px; display: block; float: none; padding-top: 0px; border: 0px;\" title=\"appsnativasvswebinfografiainographicsoftwareticsy_4f2193ee4dad5_w974\" src=\"https:\/\/i0.wp.com\/www.evolutionarydesigns.net\/blog\/wp-content\/uploads\/2012\/03\/appsnativasvswebinfografiainographicsoftwareticsy_4f2193ee4dad5_w974.jpg?resize=604%2C425\" alt=\"10 of My Favorite Web Design Infographics\" width=\"604\" height=\"425\" border=\"0\" \/><\/h3>\n<p><em>\u201cApp, web app, native app, mobile site, mobile app, adaptive design, reactive design, responsive design. What!?! There seems to be <a href=\"http:\/\/visual.ly\/whole-web-confused-mobile\" target=\"_blank\">a lot of confusion out there<\/a>. What do all of these seemingly interchangeable terms mean for me? Whether or not you go for a web app or a native app is dependent on your audience, what you are trying to achieve, and your budget. Both options have their place in the right context.\u201d<\/em><\/p>\n<h3>The Web Development Process<img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" style=\"background-image: none; margin: 10px auto; padding-left: 0px; padding-right: 0px; display: block; float: none; padding-top: 0px; border: 0px;\" title=\"infographicthewebdevelopmentprocess_4f1e70831d180\" src=\"https:\/\/i0.wp.com\/www.evolutionarydesigns.net\/blog\/wp-content\/uploads\/2012\/03\/infographicthewebdevelopmentprocess_4f1e70831d180.jpg?resize=600%2C378\" alt=\"10 of My Favorite Web Design Infographics\" width=\"600\" height=\"378\" border=\"0\" \/><\/h3>\n<p><em>\u201cThe <a href=\"http:\/\/visual.ly\/web-development-process\" target=\"_blank\">web app development process<\/a> can be an intimidating thing to take on. There is so much to do from wireframes to coding to design, so it is no surprise it is such a daunting task.\u201d<\/em><\/p>\n<h3>Web Design Evolution<img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" style=\"background-image: none; margin: 10px auto; padding-left: 0px; padding-right: 0px; display: block; float: none; padding-top: 0px; border: 0px;\" title=\"evolutionofwebdesigninfographiccarringtoncollegecalifornia_4f1e283f2d4fd_w587\" src=\"https:\/\/i0.wp.com\/www.evolutionarydesigns.net\/blog\/wp-content\/uploads\/2012\/03\/evolutionofwebdesigninfographiccarringtoncollegecalifornia_4f1e283f2d4fd_w587.jpg?resize=609%2C459\" alt=\"10 of My Favorite Web Design Infographics\" width=\"609\" height=\"459\" border=\"0\" \/><\/h3>\n<p><em>\u201cWebsites have come a long way in the last ten years but remember when websites were neon green, with text in all caps and the hyperlinks in blue? Read on to see where the tablet-ready <\/em><a href=\"http:\/\/visual.ly\/web-design-evolution\" target=\"_blank\"><em>internet we know today came from<\/em><\/a><em>, and what recent developments mean for the future of web design.<\/em><\/p>\n<h3>Top Graphic Design Careers Compared<a href=\"https:\/\/i0.wp.com\/www.evolutionarydesigns.net\/blog\/wp-content\/uploads\/2012\/03\/infographicsoftheweek20kenovigilmultimediasolutions_4f1e017597530.jpg\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" style=\"background-image: none; margin: 10px auto; padding-left: 0px; padding-right: 0px; display: block; float: none; padding-top: 0px; border: 0px;\" title=\"infographicsoftheweek20kenovigilmultimediasolutions_4f1e017597530\" src=\"https:\/\/i0.wp.com\/www.evolutionarydesigns.net\/blog\/wp-content\/uploads\/2012\/03\/infographicsoftheweek20kenovigilmultimediasolutions_4f1e017597530_thumb.jpg?resize=601%2C305\" alt=\"10 of My Favorite Web Design Infographics\" width=\"601\" height=\"305\" border=\"0\" \/><\/a><\/h3>\n<p><em>\u201cThis <a href=\"http:\/\/visual.ly\/top-graphic-design-careers-compared\" target=\"_blank\">infographic<\/a> that highlights the evolution of web design along with positions and the salaries that follow. The Internet is changing, so web designers, hop on. It\u2019s your time to shine.\u201c<\/em><\/p>\n<h3>All You Need To Know About Web Designers<img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" style=\"background-image: none; margin: 10px auto; padding-left: 0px; padding-right: 0px; display: block; float: none; padding-top: 0px; border: 0px;\" title=\"allyouneedtoknowaboutwebdesignersinfographicwow_4f1e3cce9fc0f\" src=\"https:\/\/i0.wp.com\/www.evolutionarydesigns.net\/blog\/wp-content\/uploads\/2012\/03\/allyouneedtoknowaboutwebdesignersinfographicwow_4f1e3cce9fc0f.png?resize=600%2C324\" alt=\"10 of My Favorite Web Design Infographics\" width=\"600\" height=\"324\" border=\"0\" \/><\/h3>\n<p><em>\u201cThis <a href=\"http:\/\/visual.ly\/all-you-need-know-about-web-designers-0\" target=\"_blank\">infographic<\/a> is a huge roundup of facts and figures about our fellow web designers. Learn everything you need to know (and more) about web workers from a single glance.\u201c<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>What can I say I love infographics and its been a while since I last posted a collection of my favorite infographics. So today I thought I would share with everyone, some of my favorite web design related infographics. I found ten great infographics on visual.ly. For those that are visual learners, infographics are great [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[6],"tags":[606,1480],"class_list":["post-4620","post","type-post","status-publish","format-standard","hentry","category-web-design","tag-infographics","tag-web-design","entry","has-post-thumbnail"],"aioseo_notices":[],"jetpack_featured_media_url":"","jetpack_shortlink":"https:\/\/wp.me\/pJPdG-1cw","jetpack_sharing_enabled":true,"jetpack-related-posts":[],"jetpack_likes_enabled":true,"_links":{"self":[{"href":"http:\/\/www.evolutionarydesigns.net\/blog\/wp-json\/wp\/v2\/posts\/4620","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.evolutionarydesigns.net\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.evolutionarydesigns.net\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.evolutionarydesigns.net\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"http:\/\/www.evolutionarydesigns.net\/blog\/wp-json\/wp\/v2\/comments?post=4620"}],"version-history":[{"count":2,"href":"http:\/\/www.evolutionarydesigns.net\/blog\/wp-json\/wp\/v2\/posts\/4620\/revisions"}],"predecessor-version":[{"id":7853,"href":"http:\/\/www.evolutionarydesigns.net\/blog\/wp-json\/wp\/v2\/posts\/4620\/revisions\/7853"}],"wp:attachment":[{"href":"http:\/\/www.evolutionarydesigns.net\/blog\/wp-json\/wp\/v2\/media?parent=4620"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.evolutionarydesigns.net\/blog\/wp-json\/wp\/v2\/categories?post=4620"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.evolutionarydesigns.net\/blog\/wp-json\/wp\/v2\/tags?post=4620"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}