{"id":698,"date":"2013-02-21T22:15:40","date_gmt":"2013-02-22T03:15:40","guid":{"rendered":"http:\/\/awgentry.com\/?p=698"},"modified":"2013-04-29T22:52:23","modified_gmt":"2013-04-30T02:52:23","slug":"worst-webpage-mistakes-vs-perfect-web-design","status":"publish","type":"post","link":"http:\/\/awgentry.com\/weblog\/worst-webpage-mistakes-vs-perfect-web-design\/","title":{"rendered":"Worst Webpage Mistakes vs Perfect Web Design"},"content":{"rendered":"<p><strong>What&#8217;s the difference between a great website and an awful one? <\/strong>Is it too subjective to say? Can you even compare sites as divergent as <a class=\"zem_slink\" title=\"Google\" rel=\"homepage\" href=\"http:\/\/google.com\">Google<\/a>, <a class=\"zem_slink\" title=\"Facebook\" rel=\"homepage\" href=\"http:\/\/facebook.com\">Facebook<\/a>, and <a class=\"zem_slink\" title=\"Basecamp\" rel=\"homepage\" href=\"http:\/\/www.basecamphq.com\/\">Basecamp<\/a>? While there can be some room for opinion, there are definitely some nearly universal principles which separate the virtual wheat from the chaff.<\/p>\n<p>The <strong>worst <a class=\"zem_slink\" title=\"Web design\" rel=\"wikipedia\" href=\"http:\/\/en.wikipedia.org\/wiki\/Web_design\">Web design<\/a> mistakes<\/strong> are those which impair the user&#8217;s ability to use the site. These include, among others:<\/p>\n<ul>\n<li> <strong>Coding errors:<\/strong> Whether a missed <a class=\"zem_slink\" title=\"XHTML\" rel=\"wikipedia\" href=\"http:\/\/en.wikipedia.org\/wiki\/XHTML\">XHTML<\/a> tag, a programming typo, or  incompatability between Web browsers, a small mistake can make the  webpage function improperly or disappear altogether.<\/li>\n<li><strong>Hard-to-read text:<\/strong> Lack of contrast between background and  foreground, such as white text on a yellow background, hinders or  prevents the user from reading the page.<\/li>\n<li><strong>Incomplete or inconsistent navigation:<\/strong> A website should be intuitive  to move from page to page, and have no dead-ends. A lack of an  easy-to-use site menu or pages which have no outgoing links will  frustrate users and make them likely to leave your website altogether.<\/li>\n<\/ul>\n<p>A <strong>perfect Web design<\/strong>, on the other hand, can take many forms depending  on the user. Google could be perfect in its easy search simplicity;  <a class=\"zem_slink\" title=\"Slashdot\" rel=\"homepage\" href=\"http:\/\/slashdot.org\/\">Slashdot<\/a> appeals to the tech crowd by providing an endless stream of  interesting articles. Great sites have some similarities, though:<\/p>\n<ul>\n<li> <strong>Useful and easy: <\/strong>Websites should generally have some helpful purpose  for the user, such as providing information, completing a task, or  streamlining purchases. They should also be simple enough for the target  user (for example, complexity may be fine for an audience of computer  programmers), while letting them accomplish what they want to do as  efficiently as possible.<\/li>\n<li><strong>Uses current technology: <\/strong>You don&#8217;t have to have a massive  database-driven website with all the bells and whistles, but it needs to  be contemporary, both on the surface and under the hood: That  tables-based site I made a decade ago was pretty cool back then, but  looks totally amateurish compared to today&#8217;s common <a class=\"zem_slink\" title=\"WordPress\" rel=\"homepage\" href=\"http:\/\/wordpress.org\">WordPress<\/a> template.<\/li>\n<li><strong>Widespread appeal:<\/strong> Though it&#8217;s a bit arbitrary and hard to predict,  the traffic and subscribers to a website are a definite indication of  its design quality. If a million users are going to the site repeatedly,  chances are the great design has something to do with it, be it in  functionality, ease of use, or some other factor.<\/li>\n<\/ul>\n<p>You can check out <a href=\"http:\/\/awgentry.com\/?p=110\">The Non-Designer&#8217;s Design Book by (the other) Robin Williams<\/a>, or some of the other <a href=\"http:\/\/awgentry.com\/?p=105\">books on my list of inspirations<\/a> for more info.<\/p>\n<p><em>What other major principles, positive or negative, would you add to my list? <\/em><em>How&#8217;s your favorite site stack up? Which sites have you found to be absolutely horrid, and which ones were totally amazing?<br \/>\n<\/em><\/p>\n<h6 class=\"zemanta-related-title\">Related articles<\/h6>\n<ul class=\"zemanta-article-ul\">\n<li class=\"zemanta-article-ul-li\"><a href=\"http:\/\/skyje.com\/2011\/01\/web-design-trends\/\">Current web design trends &#8211; an overview<\/a> (skyje.com)<\/li>\n<li class=\"zemanta-article-ul-li\"><a href=\"http:\/\/www.brighthub.com\/internet\/web-development\/articles\/56707.aspx\">10 Quick Website Maintenance Tips<\/a> (brighthub.com)<\/li>\n<li class=\"zemanta-article-ul-li\"><a href=\"http:\/\/lifehacker.com\/5740330\/learn-the-basics-of-design-this-weekend\">Learn the Basics of Design This Weekend [Weekendhacker]<\/a> (lifehacker.com)<\/li>\n<\/ul>\n<div class=\"zemanta-pixie\"><img decoding=\"async\" class=\"zemanta-pixie-img\" src=\"http:\/\/img.zemanta.com\/pixy.gif?x-id=2c10ed37-3161-4278-bab6-4b358f45bc8c\" alt=\"\" \/><span class=\"zem-script more-related pretty-attribution\"><script src=\"http:\/\/static.zemanta.com\/readside\/loader.js\" type=\"text\/javascript\"><\/script><\/span><\/div>\n","protected":false},"excerpt":{"rendered":"<p>What&#8217;s the difference between a great website and an awful one? Is it too subjective to say? Can you even compare sites as divergent as Google, Facebook, and Basecamp? While there can be some room for opinion, there are definitely some nearly universal principles which separate the virtual wheat from the chaff. The worst Web&hellip;<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[15,17,133,23],"tags":[137,138],"class_list":["post-698","post","type-post","status-publish","format-standard","hentry","category-creative","category-geek","category-programming-web","category-web","tag-web-design","tag-xhtml"],"_links":{"self":[{"href":"http:\/\/awgentry.com\/weblog\/wp-json\/wp\/v2\/posts\/698","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/awgentry.com\/weblog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/awgentry.com\/weblog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/awgentry.com\/weblog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/awgentry.com\/weblog\/wp-json\/wp\/v2\/comments?post=698"}],"version-history":[{"count":1,"href":"http:\/\/awgentry.com\/weblog\/wp-json\/wp\/v2\/posts\/698\/revisions"}],"predecessor-version":[{"id":990,"href":"http:\/\/awgentry.com\/weblog\/wp-json\/wp\/v2\/posts\/698\/revisions\/990"}],"wp:attachment":[{"href":"http:\/\/awgentry.com\/weblog\/wp-json\/wp\/v2\/media?parent=698"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/awgentry.com\/weblog\/wp-json\/wp\/v2\/categories?post=698"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/awgentry.com\/weblog\/wp-json\/wp\/v2\/tags?post=698"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}