{"id":159,"date":"2017-04-28T16:11:47","date_gmt":"2017-04-28T15:11:47","guid":{"rendered":"http:\/\/generic.wordpress.soton.ac.uk\/philosoraptors\/?p=159"},"modified":"2017-04-28T16:24:16","modified_gmt":"2017-04-28T15:24:16","slug":"good-design-to-improve-user-exprience","status":"publish","type":"post","link":"https:\/\/generic.wordpress.soton.ac.uk\/philosoraptors\/2017\/04\/28\/good-design-to-improve-user-exprience\/","title":{"rendered":"Good design tips to improve user exprience"},"content":{"rendered":"<h2>Page design<\/h2>\n<ul>\n<li>Use white space<\/li>\n<li>Mostly content not navigation<\/li>\n<li>Simplicity better than complexity<\/li>\n<li>Separate meaning and presentation<\/li>\n<li>Use stylesheets for presentation<\/li>\n<li>Resolution independent design (percentages not fixed pixel width)<\/li>\n<li>Relative not absolute font size<\/li>\n<li>Don\u2019t include text in graphics<\/li>\n<li>Don\u2019t exclude older browsers<\/li>\n<li>Pages should load fast ( &lt;10 seconds , warn if not)<\/li>\n<li>Keep graphics to minimum<\/li>\n<li>Useful initial information (e.g. ALT text &amp; meaningful info at top)<\/li>\n<li>Use Standards<\/li>\n<li>Short meaningful link text (not \u2018click here\u2019)<\/li>\n<li>Helpful Link title<\/li>\n<li>Colour &amp; underline indicate links<\/li>\n<li>Visited links differentiated by colour<\/li>\n<li>Don\u2019t automatically open new windows<\/li>\n<li>No more than 2 fonts<\/li>\n<li>No frames<\/li>\n<\/ul>\n<p><!--more--><\/p>\n<h2>Content design<\/h2>\n<ul>\n<li>Keep text short and succinct<\/li>\n<li>Write to assist scanning\/skimming (e.g. bullets)<\/li>\n<li>Split long information into multiple pages<\/li>\n<li>Most important information first<\/li>\n<li>Check spelling and grammar<\/li>\n<li>Use short and meaningful rather than cute headlines<\/li>\n<li>Within page links may confuse<\/li>\n<li>Avoid scrolling navigation pages<\/li>\n<li>Use short meaningful page titles (don\u2019t start with \u2018a\/the\u2019)<\/li>\n<li>High contrast text and background colours<\/li>\n<li>Left justify<\/li>\n<li>Avoid graphic backgrounds<\/li>\n<li>Don\u2019t use too small fonts<\/li>\n<li>Use multimedia sparingly and appropriately<\/li>\n<li>Caption\/subtitle\/transcriptions for video\/audio<\/li>\n<li>Audio\/text descriptions for video<\/li>\n<li>Use fewer images on higher level pages (i.e. Use when know users interested)<\/li>\n<li>Use cropping and scaling to reduce image size<\/li>\n<\/ul>\n<h2>Site design<\/h2>\n<ul>\n<li>Distinctive Home Page with navigation, news, search<\/li>\n<li>Don\u2019t use splash screens<\/li>\n<li>Use only appropriate and useful metaphor in design (e.g. shopping cart)<\/li>\n<li>Show where the user is, has been and can go<\/li>\n<li>Structure site for user tasks<\/li>\n<li>Navigation breadth and depth (e.g. Breadcrumb list)<\/li>\n<li>Support user controlled navigation<\/li>\n<li>Sitemaps with current location<\/li>\n<li>Reduce navigational clutter<\/li>\n<li>Subsites if very large site<\/li>\n<li>Search of site<\/li>\n<li>Useful short page description &amp; keywords<\/li>\n<li>Choose appropriate easy to remember and spell domain name<\/li>\n<li>Don\u2019t change URL of page<\/li>\n<li>Use human understandable URL site page file structure<\/li>\n<\/ul>\n<h2>Common Errors<\/h2>\n<ul>\n<li>Structuring site to reflect company structure not user tasks and views<\/li>\n<li>Visual not interactive design focus<\/li>\n<li>Linear writing style<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Page design Use white space Mostly content not navigation Simplicity better than complexity Separate meaning and presentation Use stylesheets for presentation Resolution independent design (percentages not fixed pixel width) Relative not absolute font size Don\u2019t include text in graphics Don\u2019t exclude older browsers Pages should load fast ( &lt;10 seconds , warn if not) Keep [&hellip;]<\/p>\n","protected":false},"author":2302,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3,16],"tags":[],"class_list":["post-159","post","type-post","status-publish","format-standard","hentry","category-blog","category-design"],"jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/generic.wordpress.soton.ac.uk\/philosoraptors\/wp-json\/wp\/v2\/posts\/159","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/generic.wordpress.soton.ac.uk\/philosoraptors\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/generic.wordpress.soton.ac.uk\/philosoraptors\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/generic.wordpress.soton.ac.uk\/philosoraptors\/wp-json\/wp\/v2\/users\/2302"}],"replies":[{"embeddable":true,"href":"https:\/\/generic.wordpress.soton.ac.uk\/philosoraptors\/wp-json\/wp\/v2\/comments?post=159"}],"version-history":[{"count":5,"href":"https:\/\/generic.wordpress.soton.ac.uk\/philosoraptors\/wp-json\/wp\/v2\/posts\/159\/revisions"}],"predecessor-version":[{"id":164,"href":"https:\/\/generic.wordpress.soton.ac.uk\/philosoraptors\/wp-json\/wp\/v2\/posts\/159\/revisions\/164"}],"wp:attachment":[{"href":"https:\/\/generic.wordpress.soton.ac.uk\/philosoraptors\/wp-json\/wp\/v2\/media?parent=159"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/generic.wordpress.soton.ac.uk\/philosoraptors\/wp-json\/wp\/v2\/categories?post=159"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/generic.wordpress.soton.ac.uk\/philosoraptors\/wp-json\/wp\/v2\/tags?post=159"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}