{"id":2004,"date":"2016-10-10T11:00:04","date_gmt":"2016-10-10T10:00:04","guid":{"rendered":"https:\/\/blogs.ncl.ac.uk\/web\/?p=2004"},"modified":"2016-10-06T11:21:51","modified_gmt":"2016-10-06T10:21:51","slug":"less-is-more-our-minimalist-approach-to-the-web","status":"publish","type":"post","link":"https:\/\/blogs.ncl.ac.uk\/web\/2016\/10\/10\/less-is-more-our-minimalist-approach-to-the-web\/","title":{"rendered":"Less is More: Our Minimalist Approach to the Web"},"content":{"rendered":"<p>Since we started the Go Mobile process, we&#8217;ve deleted nearly 5,000 pages\u00a0from university websites.<\/p>\n<p>Many of these pages were out of date or duplicated content from elsewhere on the web. They were confusing our users\u00a0by presenting information that had no currency or relevance.\u00a0They were, essentially, digital clutter.<\/p>\n<p>We have a minimalist approach to the web. We like<strong> simple websites<\/strong> that provide information quickly\u00a0and efficiently by using <strong>clear language<\/strong>\u00a0and an <strong>effective, uncluttered design<\/strong>.<\/p>\n<blockquote><p>&#8220;Some web designers mistakenly regard minimalism as a primarily aesthetic choice. They neglect the fact that the ultimate goals of minimalism are usability and economy \u2013 the ability to do more with less.&#8221;<br \/>\n\u2013 <a href=\"http:\/\/usabilitygeek.com\/less-is-more-importance-minimalist-web-design\/\">Alan Smith<\/a>, Usability Geek<\/p><\/blockquote>\n<p>This minimalist approach is <strong>better for users<\/strong> because it helps create websites that are helpful and easy to use. It&#8217;s also <strong>better for you<\/strong>, our editors, because it offers a formula for creating good content and a framework for prioritising information.<\/p>\n<p>Here are some tips to help you approach your website with a more minimalist mindset:<\/p>\n<p><strong>Be simple and clear <\/strong><\/p>\n<p>In terms of both design and language.<\/p>\n<p>Check\u00a0our\u00a0<a href=\"https:\/\/internal.ncl.ac.uk\/web\/style-guides\/editorial.htm\">editorial<\/a>\u00a0and\u00a0<a href=\"https:\/\/internal.ncl.ac.uk\/web\/style-guides\/content\/\">content<\/a>\u00a0guidelines for advice on how to write and edit for the web. Use readability tools (like <a href=\"https:\/\/blogs.ncl.ac.uk\/web\/2016\/06\/22\/improving-readability-through-go-mobile\/\">Clarity Grader<\/a> and the <a href=\"http:\/\/www.hemingwayapp.com\/\">Hemingway app<\/a>) to ensure your language is clear.<\/p>\n<p><strong>Focus on the essential <\/strong><\/p>\n<p>Your users want answers to specific questions. They should be able to find things\u00a0quickly and easily, without being distracted by lots of unhelpful or irrelevant information.<\/p>\n<blockquote><p>\u201cEssentialism is not about how to get more things done; it\u2019s about how to get the right things done. It doesn\u2019t mean just doing less for the sake of less either. It is about making the wisest possible investment of your time.\u201d<br \/>\n\u2013 <a href=\"http:\/\/gregmckeown.com\/essentialism-the-disciplined-pursuit-of-less\/\">Greg McKeown<\/a>, Essentialism: The Disciplined Pursuit of Less<\/p><\/blockquote>\n<p>Treat your users&#8217; time with respect &#8211; give them what&#8217;s essential so they can move on.<\/p>\n<p><strong>Eliminate the unnecessary <\/strong><\/p>\n<p>Everything on your website should <a href=\"https:\/\/blogs.ncl.ac.uk\/web\/2015\/06\/29\/why-do-you-have-a-website\/\">serve a purpose<\/a>.<\/p>\n<p>The purpose could be anything from <strong>informing<\/strong> someone of a key date, to <strong>inspiring<\/strong> them with a great story. If you can\u2019t figure out what the purpose is, it probably shouldn\u2019t be there.<\/p>\n<p>Images, videos and quotes should only be used when they <a href=\"https:\/\/blogs.ncl.ac.uk\/web\/2015\/06\/02\/meet-the-supporting-cast-for-your-core-content\/\">support the core content of a page<\/a>.<\/p>\n<p><strong>Foreground functionality<\/strong><\/p>\n<p>Bells and whistles can be great, but they should never compromise the functionality of a website. Design choices should <a href=\"https:\/\/blogs.ncl.ac.uk\/web\/2015\/10\/27\/using-design-to-help-users-navigate-your-site\/\">help people navigate your site<\/a>, not impede their journey by bombarding them with attractive but unnecessary\u00a0elements.<\/p>\n<p>Visit the <a href=\"http:\/\/www.ncl.ac.uk\/demo\/\">demo site<\/a> for advice on how to use content types and design new pages.<\/p>\n<p><strong>Make deliberate choices<\/strong><\/p>\n<p>As a web editor, you&#8217;ll receive lots of requests to add new content to your site. You need to make strong, thoughtful\u00a0choices about what belongs there.<\/p>\n<p>Lots of exciting things are possible in T4, and it&#8217;s easier than ever to upload new content to the web. But &#8211; to paraphrase Jeff Goldblum in Jurrasic Park &#8211; think more about what you\u00a0<em>should\u00a0<\/em>do, not what you<em>\u00a0<\/em><em>can<\/em> do.<\/p>\n<div id=\"attachment_2024\" style=\"width: 594px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/blogs.ncl.ac.uk\/web\/files\/2016\/10\/goldblum.jpeg\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-2024\" class=\"wp-image-2024 size-large\" src=\"https:\/\/blogs.ncl.ac.uk\/web\/files\/2016\/10\/goldblum-1024x554.jpeg\" alt=\"Jeff Goldblum as Ian Malcom in Jurassic Park.\" width=\"584\" height=\"316\" srcset=\"https:\/\/blogs.ncl.ac.uk\/web\/files\/2016\/10\/goldblum-1024x554.jpeg 1024w, https:\/\/blogs.ncl.ac.uk\/web\/files\/2016\/10\/goldblum-300x162.jpeg 300w, https:\/\/blogs.ncl.ac.uk\/web\/files\/2016\/10\/goldblum-768x416.jpeg 768w, https:\/\/blogs.ncl.ac.uk\/web\/files\/2016\/10\/goldblum-500x271.jpeg 500w, https:\/\/blogs.ncl.ac.uk\/web\/files\/2016\/10\/goldblum.jpeg 1125w\" sizes=\"auto, (max-width: 584px) 100vw, 584px\" \/><\/a><p id=\"caption-attachment-2024\" class=\"wp-caption-text\">Fortunately, T4 is not able to recreate\u00a0dinosaurs.<\/p><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Since we started the Go Mobile process, we&#8217;ve deleted nearly 5,000 pages\u00a0from university websites. Many of these pages were out of date or duplicated content from elsewhere on the web. They were confusing our users\u00a0by presenting information that had no &hellip; <a href=\"https:\/\/blogs.ncl.ac.uk\/web\/2016\/10\/10\/less-is-more-our-minimalist-approach-to-the-web\/\">Continue reading <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":1830,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[17,15],"tags":[],"class_list":["post-2004","post","type-post","status-publish","format-standard","hentry","category-content","category-go-mobile"],"_links":{"self":[{"href":"https:\/\/blogs.ncl.ac.uk\/web\/wp-json\/wp\/v2\/posts\/2004","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogs.ncl.ac.uk\/web\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogs.ncl.ac.uk\/web\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogs.ncl.ac.uk\/web\/wp-json\/wp\/v2\/users\/1830"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.ncl.ac.uk\/web\/wp-json\/wp\/v2\/comments?post=2004"}],"version-history":[{"count":45,"href":"https:\/\/blogs.ncl.ac.uk\/web\/wp-json\/wp\/v2\/posts\/2004\/revisions"}],"predecessor-version":[{"id":2051,"href":"https:\/\/blogs.ncl.ac.uk\/web\/wp-json\/wp\/v2\/posts\/2004\/revisions\/2051"}],"wp:attachment":[{"href":"https:\/\/blogs.ncl.ac.uk\/web\/wp-json\/wp\/v2\/media?parent=2004"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogs.ncl.ac.uk\/web\/wp-json\/wp\/v2\/categories?post=2004"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogs.ncl.ac.uk\/web\/wp-json\/wp\/v2\/tags?post=2004"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}