{"id":5388,"date":"2016-11-08T14:31:01","date_gmt":"2016-11-08T14:31:01","guid":{"rendered":"http:\/\/blogs-new.it.ox.ac.uk\/adamweblearn\/?p=5388"},"modified":"2016-11-08T14:31:01","modified_gmt":"2016-11-08T14:31:01","slug":"6-tips-for-good-web-design","status":"publish","type":"post","link":"https:\/\/blogs-new.it.ox.ac.uk\/adamweblearn\/2016\/11\/6-tips-for-good-web-design\/","title":{"rendered":"6 Tips For Good Web Design"},"content":{"rendered":"<div id=\"attachment_2800\" style=\"width: 300px\" class=\"wp-caption alignright\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-2800\" class=\"size-medium wp-image-2800\" src=\"http:\/\/blogs-new.it.ox.ac.uk\/adamweblearn\/files\/2013\/07\/toptips-290x300.jpg\" alt=\"Photo: http:\/\/www.flickr.com\/photos\/24661759@N05\/8477029116\" width=\"290\" height=\"300\" srcset=\"https:\/\/blogs-new.it.ox.ac.uk\/adamweblearn\/files\/2013\/07\/toptips-290x300.jpg 290w, https:\/\/blogs-new.it.ox.ac.uk\/adamweblearn\/files\/2013\/07\/toptips.jpg 436w\" sizes=\"auto, (max-width: 290px) 100vw, 290px\" \/><p id=\"caption-attachment-2800\" class=\"wp-caption-text\">Photo: http:\/\/www.flickr.com\/photos\/24661759@N05\/8477029116<\/p><\/div>\n<p>We found a very interesting resource developed by usability guru Jakob Nielson which gives some points about good design. Here&#8217;s a condensed summary:<\/p>\n<ol>\n<li><strong><em>People cannot\u00a0use information they are unable to find:<\/em><\/strong> try to situate\u00a0material\u00a0in the most obvious place &#8211; try to think how users will navigate through your material.<\/li>\n<li><strong><em>Do not have\u00a0small bits of information scattered around the site with little or no connection between them:<\/em><\/strong>\u00a0try to consolidate information or connect related items via hyperlinks.<\/li>\n<li><strong><em>Try to link directly to related items:<\/em><\/strong>\u00a0people like to be able to\u00a0access related material with the minimum number of clicks.<\/li>\n<li><strong><em>Always present a route\u00a0back to where the user started:<\/em><\/strong>\u00a0unfamiliar users find it easy to get lost &#8211; the best way to achieve this in WebLearn is to use the <strong>Lessons<\/strong>\u00a0<strong>Tool <\/strong>which has its own breadcrumb navigation<\/li>\n<li><strong><em>Do not overwhelm users with too much information:<\/em><\/strong>\u00a0less is sometimes more (!) &#8211; there are links at the bottom of this post to a couple of posts outlining good techniques to employ when &#8220;Writing for the Web&#8221;.<\/li>\n<li><strong><em>Try not to hide links:<\/em><\/strong>\u00a0do not change the text or background colour of hyperlinks; the fancier the design around a link, the more likely a user is to miss it.<\/li>\n<\/ol>\n<h2>Links<\/h2>\n<ul>\n<li><a href=\"https:\/\/www.nngroup.com\/articles\/top-10-enduring\/\">Top 10 Enduring Web-Design Mistakes -Jakob Nielson<\/a><\/li>\n<li><a href=\"https:\/\/blogs-new.it.ox.ac.uk\/adamweblearn\/2009\/10\/writing-for-the-web-tips\/\">Writing for the Web Tips<\/a><\/li>\n<li><a href=\"https:\/\/blogs-new.it.ox.ac.uk\/adamweblearn\/2009\/12\/writing-for-the-web-tips-2\/\">Writing for the Web 2<\/a><\/li>\n<li><a href=\"https:\/\/blogs-new.it.ox.ac.uk\/adamweblearn\/2016\/01\/writing-for-the-web-video-playlist\/\">Writing for the Web Video Playlist (Lynda.com)<\/a><\/li>\n<li><a href=\"https:\/\/www.nngroup.com\/articles\/fancy-formatting-looks-like-an-ad\/\">Fancy Formatting Looks Like an Advert<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>We found a very interesting resource developed by usability guru Jakob Nielson which gives some points about good design. Here&#8217;s a condensed summary: People cannot\u00a0use information they are unable to find: try to situate\u00a0material\u00a0in the most obvious place &#8211; try &hellip; <a href=\"https:\/\/blogs-new.it.ox.ac.uk\/adamweblearn\/2016\/11\/6-tips-for-good-web-design\/\">Continue reading <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":13,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[105],"tags":[206],"class_list":["post-5388","post","type-post","status-publish","format-standard","hentry","category-weblearn","tag-content"],"_links":{"self":[{"href":"https:\/\/blogs-new.it.ox.ac.uk\/adamweblearn\/wp-json\/wp\/v2\/posts\/5388","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogs-new.it.ox.ac.uk\/adamweblearn\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogs-new.it.ox.ac.uk\/adamweblearn\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogs-new.it.ox.ac.uk\/adamweblearn\/wp-json\/wp\/v2\/users\/13"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs-new.it.ox.ac.uk\/adamweblearn\/wp-json\/wp\/v2\/comments?post=5388"}],"version-history":[{"count":10,"href":"https:\/\/blogs-new.it.ox.ac.uk\/adamweblearn\/wp-json\/wp\/v2\/posts\/5388\/revisions"}],"predecessor-version":[{"id":5448,"href":"https:\/\/blogs-new.it.ox.ac.uk\/adamweblearn\/wp-json\/wp\/v2\/posts\/5388\/revisions\/5448"}],"wp:attachment":[{"href":"https:\/\/blogs-new.it.ox.ac.uk\/adamweblearn\/wp-json\/wp\/v2\/media?parent=5388"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogs-new.it.ox.ac.uk\/adamweblearn\/wp-json\/wp\/v2\/categories?post=5388"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogs-new.it.ox.ac.uk\/adamweblearn\/wp-json\/wp\/v2\/tags?post=5388"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}