{"id":37,"date":"2022-09-29T22:21:47","date_gmt":"2022-09-29T21:21:47","guid":{"rendered":"https:\/\/zaraknox.co.uk\/journal\/?p=37"},"modified":"2022-10-03T18:49:32","modified_gmt":"2022-10-03T17:49:32","slug":"design-for-web-content-what-is-web-design","status":"publish","type":"post","link":"https:\/\/zaraknox.co.uk\/journal\/2022\/09\/29\/design-for-web-content-what-is-web-design\/","title":{"rendered":"Design for Web Content &#8211; What is Web Design?"},"content":{"rendered":"\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/zaraknox.co.uk\/journal\/wp-content\/uploads\/2022\/09\/content-1024x576.jpeg\" alt=\"\" class=\"wp-image-38\"\/><\/figure>\n\n\n\n<p><a href=\"https:\/\/www.websitearchitecture.co.uk\/courses\/2022-23\/design-for-web-content\/resources\/\" target=\"_blank\" rel=\"noreferrer noopener\">Resources for this course<\/a><\/p>\n\n\n\n<p><strong>What makes a good website?<\/strong><\/p>\n\n\n\n<ul><li>Responsive websites will be pushed higher up on search engines. Think of it as Google rewarding for good practice.<\/li><li>Content<\/li><li>Accessibility<\/li><li>SEO &#8211; fresh quality content that is regularly updated will get better search engine results<\/li><li>Content over aesthetics &#8211; aim for a balance, but content is the key draw overall<\/li><\/ul>\n\n\n\n<p><strong>What makes a bad website?<\/strong><\/p>\n\n\n\n<ul><li>long loading times (slow server hosts, large imgs, etc.)<\/li><li>poor quality content, signups<\/li><li>poor aesthetics, different fonts<\/li><li>unclear layouts, unpredictable navs<\/li><li>long user journey<\/li><li>unresponsive<\/li><\/ul>\n\n\n\n<p><strong>A little bit on the history of the web (as read in Jeremy Keith\u2019s book <em>Resilient Web Design<\/em>)<\/strong><\/p>\n\n\n\n<ul><li>the Mosaic graphical browser was released in 1993 and was the first to contain images.<\/li><li> The beauty of the web &#8211; it is backwards-compatible. Content from 1989 can be viewed today.<\/li><\/ul>\n\n\n\n<p><strong>Growth of the Web<\/strong><\/p>\n\n\n\n<ul><li>The number of domain names is falling in recent years. There are so many domain names that they can\u2019t be snapped up and sold on for a profit. For example, there isn\u2019t just .com, there\u2019s now .blue, .pizza etc.<\/li><li>Nobody should be excluded from the web. However, we can see that not every continent has equal access to the web.<\/li><\/ul>\n\n\n\n<p><strong>Who coordinates Web technologies?<\/strong><\/p>\n\n\n\n<p>We need an independent org to moderate the web and set the rules. We have Web Standards that set the rules, created by a consortium known as WWWC (World Wide Web Consortium) and founded by Tim Berners-Lee.<\/p>\n\n\n\n<p><strong>On Designing<\/strong><\/p>\n\n\n\n<ul><li>Think of all the things that need to be considered when designing something.<\/li><li>Look at the laundry liquid dispenser evolution. Watch how beautiful, efficient simplicity becomes ridiculous complication and over-decoration. The problem is if one does it, other producers do it as well. It is no longer functional. A masculine looking dispenser to appeal to the \u2018new man\u2019 of the 1990s for example.<\/li><li>Think about the role colours and other design features play in conveying info to the user.<\/li><\/ul>\n\n\n\n<p><strong>Design Principles<\/strong><\/p>\n\n\n\n<p>Check out the book the <em>Universal Principles of Design<\/em><\/p>\n\n\n\n<p>Look at the slides on the <em>Golden Ratio<\/em> and <em>Hierarchy<\/em>.<\/p>\n\n\n\n<p><em>Hick\u2019s Law<\/em>, where too many choices can take more of the user\u2019s time.<\/p>\n\n\n\n<p><em>Ockham\u2019s Razor<\/em> &#8211; the simplest design wins.<\/p>\n\n\n\n<p><em>The Expectation Effect<\/em> &#8211; you pick up a bag of red crisps and expect them to be ready salted. Or looking at a collection of rectangles and know that the bottom rectangle is a footer. Or knowing that upside down bottles are likely to be conditioner, as opposed to shampoo.<\/p>\n\n\n\n<p><strong>What is <em>Good<\/em> Design?<\/strong><\/p>\n\n\n\n<p>\u201cA designer knows he has achieved perfection not when there is nothing left to add, but when there is nothing left to take away.\u201d<\/p>\n\n\n\n<p>Simple and inclusive is key. How can you make the design feel invisible as you take it for granted so much?<\/p>\n\n\n\n<p><strong>To become a better designer, you must become critical of every designed object you see and use.<\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Resources for this course What makes a good website? Responsive websites will be pushed higher up on search engines. Think of it as Google rewarding for good practice. Content Accessibility SEO &#8211; fresh quality content that is regularly updated will get better search engine results Content over aesthetics &#8211; aim for a balance, but content [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[8,3],"tags":[4],"_links":{"self":[{"href":"https:\/\/zaraknox.co.uk\/journal\/wp-json\/wp\/v2\/posts\/37"}],"collection":[{"href":"https:\/\/zaraknox.co.uk\/journal\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/zaraknox.co.uk\/journal\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/zaraknox.co.uk\/journal\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/zaraknox.co.uk\/journal\/wp-json\/wp\/v2\/comments?post=37"}],"version-history":[{"count":3,"href":"https:\/\/zaraknox.co.uk\/journal\/wp-json\/wp\/v2\/posts\/37\/revisions"}],"predecessor-version":[{"id":41,"href":"https:\/\/zaraknox.co.uk\/journal\/wp-json\/wp\/v2\/posts\/37\/revisions\/41"}],"wp:attachment":[{"href":"https:\/\/zaraknox.co.uk\/journal\/wp-json\/wp\/v2\/media?parent=37"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/zaraknox.co.uk\/journal\/wp-json\/wp\/v2\/categories?post=37"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/zaraknox.co.uk\/journal\/wp-json\/wp\/v2\/tags?post=37"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}