{"id":3816,"date":"2014-01-07T14:19:52","date_gmt":"2014-01-07T19:19:52","guid":{"rendered":"http:\/\/www.killersites.com\/blog\/?p=3816"},"modified":"2014-01-07T14:21:28","modified_gmt":"2014-01-07T19:21:28","slug":"web-design-in-2014-what-should-you-learn","status":"publish","type":"post","link":"https:\/\/www.killersites.com\/blog\/2014\/web-design-in-2014-what-should-you-learn\/","title":{"rendered":"Web Design in 2014 &#8211; what should you learn?"},"content":{"rendered":"<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.killersites.com\/blog\/wp-content\/uploads\/2010\/01\/045.png\" alt=\"design skills\" width=\"128\" height=\"128\" class=\"alignright size-full wp-image-1146\" \/><\/p>\n<p>Hi,<\/p>\n<p>Let&#8217;s start off this article with the conclusion &#8211; web design in 2014:<\/p>\n<ul>\n<li>Code &#8211; learn more code: HTML, CSS, HTML5, CSS3, PHP and JavaScript.<\/li>\n<li>Usability &#8211; learn to make websites easier to navigate.<\/li>\n<li>Simplification of design.<\/li>\n<\/ul>\n<p><strong>Code:<\/strong><\/p>\n<p>In the last few years, the web design world (finally) totally embraced the importance of understanding code. The move in that direction started back during the web-standards evangelizing days &#8230; in about 2002-2003. There was resistance, but my feel for it now, is that the vast majority of web designers accept the fact that you can&#8217;t just rely on point-and-click web visual web design tools, if you want to build sites on a professional level. <\/p>\n<p>&#8230; Yes, if you just need to build a brochure website that promotes your raspberry muffins, you can use simple website builders and a template. But if you are building a website that will have any depth to it, code is king and is required. Why? In a nutshell: control and optimization.<\/p>\n<p><strong>Usability: <\/strong><\/p>\n<p>Usability is as much as art as it is a science because each site requires it&#8217;s own innovation (if you will) when comes to making a website easy to use. That said, there are simple conventions that people come to expect:<\/p>\n<ul>\n<li>Top left logo is always a link to the homepage.<\/li>\n<li>Navigation is found at the top and footer of the pages.<\/li>\n<li>Breadcrumb navigation is fantastic for deep sites.<\/li>\n<\/ul>\n<p>I would argue that the hardest part of building a website is in making it usable. It also probably the most important aspect of any website because if a site is too hard to navigate, no one will use it. <\/p>\n<p><strong>Simplification of design<\/strong><\/p>\n<p>This trend towards simpler minimal design I believe is a reflection of the growing understanding in the importance of usability. Usability is hard enough, but making a complex visual design easy to use it mega hard! Simple design means: <\/p>\n<ul>\n<li>More whitespace &#8211; more &#8216;breathing room&#8217; on the page.<\/li>\n<li>Use larger sans serif fonts &#8211; less fancy.<\/li>\n<li>Less images, but larger and higher quality.<\/li>\n<\/ul>\n<p>Putting the money where my mouth is, we kept all this in mind when building the <a href=\"http:\/\/www.studioweb.com\/\">StudioWeb<\/a> e-learning website. <\/p>\n<p>Thanks,<\/p>\n<p>Stefan Mischook<br \/>\nkillerSites.com <\/p>\n","protected":false},"excerpt":{"rendered":"<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.killersites.com\/blog\/wp-content\/uploads\/2010\/01\/045.png\" alt=\"design skills\" width=\"128\" height=\"128\" class=\"alignright size-full wp-image-1146\" style=\"float: right: margin: 10px;\" \/><\/p>\n<p>About Learning to Code:<\/p>\n<p>In the last few years, the web design world (finally) totally embraced the importance of understanding code. The move in that direction started back during the web-standards evangelizing days &#8230; in about 2002-2003. <\/p>\n<p>There was resistance, but my feel for it now, is that the vast majority of web designers accept the fact that you can&#8217;t just rely on point-and-click web visual web design tools, if you want to build sites on a professional level. <\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4,9],"tags":[],"_links":{"self":[{"href":"https:\/\/www.killersites.com\/blog\/wp-json\/wp\/v2\/posts\/3816"}],"collection":[{"href":"https:\/\/www.killersites.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.killersites.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.killersites.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.killersites.com\/blog\/wp-json\/wp\/v2\/comments?post=3816"}],"version-history":[{"count":5,"href":"https:\/\/www.killersites.com\/blog\/wp-json\/wp\/v2\/posts\/3816\/revisions"}],"predecessor-version":[{"id":3821,"href":"https:\/\/www.killersites.com\/blog\/wp-json\/wp\/v2\/posts\/3816\/revisions\/3821"}],"wp:attachment":[{"href":"https:\/\/www.killersites.com\/blog\/wp-json\/wp\/v2\/media?parent=3816"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.killersites.com\/blog\/wp-json\/wp\/v2\/categories?post=3816"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.killersites.com\/blog\/wp-json\/wp\/v2\/tags?post=3816"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}